import React from 'react';
import { createRoot, hydrateRoot } from 'react-dom/client';
import App from './App.jsx';
import './fonts.css';
import './styles.css';
import './new-sections.css';
import './styles_extra.css';
import './enterprise.css';
import './header-hero.css';
import './reveal.css';
import './capabilities-services.css';
import './design-system/primitives.css';
import './design-system/tokens.css';
import './premium.css';
import './enterprise-flagship.css';
import './site-luxury.css';
import './home-refined.css';
import './components/InteractiveHeroSpotlight.css';
import './scroll-storytelling.css';
import './reference-home.css';
import './components/motion/motion.css';
import './navbar-premium.css';
import './components/LiveWebsitePreview.css';
import './home-motion.css';
import './services-home.css';
import './website-development.css';
import './custom-software.css';
import './ai-automation.css';
import './ai-voice-agents.css';
import './ai-customer-support.css';
import './workflow-automation.css';
import './digital-marketing.css';
import './cloud-devops.css';
import './lead-automation.css';
import './solutions-overview.css';
import './work-portfolio.css';
import './about-story.css';
import './resources-page.css';
import './components/ScrollProgress.css';
import './cursor-affordances.css';
import './contact-reference.css';
import './premium-site-wide.css';

const path = window.location.pathname.replace(/\/+$/, '') || '/';

let initialRouteImport;
if (path === '/') initialRouteImport = import('./pages/Home.jsx');
else if (path === '/services') initialRouteImport = import('./pages/Services.jsx');
else if (path === '/solutions') initialRouteImport = import('./pages/Solutions.jsx');
else if (path === '/work') initialRouteImport = import('./pages/Work.jsx');
else if (path === '/about') initialRouteImport = import('./pages/About.jsx');
else if (path === '/optive-technologies') initialRouteImport = import('./pages/Brand.jsx');
else if (path === '/contact') initialRouteImport = import('./pages/Contact.jsx');
else if (path === '/workflow-audit') initialRouteImport = import('./pages/WorkflowAudit.jsx');
else if (path === '/privacy' || path === '/terms') initialRouteImport = import('./pages/Legal.jsx');
else if (path === '/blog') initialRouteImport = import('./pages/Blog.jsx');
else if (path === '/about/sujal-javeri') initialRouteImport = import('./pages/Founder.jsx');
else if (path === '/pune') initialRouteImport = import('./pages/Pune.jsx');
else if (/^\/(services|solutions)\//.test(path) && !path.endsWith('/business-automation') && !path.endsWith('/ai-development')) initialRouteImport = import('./pages/ServiceDetail.jsx');
else if (path === '/resources' || path === '/tools') initialRouteImport = import('./pages/Tools.jsx');
else if (path === '/tools/website-cost-calculator') initialRouteImport = import('./pages/tools/WebsiteCalculator.jsx');
else if (path === '/tools/seo-audit') initialRouteImport = import('./pages/tools/SEOAudit.jsx');
else if (path === '/tools/website-performance-checker') initialRouteImport = import('./pages/tools/PerformanceChecker.jsx');
else if (!['/founder', '/services/business-automation', '/services/ai-development', '/tools/website-calculator', '/tools/performance-checker'].includes(path)) initialRouteImport = import('./pages/NotFound.jsx');

async function startApp() {
  await initialRouteImport;
  const rootElement = document.getElementById('root');
  const app = (
    <React.StrictMode>
      <App />
    </React.StrictMode>
  );

  if (rootElement.hasChildNodes()) hydrateRoot(rootElement, app);
  else createRoot(rootElement).render(app);
}

startApp();