Create exact clone of this website: "https://www.theswitzergroup.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: '4f7f1467-fff8-4782-a4ea-b7523e90f934' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you clone the Switzer Group website. Let me first fetch and analyze the target website to understand its structure, design, and content.
Now let me search for more specific design details and check if I can get better information about the website structure, colors, and images.
Now let me read the current layout file to add the chat widget script:
Now let me check the current globals.css to understand the existing styling:
Now let me create the website clone. Based on the content fetched, I'll create a homepage that matches the Switzer Group website with its professional design, architecture focus, and clean layout. I'll update the layout to add the chat widget script and create the main page.
Now let me create the main page with the Switzer Group design:
I've successfully created a clone of The Switzer Group website with the following features:
Design Implementation:
Key Sections Recreated:
Technical Features:
The site captures the essence of The Switzer Group's professional, design-forward brand identity with a focus on architecture, interior design, and workplace strategy.