import { Switch, Route } from "wouter";
import { queryClient } from "./lib/queryClient";
import { QueryClientProvider } from "@tanstack/react-query";
import { Toaster } from "@/components/ui/toaster";
import { TooltipProvider } from "@/components/ui/tooltip";
import Layout from "@/components/Layout";
import { useScrollToTop } from "@/hooks/useScrollToTop";
import Home from "@/pages/Home";
import About from "@/pages/About";
import Gallery from "@/pages/Gallery";

import FAQ from "@/pages/FAQ";
import Sponsors from "@/pages/Sponsors";
import Contact from "@/pages/Contact";
import Travel from "@/pages/Travel";
import Disclaimer from "@/pages/Disclaimer";
import Terms from "@/pages/Terms";
import Privacy from "@/pages/Privacy";
import Registration from "@/pages/Registration";
import GroupRegistration from "@/pages/GroupRegistration";
import ThankYou from "@/pages/ThankYou";
import Success from "@/pages/Success";
import Inauguration from "@/pages/Inauguration";
import NotFound from "@/pages/not-found";

function Router() {
  useScrollToTop();
  
  return (
    <Switch>
      <Route path="/inauguration" component={Inauguration} />
      <Route path="/success" component={Success} />
      <Route path="/" component={() => <Layout><Home /></Layout>} />
      <Route path="/about" component={() => <Layout><About /></Layout>} />
      <Route path="/gallery" component={() => <Layout><Gallery /></Layout>} />
      <Route path="/faq" component={() => <Layout><FAQ /></Layout>} />
      <Route path="/sponsors" component={() => <Layout><Sponsors /></Layout>} />
      <Route path="/contact" component={() => <Layout><Contact /></Layout>} />
      <Route path="/travel" component={() => <Layout><Travel /></Layout>} />
      <Route path="/disclaimer" component={() => <Layout><Disclaimer /></Layout>} />
      <Route path="/terms" component={() => <Layout><Terms /></Layout>} />
      <Route path="/privacy" component={() => <Layout><Privacy /></Layout>} />
      <Route path="/registration" component={() => <Layout><Registration /></Layout>} />
      <Route path="/group-registration" component={() => <Layout><GroupRegistration /></Layout>} />
      <Route path="/thank-you" component={() => <Layout><ThankYou /></Layout>} />
      <Route component={() => <Layout><NotFound /></Layout>} />
    </Switch>
  );
}

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <TooltipProvider>
        <Toaster />
        <Router />
      </TooltipProvider>
    </QueryClientProvider>
  );
}

export default App;