Create exact clone of this website: "https://www.zfamilydental.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: '753c1b1a-b25a-4e72-9c33-8b13f3e47b1b' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you create a clone of the Z Family Dental website. Let me first fetch the website to analyze its design, layout, colors, and structure.
Now let me check the current project structure and then create the website clone:
Now let me read the layout file and then create the website:
Now I'll create the website clone. First, let me update the layout to include the chat widget script and CSS, then create the main page:
Now let me create the main page component and necessary components:
I've successfully created a clone of the Z Family Dental website with all the key components and features. The website includes:
✅ Header - with contact information, navigation menu, and call-to-action buttons ✅ Hero Section - with the main welcome message and branding ✅ Promotional Offers - displaying all special deals and discounts ✅ About Section - describing the practice's personalized approach ✅ Why Choose Us - featuring 4 key benefits (Private Dentistry, Weekend Hours, Family Dentistry, Free Parking) ✅ Team Section - showcasing Dr. Z and the manager ✅ First Visit Info - detailing what's included in initial appointments ✅ Services Grid - displaying 6 main dental services ✅ Promotions Section - comprehensive list of current offers ✅ FAQ Accordion - with collapsible frequently asked questions ✅ Testimonials - video testimonials section ✅ Insurance Providers - grid of accepted insurance companies ✅ Booking Form - functional appointment request form ✅ Footer - with contact info, links, services, and working hours ✅ Chat Widget - integrated with the provided script in the layout head
The design uses the blue color scheme (#0066cc) consistent with dental branding, maintains responsive layouts for all screen sizes, and includes all the promotional offers and information from the original site. The chat widget has been properly integrated in the layout as requested.