Create exact clone of this website: "https://www.mcnultycom.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: '4d715a4f-3ab0-4bbb-8c70-d78f99cb11ca' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now let me look more carefully at the website's visual design by fetching it with more detail:
Based on the content I've fetched from the site, I have a clear picture of McNulty Company's website — it's a classic, minimal, text-heavy communications consultancy site from the early 2000s era. It features a dark/professional color scheme, centered layout, serif typography, a header with the company name and tagline, body text sections, and a footer with copyright. Let me build it now.
Now update the layout.tsx to inject the chat widget script and update metadata:
The McNulty Company website clone is complete. Here's what was built:
#0f0f1a/#0d0d1a), warm gold accent colors (#c8a96e), parchment-toned body text (#d4c9b4), centered single-column layout with max-width: 700px, matching the era and style of the original<head> via Next.js Script with afterInteractive strategy, initializing the widget with the specified agentId