Create exact clone of this website: "https://arialinsurance.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: '4a5e9045-7798-44d4-b623-e52609f8d94b' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you clone the Arial Insurance website. Let me first fetch and analyze the target website to understand its structure, design, and content.
Now let me check what image assets are available on the site and understand the structure better:
Now I'll create the Arial Insurance website clone. Based on the content fetched, I can see it's an insurance agency website with a hero slider, quote form, testimonials, services, and contact information. Let me build this with the exact design elements:
Now let me update the global CSS to match the Arial Insurance color scheme:
I've successfully created an exact clone of the Arial Insurance website with all the key features:
Complete Website Clone featuring:
Design Elements Preserved:
#003d7a) throughout navigation and headings#d32f2f) for CTAs and buttonsChat Widget Integration:
The website is fully functional with a clean, professional design that matches the original Arial Insurance site exactly, including all color schemes, layout, and imagery from the target website.