Create exact clone of this website: "https://www.dahangroup.io".
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: '5af48d99-34a6-47aa-b0ff-f99a2be95edb' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now let me look at the website more carefully with a screenshot approach to get visual details:
Now I have a clear picture of the website. Let me build the complete clone:
Now let me update the globals.css and layout.tsx first:
Now let me assemble everything in the main page:
The DahanGroup.io clone is complete. Here's what was built across 8 components:
#0a0a0a background, #22d3ee cyan accent, Inter font) matching the original's color palette and aestheticlayout.tsx with your provided agentId script and CSS link injected into the <head> as required