+
Overview
+
+ {events.map((ee) => Event(ee))}
+
+
+
+
+ {showAddItemDialogue ? (
+
{
+ if (e.target === e.currentTarget) {
+ setShowAddItemDialogue(false);
+ e.preventDefault();
+ }
+ }}
+ >
+
+
+
+
+
+ ) : null}
+
+ );
+}
diff --git a/client/src/app/favicon.ico b/client/src/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/client/src/app/favicon.ico differ
diff --git a/client/src/app/globals.css b/client/src/app/globals.css
new file mode 100644
index 0000000..6715a4e
--- /dev/null
+++ b/client/src/app/globals.css
@@ -0,0 +1,62 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+ font-family: "pilowlava";
+ src: URL("/fonts/pilowlava/Fonts/webfonts/Pilowlava-Regular.woff2")
+ format("woff2");
+}
+@font-face {
+ font-family: "spacegrotesk";
+ src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Regular.woff2")
+ format("woff2");
+ src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Bold.woff2")
+ format("woff2");
+ src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Light.woff2")
+ format("woff2");
+ src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Medium.woff2")
+ format("woff2");
+ src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-SemiBold.woff2")
+ format("woff2");
+}
+
+@font-face {
+ font-family: "space-mono";
+ src: URL("/fonts/space-mono/SpaceMono-Regular.ttf") format("truetype");
+}
+
+@font-face {
+ font-family: "uncut-sans";
+ src: URL("/fonts/uncut-sans/Webfonts/UncutSans-Regular.woff2") format("woff2");
+}
+
+:root {
+ --primary: #ff5053;
+ --highlight: #fef2ff;
+ --accent-1: #b2aaff;
+ --accent-2: #6a5fdb;
+ --accent-3: #261a66;
+ --accent-4: #29114c;
+ --accent-5: #190b2f;
+ --background: #0f000a;
+}
+
+@layer base {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ @apply font-headline text-primary;
+ }
+
+ input {
+ @apply border-2 border-accent-1 bg-transparent;
+ }
+
+ html {
+ @apply bg-background font-body text-highlight;
+ }
+}
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
new file mode 100644
index 0000000..04d0d9e
--- /dev/null
+++ b/client/src/app/layout.tsx
@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+ title: "Create Next App",
+ description: "Generated by create next app"
+};
+
+export default function RootLayout({
+ children
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
new file mode 100644
index 0000000..64138d8
--- /dev/null
+++ b/client/src/app/page.tsx
@@ -0,0 +1,16 @@
+import EventVolunteer from "./components/Overview";
+
+export default function Home() {
+ return (
+