.github/Routes.jsx at main · Floridadoll1313/.github · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { AnimatePresence } from "framer-motion";

// --- Global Layout + Animation Shell ---
import AppLayout from "./components/layout/AppLayout";
import PageTransition from "./components/animations/PageTransition";

// --- Sector Pages (expand as your realm grows) ---
import Home from "./pages/Home";
import SectorOne from "./pages/sectors/SectorOne";
import SectorTwo from "./pages/sectors/SectorTwo";
import SectorThree from "./pages/sectors/SectorThree";

// --- Lore + Ceremony Pages ---
import LoreIndex from "./pages/lore/LoreIndex";
import SkinUnlockCeremony from "./pages/lore/SkinUnlockCeremony";

// --- Utility / System Pages ---
import NotFound from "./pages/system/NotFound";

export default function AppRoutes() {
  return (
    <Router>
      <AppLayout>
        <AnimatePresence mode="wait">
          <Routes>
            {/* --- Home / Landing --- */}
            <Route
              path="/"
              element={
                <PageTransition>
                  <Home />
                </PageTransition>
              }
            />

            {/* --- Sector Routes (Cinematic Progression) --- */}
            <Route
              path="/sector-1"
              element={
                <PageTransition>
                  <SectorOne />
                </PageTransition>
              }
            />

            <Route
              path="/sector-2"
              element={
                <PageTransition>
                  <SectorTwo />
                </PageTransition>
              }
            />

            <Route
              path="/sector-3"
              element={
                <PageTransition>
                  <SectorThree />
                </PageTransition>
              }
            />

            {/* --- Lore Engine --- */}
            <Route
              path="/lore"
              element={
                <PageTransition>
                  <LoreIndex />
                </PageTransition>
              }
            />

            {/* --- Ceremonies --- */}
            <Route
              path="/ceremony/skin-unlock"
              element={
                <PageTransition>
                  <SkinUnlockCeremony />
                </PageTransition>
              }
            />

            {/* --- 404 Fallback --- */}
            <Route
              path="*"
              element={
                <PageTransition>
                  <NotFound />
                </PageTransition>
              }
            />
          </Routes>
        </AnimatePresence>
      </AppLayout>
    </Router>
  );
}