feat: Implement website structure

- Add navigation with Themes, Puzzles, and Miscellany.
- Create "coming soon" pages for Puzzles and Miscellany.
- Create a Themes page with cards for various topics.
- Implement basic boxy layout.
- Prepare for future interactive additions and filtering.
- Set up for Netlify deployment.

src/App.tsx

@@ -4,6 +4,16 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Index from "./pages/Index";
+import Themes from "./pages/Themes";
+import Puzzles from "./pages/Puzzles";
+import Miscellany from "./pages/Miscellany";
+import SchoolConnect from "./pages/theme-pages/SchoolConnect";
+import DiscreteMath from "./pages/theme-pages/DiscreteMath";
+import SocialChoice from "./pages/theme-pages/SocialChoice";
+import AdvancedAlgorithms from "./pages/theme-pages/AdvancedAlgorithms";
+import DataStructures from "./pages/theme-pages/DataStructures";
+import Games from "./pages/theme-pages/Games";
+import CardsMath from "./pages/theme-pages/CardsMath";
 import NotFound from "./pages/NotFound";
 
 const queryClient = new QueryClient();
@@ -16,6 +26,19 @@ const App = () => (
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<Index />} />
+          <Route path="/themes" element={<Themes />} />
+          <Route path="/puzzles" element={<Puzzles />} />
+          <Route path="/miscellany" element={<Miscellany />} />
+          
+          {/* Theme-specific routes */}
+          <Route path="/themes/school-connect" element={<SchoolConnect />} />
+          <Route path="/themes/discrete-math" element={<DiscreteMath />} />
+          <Route path="/themes/social-choice" element={<SocialChoice />} />
+          <Route path="/themes/advanced-algorithms" element={<AdvancedAlgorithms />} />
+          <Route path="/themes/data-structures" element={<DataStructures />} />
+          <Route path="/themes/games" element={<Games />} />
+          <Route path="/themes/cards-math" element={<CardsMath />} />
+          
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
         </Routes>