Create exact clone of this website: "https://www.ashburndivinedental.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: '4791bb4c-2162-4fab-aeb8-ede2788f3230' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you clone the website from https://www.ashburndivinedental.com. Let me first fetch the website content to analyze its design, layout, and structure, and also understand your current codebase.
Now let me fetch more details to see the full page structure, images, and styling:
Now I'll create the dental website clone based on the content I've gathered. I'll build a clean, professional dental website with the original images and the chat widget integrated.
I've successfully created a clone of the Ashburn Divine Dental website with the following features:
✅ Professional dental office design with a blue color scheme (#2c5f8d) matching the original aesthetic
✅ All 15 original office tour images directly from the source website
✅ Chat widget integration with the code you provided in the head section
✅ Key content sections: Hero, Same Day Crown Technology highlight, About section, and Office Tour gallery
✅ Responsive layout that works on mobile, tablet, and desktop devices
✅ Contact information with phone number and location prominently displayed
✅ Professional footer with contact details and office hours
The website showcases the Cerec Omnicam technology for same-day crowns and includes a beautiful gallery grid of the office tour images with hover effects.