// ── Footer ──────────────────────────────────────────────────────────────────── const Footer = ({ setPage }) => ( ); // ── WhatsApp FAB ────────────────────────────────────────────────────────────── const WAButton = () => ( { e.currentTarget.style.transform = 'scale(1.08)'; e.currentTarget.style.boxShadow = '0 6px 32px rgba(37,211,102,0.5)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = '0 4px 24px rgba(37,211,102,0.4)'; }} > ); // ── Hash Router ─────────────────────────────────────────────────────────────── const SLUG_TO_PAGE = { '/': 'home', '/services': 'services', '/essentials': 'essentials', '/enterprise': 'enterprise', '/case-studies': 'portfolio', '/insights': 'insights', '/why-smartek-x': 'about', '/contact': 'contact', }; const PAGE_TO_SLUG = { home: '/', services: '/services', essentials: '/essentials', enterprise: '/enterprise', portfolio: '/case-studies', insights: '/insights', about: '/why-smartek-x', contact: '/contact', }; const getPageFromHash = () => { const slug = window.location.hash.replace(/^#/, '') || '/'; return SLUG_TO_PAGE[slug] || 'home'; }; // ── App ─────────────────────────────────────────────────────────────────────── const App = () => { const [page, setPage] = React.useState(getPageFromHash); React.useEffect(() => { const onHashChange = () => { setPage(getPageFromHash()); window.scrollTo({ top: 0, behavior: 'instant' }); }; window.addEventListener('hashchange', onHashChange); return () => window.removeEventListener('hashchange', onHashChange); }, []); const navigate = (p) => { const slug = PAGE_TO_SLUG[p] || '/'; window.location.hash = slug; }; const pages = { home: HomePage, services: ServicesPage, essentials: EssentialsPage, enterprise: EnterprisePage, portfolio: PortfolioPage, insights: InsightsPage, about: AboutPage, contact: ContactPage, }; const Page = pages[page] || HomePage; return ( <>