Create exact clone of this website: "https://www.esc20.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: '4bf44d38-963e-4c73-9593-6da2447478ca' });
};
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://www.esc20.net. Let me first fetch the website to analyze its design, structure, and styling.
Now let me gather more details about the actual visual design by exploring the page further. Let me also check what the current project structure looks like.
Now I'll create a clone of the ESC-20 website. Based on the content fetched, I can see it's an Education Service Center website with a header, featured events section, state/federal initiatives section, sponsorship info, and footer. Let me create the page and update the layout to include the chat widget script.
Now let me create the main page with the ESC-20 design:
I've successfully created a clone of the ESC-20 website with all the key features and design elements. The website includes:
Design & Layout:
#5B2C82 primary color) matching the original#2E7D9A) for the "Who We Serve" sectionContent Sections:
Technical Implementation:
The site is now ready and includes the embedded chat widget that will load automatically!