}
- label="Side Projects"
+ label="Business"
active={
active_view.startsWith("module48_") ||
active_view.startsWith("linkedin_") ||
active_view === "shopify_architect" ||
active_view === "shopify_skills" ||
active_view === "sonic_dna" ||
- active_view === "reference_tracks"
+ active_view === "reference_tracks" ||
+ active_view.startsWith("brand_studio") ||
+ active_view.startsWith("execution_playbook")
}
onClick={() => navigate({ to: "/module-48" })}
/>
@@ -4185,8 +4250,8 @@ export function Sidebar({
className="p-1 text-[var(--sb-sidebar-text-muted)] hover:text-[var(--sb-text-primary)] transition-colors"
label={
expandable_nav.side_projects
- ? "Minimize side projects tabs"
- : "Expand side projects tabs"
+ ? "Minimize business tabs"
+ : "Expand business tabs"
}
tooltipSide="right"
>
@@ -4230,6 +4295,18 @@ export function Sidebar({
active={active_view === "reference_tracks"}
onClick={() => navigate({ to: "/reference-tracks" })}
/>
+
}
+ label="Brand Studio"
+ active={active_view.startsWith("brand_studio")}
+ onClick={() => navigate({ to: "/brand-studio" })}
+ />
+
}
+ label="Execution Playbook"
+ active={active_view.startsWith("execution_playbook")}
+ onClick={() => navigate({ to: "/execution-playbook" })}
+ />
@@ -4451,7 +4528,13 @@ export function Sidebar({
active_view === "how_it_works_architecture" ||
active_view === "how_it_works_contracts" ||
active_view === "how_it_works_event_driven" ||
- active_view === "how_it_works_models"
+ active_view === "how_it_works_models" ||
+ active_view.startsWith("ingestion_pipeline_") ||
+ active_view.startsWith("chat_pipeline_") ||
+ active_view.startsWith("career_intelligence_") ||
+ active_view.startsWith("observability_") ||
+ active_view.startsWith("architecture_deep_dive_") ||
+ active_view === "mcp_ecosystem"
}
onClick={() =>
navigate({ to: "/how-it-works", search: { tab: "overview" } })
@@ -4532,6 +4615,42 @@ export function Sidebar({
})
}
/>
+
}
+ label="Ingestion Pipeline"
+ active={active_view.startsWith("ingestion_pipeline_")}
+ onClick={() => navigate({ to: "/how-ingestion-works" })}
+ />
+
}
+ label="Chat Pipeline"
+ active={active_view.startsWith("chat_pipeline_")}
+ onClick={() => navigate({ to: "/how-chat-works" })}
+ />
+
}
+ label="Career Intelligence"
+ active={active_view.startsWith("career_intelligence_")}
+ onClick={() => navigate({ to: "/how-career-works" })}
+ />
+
}
+ label="Observability"
+ active={active_view.startsWith("observability_")}
+ onClick={() => navigate({ to: "/how-monitor-works" })}
+ />
+
}
+ label="Architecture Reference"
+ active={active_view.startsWith("architecture_deep_dive_")}
+ onClick={() => navigate({ to: "/how-architecture-works" })}
+ />
+
}
+ label="MCP Ecosystem"
+ active={active_view === "mcp_ecosystem"}
+ onClick={() => navigate({ to: "/how-mcp-works" })}
+ />
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index dae15a8..fc35e35 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -93,6 +93,7 @@ import { HowGpuWorksRoute } from "./routes/how-gpu-works";
import { PricingRoute } from "./routes/pricing";
import { CareerFoundationsRoute } from "./routes/career-foundations";
import { MathBridgeRoute } from "./routes/math-bridge";
+import { MathLandingRoute } from "./routes/math";
export type CareerTab = "accelerator" | "opportunities";
@@ -1939,9 +1940,19 @@ const VALID_CULTURE_GENERALE_TABS = new Set([
"history",
]);
-const mathRefreshRoute = createRoute({
+/* ── Canonical /math hub ──────────────────────────────────────────── */
+const mathRoute = createRoute({
getParentRoute: () => appRoute,
- path: "/math-refresh",
+ path: "/math",
+ errorComponent: ({ error, reset }) => (
+
+ ),
+ component: MathLandingRoute,
+});
+
+const mathRefreshCanonicalRoute = createRoute({
+ getParentRoute: () => appRoute,
+ path: "/math/refresh",
validateSearch: (
search: Record
,
): MathRefreshSearchParams => {
@@ -1966,6 +1977,52 @@ const mathRefreshRoute = createRoute({
component: MathRefreshRoute,
});
+const mathBridgeCanonicalRoute = createRoute({
+ getParentRoute: () => appRoute,
+ path: "/math/bridge",
+ validateSearch: (search: Record): MathBridgeSearchParams => {
+ const result: MathBridgeSearchParams = {};
+ if (
+ typeof search.tab === "string" &&
+ VALID_MATH_BRIDGE_TABS.has(search.tab)
+ ) {
+ result.tab = search.tab as MathBridgeTab;
+ }
+ return result;
+ },
+ errorComponent: ({ error, reset }) => (
+
+ ),
+ component: MathBridgeRoute,
+});
+
+/* ── Legacy redirects ────────────────────────────────────────────── */
+const mathRefreshRoute = createRoute({
+ getParentRoute: () => appRoute,
+ path: "/math-refresh",
+ validateSearch: (
+ search: Record,
+ ): MathRefreshSearchParams => {
+ const result: MathRefreshSearchParams = {};
+ if (
+ typeof search.track === "string" &&
+ VALID_MATH_REFRESH_TRACKS.has(search.track)
+ ) {
+ result.track = search.track as MathRefreshTrack;
+ }
+ if (
+ typeof search.tab === "string" &&
+ VALID_MATH_REFRESH_TABS.has(search.tab)
+ ) {
+ result.tab = search.tab as MathRefreshTab;
+ }
+ return result;
+ },
+ beforeLoad: ({ search }) => {
+ throw redirect({ to: "/math/refresh", search, replace: true });
+ },
+});
+
const cultureGeneraleRoute = createRoute({
getParentRoute: () => appRoute,
path: "/culture-generale",
@@ -2117,10 +2174,9 @@ const mathBridgeRoute = createRoute({
}
return result;
},
- errorComponent: ({ error, reset }) => (
-
- ),
- component: MathBridgeRoute,
+ beforeLoad: ({ search }) => {
+ throw redirect({ to: "/math/bridge", search, replace: true });
+ },
});
const careerFoundationsRoute = createRoute({
@@ -2402,6 +2458,9 @@ const routeTree = rootRoute.addChildren([
harnessDevToolsRoute,
gpuForAIRoute,
bioAugmentationRoute,
+ mathRoute,
+ mathRefreshCanonicalRoute,
+ mathBridgeCanonicalRoute,
mathRefreshRoute,
cultureGeneraleRoute,
cognitiveToolkitRoute,
diff --git a/frontend/src/routes/math.tsx b/frontend/src/routes/math.tsx
new file mode 100644
index 0000000..34b813a
--- /dev/null
+++ b/frontend/src/routes/math.tsx
@@ -0,0 +1,23 @@
+import { lazy, Suspense } from "react";
+
+const MathLandingView = lazy(() =>
+ import("../views/MathLandingView").then((m) => ({
+ default: m.MathLandingView,
+ })),
+);
+
+function LoadingSpinner() {
+ return (
+
+ );
+}
+
+export function MathLandingRoute() {
+ return (
+ }>
+
+
+ );
+}
diff --git a/frontend/src/views/MathLandingView.tsx b/frontend/src/views/MathLandingView.tsx
new file mode 100644
index 0000000..3331f7a
--- /dev/null
+++ b/frontend/src/views/MathLandingView.tsx
@@ -0,0 +1,64 @@
+import { useNavigate } from "@tanstack/react-router";
+import { motion } from "framer-motion";
+
+import { PremiumHero, PremiumPage } from "../components/layout/PremiumShell";
+import { useDocumentTitle } from "../hooks/useDocumentTitle";
+
+const ENTRIES = [
+ {
+ key: "refresh",
+ label: "Math Refresh",
+ description:
+ "Study the French math curriculum at your own pace - from arithmetic fundamentals through prepa-level linear algebra and probability.",
+ to: "/math/refresh" as const,
+ color: "#55cdff",
+ },
+ {
+ key: "bridge",
+ label: "Math Bridge Program",
+ description:
+ "Test your skills across four levels, track your readiness, and close gaps with interactive micro-checks.",
+ to: "/math/bridge" as const,
+ color: "#ffc47c",
+ },
+] as const;
+
+export function MathLandingView() {
+ useDocumentTitle("Math");
+ const navigate = useNavigate();
+
+ return (
+
+
+
+ {ENTRIES.map((entry, i) => (
+
navigate({ to: entry.to })}
+ className="text-left rounded-[12px] border border-white/[0.08] bg-white/[0.02] p-6 transition-colors duration-150 hover:border-white/[0.12] hover:bg-white/[0.035]"
+ style={{ borderLeftWidth: 2, borderLeftColor: entry.color }}
+ >
+
+ {entry.label}
+
+
+ {entry.description}
+
+
+ ))}
+