Create exact clone of this website: "https://www.sunymaritime.edu".
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: '68f8ef9c-8fd4-42ab-b520-b0d8c8b57e27' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you clone the SUNY Maritime College website. Let me first fetch the website to analyze its design, structure, and styling.
Now let me create the cloned website based on the content I fetched. I'll update the layout to include the chat widget script and create the main page with the SUNY Maritime College design.
Now let me update the globals.css with the SUNY Maritime color scheme and create the main page:
I've successfully created a clone of the SUNY Maritime College website. Here's what I've implemented:
Key Features:
#003366) and gold (#FFD700) matching the original siteThe website includes all major sections from the original: admissions info, academic programs (Undergraduate, Graduate, License), Summer Sea Term adventure section, impressive statistics, student testimonial, news updates, events calendar, and a comprehensive footer with contact information.