GDGVIT · NitinTheGreat · Aug 7, 2026 · Aug 7, 2026
diff --git a/devjams/app/globals.css b/devjams/app/globals.css
@@ -1,26 +1,37 @@
 @import "tailwindcss";
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
+@theme {
+  --color-background: #000000;
+  --color-foreground: #ffffff;
+  --color-primary: #ffffff;
+  --color-primary-foreground: #000000;
+  --color-border: #b9b9b9;
+  --color-footer-border: #efefef26;
+  --color-dots: #efefef26;
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --font-sans: var(--font-google-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --font-google-sans: var(--font-google-sans), sans-serif;
+  --font-google-sans-flex: var(--font-google-sans-flex), sans-serif;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+:root {
+  --background: #000000;
+  --foreground: #ffffff;
+  --primary: #ffffff;
+  --primary-foreground: #000000;
+  --border: #b9b9b9;
+  --footer-border: #efefef26;
+  --dots: #efefef26;
 }
 
 body {
-  background: var(--background);
+  background-color: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-google-sans), var(--font-sans), sans-serif;
+}
+
+/* Background dot pattern utility */
+.bg-dots-pattern {
+  background-image: radial-gradient(var(--dots) 1px, transparent 1px);
+  background-size: 24px 24px;
 }
diff --git a/devjams/app/layout.tsx b/devjams/app/layout.tsx
@@ -1,29 +1,68 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import localFont from "next/font/local";
 import "./globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
+const googleSans = localFont({
+  src: [
+    {
+      path: "../public/fonts/GoogleSans-Regular.ttf",
+      weight: "400",
+      style: "normal",
+    },
+    {
+      path: "../public/fonts/GoogleSans-Italic.ttf",
+      weight: "400",
+      style: "italic",
+    },
+    {
+      path: "../public/fonts/GoogleSans-Medium.ttf",
+      weight: "500",
+      style: "normal",
+    },
+    {
+      path: "../public/fonts/GoogleSans-MediumItalic.ttf",
+      weight: "500",
+      style: "italic",
+    },
+    {
+      path: "../public/fonts/GoogleSans-Bold.ttf",
+      weight: "700",
+      style: "normal",
+    },
+    {
+      path: "../public/fonts/GoogleSans-BoldItalic.ttf",
+      weight: "700",
+      style: "italic",
+    },
+  ],
+  variable: "--font-google-sans",
+  display: "swap",
 });
 
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
+const googleSansFlex = localFont({
+  src: "../public/fonts/GoogleSansFlex.ttf",
+  variable: "--font-google-sans-flex",
+  display: "swap",
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "DevJams '26",
+  description: "DevJams 2026 Frontend",
 };
 
-export default function RootLayout({ children }: LayoutProps<"/">) {
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
   return (
     <html
       lang="en"
-      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+      className={`${googleSans.variable} ${googleSansFlex.variable} h-full antialiased dark`}
     >
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-full flex flex-col bg-background text-foreground font-sans">
+        {children}
+      </body>
     </html>
   );
 }
diff --git a/devjams/package-lock.json b/devjams/package-lock.json
diff --git a/devjams/package.json b/devjams/package.json
@@ -21,6 +21,7 @@
     "eslint": "^9",
     "eslint-config-next": "16.3.0",
     "tailwindcss": "^4",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5"
   }
 }
diff --git a/devjams/public/fonts/GoogleSans-Bold.ttf b/devjams/public/fonts/GoogleSans-Bold.ttf
diff --git a/devjams/public/fonts/GoogleSans-BoldItalic.ttf b/devjams/public/fonts/GoogleSans-BoldItalic.ttf
diff --git a/devjams/public/fonts/GoogleSans-Italic.ttf b/devjams/public/fonts/GoogleSans-Italic.ttf
diff --git a/devjams/public/fonts/GoogleSans-Medium.ttf b/devjams/public/fonts/GoogleSans-Medium.ttf
diff --git a/devjams/public/fonts/GoogleSans-MediumItalic.ttf b/devjams/public/fonts/GoogleSans-MediumItalic.ttf
diff --git a/devjams/public/fonts/GoogleSans-Regular.ttf b/devjams/public/fonts/GoogleSans-Regular.ttf
diff --git a/devjams/public/fonts/GoogleSansFlex.ttf b/devjams/public/fonts/GoogleSansFlex.ttf
diff --git a/devjams/tailwind.config.ts b/devjams/tailwind.config.ts
@@ -0,0 +1,40 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: "class",
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "#000000",
+        foreground: "#FFFFFF",
+        primary: {
+          DEFAULT: "#FFFFFF",
+          foreground: "#000000",
+        },
+        border: "#B9B9B9",
+        footer: {
+          border: "#EFEFEF26",
+        },
+        dots: "#EFEFEF26",
+      },
+      borderColor: {
+        DEFAULT: "#B9B9B9",
+        footer: "#EFEFEF26",
+      },
+      fontFamily: {
+        sans: ["var(--font-google-sans)", "sans-serif"],
+        "google-sans": ["var(--font-google-sans)", "sans-serif"],
+        "google-sans-flex": ["var(--font-google-sans-flex)", "sans-serif"],
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;