Create exact clone of this website: "https://rdtechnologyllc.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: '95e5498b-4d3c-4935-a89c-270ea78a0eca' });
};
s.onerror = (e) => console.error('Failed to load chat widget:', e);
document.head.appendChild(s);
</script>
Now I have all the content. Let me build the complete clone with all pages.
The full RD Technology LLC clone is complete with all four pages — Home, About, Services, and Contact. The site uses the deep navy/blue color scheme (#1a3a5c navy, #2563eb accent blue) with Inter font, sticky navigation, and a shared footer across all routes. The chat widget script with your agentId is embedded directly in the <head> of layout.tsx and will load on every page.