Create exact clone of this website: "https://realestateaistudio.com".
Make sure to read all the colour schemes and details carefully. Use target website image links if available, else do not use placeholders at all.
You must add this there:
<link rel="stylesheet" href="https://embeddable-widgets.pages.dev/chat-widget.css" />
<script>
const s = document.createElement('script');
s.src = 'https://embeddable-widgets.pages.dev/chat-widget.umd.js';
s.onload = () => {
console.log('Chat widget script loaded');
window?.ChatWidget?.initChatWidget &&
window.ChatWidget.initChatWidget({ agentId: 'ac9b8929-bd9d-4298-91a1-5355d240152e' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now let me fetch more details from the website to get images, colors, and structure:
Now I have everything I need. Let me build the complete clone with all sections:
Now let me create the individual components:
Now let me create the main page that puts it all together:
Now let me verify all files are in place and make any final polish:
Everything looks great. The clone is complete. Here's a summary of what was built:
Real Estate AI Studio — Full Clone ✅
The site has been faithfully recreated with all original sections:
Design: Deep navy (#0a0f1e) background with gold (#c8a96e) accents, Raleway font, gold shimmer animations, card hover effects, and the chat widget injected in <head> as requested.