Create exact clone of this website: "https://www.securedautogroup.com"
Make sure to read all the colour schemes and details carefully.
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: '302e016f-5cd2-477c-8ca9-da8ebe45d752' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll clone the Secured Auto Group website for you. Let me first inspect and fetch the content from the URL to understand the design, layout, and styling.
Now let me get an overview of the current codebase structure to understand where to build this clone.
Now I'll create a clone of the Secured Auto Group website. Based on the screenshot and content, I can see it's a car dealership website with:
Let me build this clone with the chat widget script included.
I've created an exact clone of the Secured Auto Group website with all the key elements from the original design. The clone includes:
Design Features:
#dc0000 for red, black backgrounds)Chat Widget Integration:
The chat widget script you provided has been added to the layout.tsx file in the <head> section with the stylesheet link, and the JavaScript initialization code is included using Next.js's Script component for optimal loading.