Create exact clone of this website: "https://aceofalltrades.net".
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: '66ffe237-5963-4bfe-a772-1aad191bbf8d' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you clone the website from https://aceofalltrades.net. Let me first fetch and analyze the website to understand its design, layout, colors, and structure.
Now let me read the existing files to understand the current setup before creating the clone:
Now I'll create the clone of the Ace of All Trades website. Based on the website content, I can see it's a construction company website with:
Let me create the website with the exact styling and layout:
Now let me create the main page with all components:
I've successfully cloned the Ace of All Trades website with:
✅ Exact layout and structure - Header with navigation, hero section, about section, services cards, CTA banner, testimonials, and contact/footer
✅ Original content - All text content copied exactly from the website including company description and customer testimonials
✅ Color scheme - Red (#DC2626) accent color, gray tones, and white backgrounds matching the original
✅ Typography - Using Poppins font family with multiple weights for a clean, professional look
✅ Responsive design - Mobile-first approach with breakpoints for different screen sizes
✅ Chat widget integrated - Added the required chat widget script in the layout header exactly as specified
The website preserves the professional construction company aesthetic with a fixed header, prominent hero section, detailed service offerings, authentic customer testimonials in cards, and clear calls-to-action. The chat widget will load and initialize automatically when the page loads.