Create exact clone of this website: "https://primuslabs.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: 'd6ace372-68c6-4f3a-ab5b-cffa0421f464' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now I have enough information to build the clone. Let me also look at the logo image URL and color scheme more carefully.
Now I have enough information to build the full clone. Let me create the complete website.
Now let me build all the components:
Now let me also add the hover styles that need inline event handlers properly supported by adding a global CSS for some of those hover states, and update the globals to include them:
Now let me verify all the components look correct by doing a quick check:
Good. The files are all written correctly. Let me verify the layout is good:
Everything looks great. Here's a summary of what was built:
The full homepage clone of primuslabs.com has been built with these sections (top to bottom):
| Component | Description |
|---|---|
| TopBar | Dark bar with email, phone, 24/7 notice, and social icons (Twitter, Facebook, Vimeo, Pinterest) |
| Header | Sticky white nav with logo, 6 mega-dropdowns, search, and green "Request Analyses" CTA |
| HeroSlider | Auto-advancing 4-slide fullscreen carousel with animated text, dots, and arrow controls |
| ServicesGrid | 4-column card grid — Pesticide Residue, Microbiological, Sampling, Data Management |
| StatsBar | Green banner with animated count-up stats (42 countries, 52 commodities, 400+ compounds, 30+ years) |
| AboutBanner | Dark parallax-style banner with 30+ years copy and Learn More CTA |
| FeaturedServices | 6-item icon grid covering ISO Accreditation, Chain of Custody, Expert Staff, etc. |
| AccreditationSection | Green overlay section showing ISO 17025:2017 certificate cards |
| SuppliesCTA | Two-column layout promoting free sampling supplies |
| AzzuleSection | Dark section promoting Azzule data management integration |
| LatestNews | 3-column blog card grid with real post data |
| LocationsSection | 3-region office directory (US, Mexico, LATAM) |
| Footer | Full multi-column footer with logo, contact info, links, social icons, and copyright |
Color scheme: PrimusLabs green #5a9132, dark charcoal #2a2a2a, light gray #f5f5f5, white. Fonts: Open Sans (body) + Montserrat (headings). The chat widget is injected via next/script with afterInteractive strategy and the CSS is loaded in <head>.