Create exact clone of this website: "https://dustinspestcontrol.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: '2707b874-cbca-4720-ae5c-df568992045c' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now let me look for the actual CSS and JavaScript files to understand colors, fonts, and styling:
I have enough content from the website. Let me now build the full clone with all the details I've gathered:
Now I have everything I need. Let me build the full clone:
Now let me build all the components:
Now let me write the main page:
Now let me verify all the key files are correct:
Everything looks great! Here's a summary of what was built:
Full clone of dustinspestcontrol.com with all sections faithfully reproduced:
#1a2e1a) background, compliance badge bar in brand green/yellow, logo "D" monogram, phone & text CTA buttons<head> via Next.js Script component with afterInteractive strategy