Create exact clone of this website: "https://publicissapient.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: 'fb06a407-453a-4235-af5a-377a2214f505' });
};
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 read the existing files and build the complete site.
Now let me build the full Publicis Sapient clone. I'll create all necessary components:
Now let's write the main page:
Now let's add a scroll-to-top button and a cookie banner for added authenticity:
Now update the main page to include the cookie banner and scroll-to-top:
The Publicis Sapient clone is complete. Here's a summary of what was built:
Pages & Sections:
Technical: Chat widget script embedded in layout.tsx via Next.js Script component, cookie consent banner, scroll-to-top button, and full Publicis Sapient red (#e40000) + black (#111) color system.