Create exact clone of this website: "https://www.rightatschool.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: 'b46616aa-e5f6-4f4f-80da-0bb14d90ffa3' });
};
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.rightatschool.com. Let me first fetch the website to analyze its design, structure, and content.
Now let me read the current layout file to see where to add the chat widget code:
Now I'll create the website clone based on the content fetched. I'll update the layout to add the chat widget script and create the homepage with the Right At School design:
Now I'll update the globals.css font variables and create the main homepage:
I've created an exact clone of the Right At School website with all the key features:
#6B46C1), Teal (#4ECDC4), and Yellow (#FFD200) matching the site's color schemeThe design uses the original color palette, proper spacing, rounded buttons, and maintains the cheerful, family-friendly aesthetic of the Right At School brand. The chat widget will load automatically and appear on the page for visitor interactions.