Create exact clone of this website: "https://www.rpowerpro.com"
Make sure to read all the colour schemes and details carefully.
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: '07645755-b88c-4ffa-adfc-5f7071b2a375' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll clone the RPower Pro website for you. Let me first fetch the website content and take a screenshot to capture all the design details.
Now I'll create an exact clone of the RPower Pro website. Based on the screenshot and content, I can see it features a professional real estate platform with a distinctive blue color scheme, cityscape hero image, and clean layout. Let me recreate this with all the design details preserved.
I've created an exact clone of the RPower Pro website with all the key features preserved:
Design Elements Captured:
#2c5aa0) as the primary color, beige/tan (#e8e6e1) for contrast sections, and clean white backgroundsChat Widget Integration: The chat widget script and CSS have been added to the layout.tsx file exactly as you specified, with the agent ID configured correctly.
The website features a professional real estate platform design with clear sections for services, team introduction, and calls-to-action, maintaining the sophisticated and trustworthy appearance of the original site.