Create exact clone of this website: "https://winnipegpest.ca/".
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: '1780eb04-cc37-41fa-9bb3-64d7c0634bf4' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Let me use a search approach to get more details about the page design:
Now I have the full content. Let me also fetch more details about the visual design:
Now I have all the content I need. Let me build the full clone:
Now I have everything I need. Let me build the full website clone:
Now let me build all the components:
Now let me also update the globals.css to ensure the dark section colors aren't overriding the .dark variants:
Good. Now let me add a smooth scroll behavior and some additional global styles:
I've successfully created an exact clone of the Winnipeg Pest Control website. Here's what I've built:
Key Features Implemented:
Design Details Preserved:
#2d6a2d primary, #e07b20 orange accent)Chat Widget Integrated:
<head> in layout.tsx1780eb04-cc37-41fa-9bb3-64d7c0634bf4 configuredThe website is now ready and fully functional with all the original content, design, and the embedded chat widget!