Create exact clone of this website: "https://thechappellgroup.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: '29c3792c-18b6-4a59-a85f-46735ab9e1c7' });
};
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://thechappellgroup.com/. Let me first fetch the website to analyze its design, structure, colors, and content.
Now let me generate design inspiration and check the current project structure before building the clone:
Now let me create the clone of The Chappell Group website. I'll build a page that matches their environmental consulting firm design with the chat widget included: