Create exact clone of this website: "https://utmb.jobs".
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: '4275d6df-c208-4c1e-93c7-28da843bc2b7' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
I'll help you create an exact clone of the utmb.jobs website. Let me first fetch the website to analyze its design, layout, colors, fonts, and structure.
Now let me read the current page.tsx file to see what's there, and then I'll create the clone:
Now I'll create the UTMB Jobs website clone. First, let me update the layout to include the chat widget script and update the metadata, then create the main page:
Now let me create the main page with the UTMB Jobs website clone:
I've created an exact clone of the UTMB Jobs website with the following features:
Key Elements Implemented:
#003c71) used throughout for headers, buttons, and footerThe website preserves the professional, clean aesthetic of UTMB Health's careers page while maintaining full functionality across all screen sizes. The chat widget will load and initialize automatically when the page loads.