import React from 'react';
import { Routes, Route } from 'react-router-dom';
import { ThemeProvider } from '@/components/ThemeContext';

// Core Components
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import ScrollToTop from '@/components/ScrollToTop';
import ProtectedRoute from '@/components/ProtectedRoute';
import { Toaster } from '@/components/ui/toaster';

// Public Pages
import Home from '@/pages/Home';
import AboutPage from '@/pages/AboutPage';
import OurTeamPage from '@/pages/OurTeamPage';
import ServicesPage from '@/pages/ServicesPage';
import ServicesHubPage from '@/pages/ServicesHubPage';
import PaidMediaPage from '@/pages/PaidMediaPage';
import SeoPage from '@/pages/SeoPage';
import LlmoPage from '@/pages/LlmoPage';
import WebDevPage from '@/pages/WebDevPage';
import SocialMediaPage from '@/pages/SocialMediaPage';
import BrandPage from '@/pages/BrandPage';
import ConsultingPage from '@/pages/ConsultingPage';
import CybersecurityPage from '@/pages/CybersecurityPage';
import ServiceDetail from '@/pages/ServiceDetail';
import IndustriesPage from '@/pages/IndustriesPage';
import IndustryDetailPage from '@/pages/IndustryDetailPage';
import ContactPage from '@/pages/ContactPage';

// Auth Pages
import LoginPage from '@/pages/LoginPage';
import ForgotPasswordPage from '@/pages/ForgotPasswordPage';
import NewClientForm from '@/pages/NewClientForm';

// Portal Pages
import PortalLayout from '@/pages/portal/PortalLayout';
import DashboardOverview from '@/pages/portal/DashboardOverview';
import GA4Dashboard from '@/pages/portal/GA4Dashboard';
import GSCDashboard from '@/pages/portal/GSCDashboard';
import GoogleAdsDashboard from '@/pages/portal/GoogleAdsDashboard';
import MetaBusinessDashboard from '@/pages/portal/MetaBusinessDashboard';
import SocialMediaDashboard from '@/pages/portal/SocialMediaDashboard';

function App() {
  return (
    <ThemeProvider>
      <div className="min-h-screen bg-background text-foreground flex flex-col font-sans"> 
        <ScrollToTop />
        <Header />
        <main className="flex-grow">
          <Routes>
            {/* Public Routes */}
            <Route path="/" element={<Home />} />
            <Route path="/about" element={<AboutPage />} />
            <Route path="/our-team" element={<OurTeamPage />} />
            
            {/* Services Routes */}
            <Route path="/services" element={<ServicesHubPage />} />
            <Route path="/services/paid-media" element={<PaidMediaPage />} />
            <Route path="/services/seo" element={<SeoPage />} />
            <Route path="/services/llmo" element={<LlmoPage />} />
            <Route path="/services/web-development" element={<WebDevPage />} />
            <Route path="/services/social-media" element={<SocialMediaPage />} />
            <Route path="/services/brand" element={<BrandPage />} />
            <Route path="/services/consulting" element={<ConsultingPage />} />
            <Route path="/services/cybersecurity" element={<CybersecurityPage />} />
            <Route path="/services/all" element={<ServicesPage />} />
            <Route path="/services/:slug" element={<ServiceDetail />} />
            
            {/* Industries Routes */}
            <Route path="/industries" element={<IndustriesPage />} />
            <Route path="/industries/:slug" element={<IndustryDetailPage />} />

            {/* Contact & Auth Routes */}
            <Route path="/contact" element={<ContactPage />} />
            <Route path="/login" element={<LoginPage />} />
            <Route path="/forgot-password" element={<ForgotPasswordPage />} />
            <Route path="/new-client" element={<NewClientForm />} />
            
            {/* Client Portal Routes (Protected) */}
            <Route 
              path="/portal" 
              element={
                <ProtectedRoute>
                  <PortalLayout />
                </ProtectedRoute>
              }
            >
              <Route index element={<DashboardOverview />} />
              <Route path="analytics" element={<GA4Dashboard />} />
              <Route path="search-console" element={<GSCDashboard />} />
              <Route path="google-ads" element={<GoogleAdsDashboard />} />
              <Route path="meta-business" element={<MetaBusinessDashboard />} />
              <Route path="social-media" element={<SocialMediaDashboard />} />
            </Route>
          </Routes>
        </main>
        <Footer />
        <Toaster />
      </div>
    </ThemeProvider>
  );
}

export default App;