+ {stack && (
+
+ {stack}
+
+ )}
+
+ );
+}
diff --git a/app/routes.ts b/app/routes.ts
new file mode 100644
index 0000000..102b402
--- /dev/null
+++ b/app/routes.ts
@@ -0,0 +1,3 @@
+import { type RouteConfig, index } from "@react-router/dev/routes";
+
+export default [index("routes/home.tsx")] satisfies RouteConfig;
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
new file mode 100644
index 0000000..b29c663
--- /dev/null
+++ b/app/routes/home.tsx
@@ -0,0 +1,44 @@
+import * as React from "react";
+import CssBaseline from "@mui/material/CssBaseline";
+import Divider from "@mui/material/Divider";
+import AppTheme from "../shared-theme/AppTheme.tsx";
+import AppAppBar from "../components/AppAppBar";
+import Hero from "../components/Hero";
+import LogoCollection from "../components/LogoCollection";
+import Departments from "../components/Departments";
+import Manual from "../components/Manual";
+import Events from "../components/Events";
+import FAQ from "../components/FAQ";
+import Footer from "../components/Footer";
+import "../css/base.css";
+import "../css/embla.css";
+
+export function meta() {
+ return [
+ { title: "ACSSZ" },
+ {
+ name: "ACSSZ",
+ content:
+ "Association of Chinese Students and Scholars in Zurich (ACSSZ) Founded in the 1980s, it is a caring family of local students and scholars.",
+ },
+ ];
+}
+
+export default function Home(props: { disableCustomTheme?: boolean } = { disableCustomTheme: true }) {
+ return (
+
+
+
+
+