Create exact clone of this website: "https://tsu.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: '657d4f1a-06cc-49c7-814b-329464d74378' });
};
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://tsu.edu. Let me first fetch the website to examine its design, layout, colors, and structure.
Now let me gather more details about the design by reading the actual HTML and CSS from the page. Let me also check what components might already exist in the project.
Now I'll create the TSU website clone. Based on the content I fetched, I'll build a faithful reproduction with the TSU branding colors (maroon and gray), layout structure, and content. Let me start by updating the layout to include the chat widget script, then create the main page.
Now let me create the main page with the TSU website structure:
I've successfully created a clone of the Texas Southern University website with the following features:
What I've built:
#76232F) throughout the designThe site captures the essence of TSU's welcoming message about academic excellence and community belonging, with all the key information and calls-to-action preserved from the original website.