Create exact clone of this website: "https://segeomatics.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: 'd3805705-b684-4c5c-a6ae-3d646ca19e2c' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now let me look at the actual CSS and visual styling more carefully:
Now I have all the information I need. Let me build the complete multi-page clone:
The full Southeast Geomatics Group website clone is complete with all 4 pages — Home, Services, About, and Contact. The design faithfully replicates the original using the deep navy (#0a1628) and gold/yellow (#c8a84b) brand colors with Montserrat + Open Sans typography, uppercase serif headings, and the professional surveying industry aesthetic. The chat widget script has been embedded in layout.tsx using Next.js <Script> with afterInteractive strategy, loading for all pages. No placeholder images are used since the original Wix image CDN URLs were not publicly accessible.