From 592b0c7b8719d78c694b4baf1fc174cd2b2cceb1 Mon Sep 17 00:00:00 2001 From: Adrian Bonpin Date: Sat, 25 Apr 2026 21:01:00 +0800 Subject: [PATCH] feat: initial landing and search pages --- app/globals.css | 2 + app/layout.tsx | 7 +- app/page.tsx | 101 ++++++++++++------- app/search/page.tsx | 52 ++++++++++ components/navbar.tsx | 228 ++++++++++++++++++++++++++++++++++++++++++ lib/routes.ts | 26 +++++ 6 files changed, 381 insertions(+), 35 deletions(-) create mode 100644 app/search/page.tsx create mode 100644 components/navbar.tsx create mode 100644 lib/routes.ts diff --git a/app/globals.css b/app/globals.css index 2695c1e..1ec7d4e 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,8 @@ --color-secondary: #571b8b; --color-accent: #fb793c; --color-text: #ebe4f1; + --color-border: color-mix(in srgb, var(--color-text) 20%, transparent); + --color-border-active: color-mix(in srgb, var(--color-text) 60%, transparent); /* Defaults */ --default-transition-duration: 0.3s; diff --git a/app/layout.tsx b/app/layout.tsx index 5fbf250..12a602f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,6 +2,8 @@ import type { Metadata } from "next" import { Lexend } from "next/font/google" import "./globals.css" import Script from "next/script" +import Navbar from "@/components/navbar" +import { Suspense } from "react" const font = Lexend({ variable: "--font-lexend", @@ -80,7 +82,10 @@ export default function RootLayout({ lang='en' className={`${font.variable} bg-background text-text antialiased overscroll-none`} > - + + + + {children}