From 7e441c745485d68ed1c009007742619d0a398e80 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Mon, 16 Feb 2026 17:38:32 -0700
Subject: [PATCH] Initial commit: flightclub.lol landing page

Ergodically aligned collective mechanism to protect against extractive
flight pricing algorithms. Next.js 15 + Tailwind CSS 4 with dual aesthetic
system (pastel light mode / cyberpunk dark mode), glitch effects,
hand-drawn SVG pricing chart, and Docker deployment setup.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .dockerignore                  |    8 +
 .gitignore                     |   37 +
 Dockerfile                     |   32 +
 app/globals.css                |  424 +++++++++++
 app/layout.tsx                 |   66 ++
 app/page.tsx                   |   30 +
 components.json                |   21 +
 components/cta-section.tsx     |   81 ++
 components/footer.tsx          |   30 +
 components/glitch-text.tsx     |   27 +
 components/hero.tsx            |   86 +++
 components/mode-toggle.tsx     |   49 ++
 components/models-section.tsx  |  244 ++++++
 components/navigation.tsx      |  112 +++
 components/pricing-chart.tsx   |  193 +++++
 components/problem-section.tsx |   69 ++
 components/theme-provider.tsx  |   11 +
 components/ui/badge.tsx        |   40 +
 components/ui/button.tsx       |   59 ++
 components/ui/card.tsx         |   78 ++
 components/ui/input.tsx        |   21 +
 components/ui/tabs.tsx         |   55 ++
 components/vision-section.tsx  |  127 ++++
 components/why-lol-section.tsx |   74 ++
 docker-compose.yml             |   27 +
 hooks/use-intersection.ts      |   27 +
 hooks/use-scroll-progress.ts   |   40 +
 lib/pricing-data.ts            |   39 +
 lib/utils.ts                   |    6 +
 next.config.mjs                |   12 +
 package.json                   |   34 +
 pnpm-lock.yaml                 | 1288 ++++++++++++++++++++++++++++++++
 postcss.config.mjs             |    8 +
 public/icon.svg                |    8 +
 tsconfig.json                  |   41 +
 35 files changed, 3504 insertions(+)
 create mode 100644 .dockerignore
 create mode 100644 .gitignore
 create mode 100644 Dockerfile
 create mode 100644 app/globals.css
 create mode 100644 app/layout.tsx
 create mode 100644 app/page.tsx
 create mode 100644 components.json
 create mode 100644 components/cta-section.tsx
 create mode 100644 components/footer.tsx
 create mode 100644 components/glitch-text.tsx
 create mode 100644 components/hero.tsx
 create mode 100644 components/mode-toggle.tsx
 create mode 100644 components/models-section.tsx
 create mode 100644 components/navigation.tsx
 create mode 100644 components/pricing-chart.tsx
 create mode 100644 components/problem-section.tsx
 create mode 100644 components/theme-provider.tsx
 create mode 100644 components/ui/badge.tsx
 create mode 100644 components/ui/button.tsx
 create mode 100644 components/ui/card.tsx
 create mode 100644 components/ui/input.tsx
 create mode 100644 components/ui/tabs.tsx
 create mode 100644 components/vision-section.tsx
 create mode 100644 components/why-lol-section.tsx
 create mode 100644 docker-compose.yml
 create mode 100644 hooks/use-intersection.ts
 create mode 100644 hooks/use-scroll-progress.ts
 create mode 100644 lib/pricing-data.ts
 create mode 100644 lib/utils.ts
 create mode 100644 next.config.mjs
 create mode 100644 package.json
 create mode 100644 pnpm-lock.yaml
 create mode 100644 postcss.config.mjs
 create mode 100644 public/icon.svg
 create mode 100644 tsconfig.json

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..fc8d9d9
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,8 @@
+node_modules
+.next
+.git
+.gitignore
+*.md
+Dockerfile
+docker-compose.yml
+.env*
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..abf07ab
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,37 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files
+.env*.local
+.env
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..3788cf0
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,32 @@
+FROM node:20-alpine AS base
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
+FROM base AS deps
+WORKDIR /app
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm install --frozen-lockfile
+
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+ENV NEXT_TELEMETRY_DISABLED=1
+RUN pnpm build
+
+FROM base AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+EXPOSE 3000
+CMD ["node", "server.js"]
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..b49c348
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,424 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+/* ============================================
+   LIGHT MODE — "Innocent / LOL" surface
+   Bubbly pastels, cotton candy, friendly SaaS
+   ============================================ */
+:root {
+  --background: oklch(0.97 0.01 80);
+  --foreground: oklch(0.25 0.02 260);
+
+  --card: oklch(0.99 0.005 80);
+  --card-foreground: oklch(0.25 0.02 260);
+
+  --popover: oklch(0.99 0.005 80);
+  --popover-foreground: oklch(0.25 0.02 260);
+
+  /* Sky blue / cornflower */
+  --primary: oklch(0.65 0.18 240);
+  --primary-foreground: oklch(0.98 0.005 80);
+
+  /* Soft lavender */
+  --secondary: oklch(0.75 0.12 300);
+  --secondary-foreground: oklch(0.25 0.02 260);
+
+  --muted: oklch(0.92 0.02 240);
+  --muted-foreground: oklch(0.55 0.02 260);
+
+  /* Peachy coral */
+  --accent: oklch(0.75 0.15 25);
+  --accent-foreground: oklch(0.25 0.02 260);
+
+  /* Warm red for danger data */
+  --destructive: oklch(0.60 0.25 25);
+  --destructive-foreground: oklch(0.98 0.005 80);
+
+  --border: oklch(0.88 0.02 260);
+  --input: oklch(0.88 0.02 260);
+  --ring: oklch(0.65 0.18 240);
+
+  /* Chart colors */
+  --chart-1: oklch(0.65 0.18 240);
+  --chart-2: oklch(0.60 0.25 25);
+  --chart-3: oklch(0.75 0.12 300);
+  --chart-4: oklch(0.70 0.15 160);
+  --chart-5: oklch(0.75 0.15 25);
+
+  --radius: 1rem;
+
+  /* Glitch colors */
+  --glitch-1: oklch(0.65 0.18 240);
+  --glitch-2: oklch(0.75 0.15 25);
+  --glitch-3: oklch(0.75 0.12 300);
+
+  /* Scroll depth (set by JS) */
+  --scroll-depth: 0;
+}
+
+/* ============================================
+   DARK MODE — "Cyberpunk / Fight Club" reveal
+   Terminal green, neon, CRT scanlines
+   ============================================ */
+.dark {
+  --background: oklch(0.10 0.04 160);
+  --foreground: oklch(0.90 0.20 145);
+
+  --card: oklch(0.14 0.04 160);
+  --card-foreground: oklch(0.90 0.20 145);
+
+  --popover: oklch(0.14 0.04 160);
+  --popover-foreground: oklch(0.90 0.20 145);
+
+  /* Neon cyan */
+  --primary: oklch(0.80 0.25 190);
+  --primary-foreground: oklch(0.10 0.04 160);
+
+  /* Hot magenta */
+  --secondary: oklch(0.70 0.30 330);
+  --secondary-foreground: oklch(0.10 0.04 160);
+
+  --muted: oklch(0.25 0.04 160);
+  --muted-foreground: oklch(0.60 0.10 145);
+
+  /* Warning amber */
+  --accent: oklch(0.80 0.25 85);
+  --accent-foreground: oklch(0.10 0.04 160);
+
+  --destructive: oklch(0.65 0.30 25);
+  --destructive-foreground: oklch(0.98 0.005 80);
+
+  --border: oklch(0.30 0.06 160);
+  --input: oklch(0.25 0.04 160);
+  --ring: oklch(0.80 0.25 190);
+
+  --chart-1: oklch(0.80 0.25 190);
+  --chart-2: oklch(0.65 0.30 25);
+  --chart-3: oklch(0.70 0.30 330);
+  --chart-4: oklch(0.80 0.25 85);
+  --chart-5: oklch(0.75 0.20 145);
+
+  --glitch-1: oklch(0.80 0.25 190);
+  --glitch-2: oklch(0.70 0.30 330);
+  --glitch-3: oklch(0.80 0.25 85);
+}
+
+@theme inline {
+  --font-sans: "Nunito", "Nunito Fallback", system-ui, sans-serif;
+  --font-mono: "JetBrains Mono", "Fira Code", monospace;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    @apply text-balance;
+  }
+
+  p {
+    @apply text-pretty;
+  }
+}
+
+/* ============================================
+   GLITCH EFFECTS — Pure CSS
+   ============================================ */
+
+/* Glitch skew */
+@keyframes glitch-skew {
+  0%, 100% { transform: skew(0deg); }
+  10% { transform: skew(-2deg); }
+  20% { transform: skew(0.5deg); }
+  30% { transform: skew(-0.3deg); }
+  40% { transform: skew(0.8deg); }
+  50% { transform: skew(0deg); }
+}
+
+/* Glitch clip + shift for ::before pseudo */
+@keyframes glitch-before {
+  0%, 100% {
+    clip-path: inset(0 0 0 0);
+    transform: translate(0);
+  }
+  5% {
+    clip-path: inset(20% 0 60% 0);
+    transform: translate(-3px, 1px);
+  }
+  10% {
+    clip-path: inset(50% 0 30% 0);
+    transform: translate(3px, -1px);
+  }
+  15% {
+    clip-path: inset(0 0 0 0);
+    transform: translate(0);
+  }
+}
+
+/* Glitch clip + shift for ::after pseudo */
+@keyframes glitch-after {
+  0%, 100% {
+    clip-path: inset(0 0 0 0);
+    transform: translate(0);
+  }
+  5% {
+    clip-path: inset(70% 0 10% 0);
+    transform: translate(2px, 2px);
+  }
+  10% {
+    clip-path: inset(10% 0 80% 0);
+    transform: translate(-2px, -1px);
+  }
+  15% {
+    clip-path: inset(0 0 0 0);
+    transform: translate(0);
+  }
+}
+
+/* Color channel split */
+@keyframes glitch-color {
+  0%, 100% { text-shadow: none; }
+  25% { text-shadow: -2px 0 var(--glitch-1), 2px 0 var(--glitch-2); }
+  50% { text-shadow: 2px 0 var(--glitch-3), -2px 0 var(--glitch-1); }
+  75% { text-shadow: -1px 0 var(--glitch-2), 1px 0 var(--glitch-3); }
+}
+
+/* The glitch text component classes */
+.glitch-text {
+  position: relative;
+  display: inline-block;
+}
+
+.glitch-text::before,
+.glitch-text::after {
+  content: attr(data-text);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  opacity: 0;
+}
+
+/* Hover trigger (light mode default) */
+.glitch-text:hover::before,
+.glitch-text[data-active="true"]::before {
+  opacity: 0.8;
+  animation: glitch-before 0.6s steps(2) infinite;
+  color: var(--glitch-1);
+}
+
+.glitch-text:hover::after,
+.glitch-text[data-active="true"]::after {
+  opacity: 0.8;
+  animation: glitch-after 0.6s steps(2) infinite reverse;
+  color: var(--glitch-2);
+}
+
+.glitch-text:hover,
+.glitch-text[data-active="true"] {
+  animation: glitch-skew 0.5s steps(2) infinite, glitch-color 0.3s steps(2) infinite;
+}
+
+/* Dark mode: always active at low intensity */
+:is(.dark *) .glitch-text::before {
+  opacity: 0.3;
+  animation: glitch-before 4s steps(2) infinite;
+  color: var(--glitch-1);
+}
+
+:is(.dark *) .glitch-text::after {
+  opacity: 0.3;
+  animation: glitch-after 4s steps(2) infinite reverse;
+  color: var(--glitch-2);
+}
+
+:is(.dark *) .glitch-text {
+  animation: glitch-color 6s steps(2) infinite;
+}
+
+:is(.dark *) .glitch-text:hover::before {
+  opacity: 0.8;
+  animation-duration: 0.4s;
+}
+
+:is(.dark *) .glitch-text:hover::after {
+  opacity: 0.8;
+  animation-duration: 0.4s;
+}
+
+/* ============================================
+   FLOATING ANIMATIONS
+   ============================================ */
+
+@keyframes float-gentle {
+  0%, 100% { transform: translateY(0px) rotate(0deg); }
+  25% { transform: translateY(-15px) rotate(2deg); }
+  50% { transform: translateY(-5px) rotate(-1deg); }
+  75% { transform: translateY(-20px) rotate(1deg); }
+}
+
+@keyframes float-drift {
+  0%, 100% { transform: translateY(0px) translateX(0px); }
+  25% { transform: translateY(-20px) translateX(10px); }
+  50% { transform: translateY(0px) translateX(20px); }
+  75% { transform: translateY(20px) translateX(10px); }
+}
+
+@keyframes float-bob {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-12px); }
+}
+
+/* ============================================
+   SVG DRAW ANIMATION
+   ============================================ */
+
+@keyframes draw-line {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+
+.draw-path {
+  stroke-dasharray: 1000;
+  stroke-dashoffset: 1000;
+}
+
+.draw-path[data-visible="true"] {
+  animation: draw-line 2s ease-out forwards;
+}
+
+/* ============================================
+   SCANLINE OVERLAY
+   ============================================ */
+
+.scanlines::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 10;
+  background: repeating-linear-gradient(
+    transparent,
+    transparent 1px,
+    oklch(0.50 0.20 145 / 0.03) 1px,
+    oklch(0.50 0.20 145 / 0.03) 2px
+  );
+  opacity: 0;
+  transition: opacity 0.5s ease;
+}
+
+:is(.dark *) .scanlines::after {
+  opacity: 1;
+}
+
+.scanlines[data-in-view="true"]::after {
+  opacity: 0.5;
+}
+
+:is(.dark *) .scanlines[data-in-view="true"]::after {
+  opacity: 1;
+}
+
+/* ============================================
+   CRT GLOW (dark mode SVG charts)
+   ============================================ */
+
+:is(.dark *) .crt-glow {
+  filter: drop-shadow(0 0 4px var(--primary)) drop-shadow(0 0 8px var(--primary));
+}
+
+/* ============================================
+   MODE SWITCH FLASH
+   ============================================ */
+
+@keyframes theme-glitch-flash {
+  0% { opacity: 0; }
+  10% { opacity: 1; clip-path: inset(30% 0 50% 0); }
+  20% { opacity: 0; }
+  30% { opacity: 1; clip-path: inset(60% 0 20% 0); }
+  40% { opacity: 0; }
+  50% { opacity: 1; clip-path: inset(10% 0 70% 0); }
+  60% { opacity: 0; }
+  100% { opacity: 0; }
+}
+
+.theme-flash {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  pointer-events: none;
+  background: linear-gradient(
+    135deg,
+    oklch(0.80 0.25 190 / 0.4),
+    oklch(0.70 0.30 330 / 0.4),
+    oklch(0.80 0.25 85 / 0.4)
+  );
+  animation: theme-glitch-flash 0.3s steps(3) forwards;
+}
+
+/* ============================================
+   RESPONSIVE GLITCH REDUCTION
+   ============================================ */
+
+@media (prefers-reduced-motion: reduce) {
+  .glitch-text::before,
+  .glitch-text::after,
+  .glitch-text,
+  .draw-path[data-visible="true"],
+  .float-element {
+    animation: none !important;
+  }
+
+  .draw-path[data-visible="true"] {
+    stroke-dashoffset: 0;
+  }
+}
+
+/* ============================================
+   DARK MODE FONT SWITCH
+   In dark mode, headings use monospace
+   ============================================ */
+
+:is(.dark *) h1,
+:is(.dark *) h2,
+:is(.dark *) h3 {
+  font-family: var(--font-mono);
+  letter-spacing: -0.02em;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..5626b64
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,66 @@
+import type React from "react"
+import type { Metadata } from "next"
+import { Nunito, JetBrains_Mono } from "next/font/google"
+import { ThemeProvider } from "@/components/theme-provider"
+import "./globals.css"
+
+const nunito = Nunito({
+  subsets: ["latin"],
+  variable: "--font-sans",
+})
+
+const jetbrainsMono = JetBrains_Mono({
+  subsets: ["latin"],
+  variable: "--font-mono",
+})
+
+export const metadata: Metadata = {
+  title: "Flight Club - Collective Protection from Flight Price Gouging",
+  description:
+    "An ergodically aligned mutual pool protecting members from last-minute flight price volatility. Because paying 10x for the same seat shouldn't be normal.",
+  keywords:
+    "flight prices, mutual insurance, collective buying, flight options, price protection, last minute flights, price gouging, mutual aid",
+  openGraph: {
+    title: "Flight Club",
+    description: "Stop getting gouged on last-minute flights. Join the pool.",
+    url: "https://flightclub.lol",
+    siteName: "Flight Club",
+    images: [{ url: "/og-image.png", width: 1200, height: 630 }],
+    locale: "en_US",
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title:
+      "Flight Club - We're just friends who hate paying $800 for a $200 flight :)",
+    description: "Collective protection from algorithmic price extraction.",
+    images: ["/og-image.png"],
+  },
+  robots: { index: true, follow: true },
+  icons: {
+    icon: [{ url: "/icon.svg", type: "image/svg+xml" }],
+  },
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${nunito.variable} ${jetbrainsMono.variable} font-sans antialiased`}
+      >
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="light"
+          enableSystem={false}
+          disableTransitionOnChange={false}
+        >
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  )
+}
diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..6671b3a
--- /dev/null
+++ b/app/page.tsx
@@ -0,0 +1,30 @@
+"use client"
+
+import { Navigation } from "@/components/navigation"
+import { Hero } from "@/components/hero"
+import { ProblemSection } from "@/components/problem-section"
+import { VisionSection } from "@/components/vision-section"
+import { ModelsSection } from "@/components/models-section"
+import { WhyLolSection } from "@/components/why-lol-section"
+import { CtaSection } from "@/components/cta-section"
+import { Footer } from "@/components/footer"
+import { useScrollProgress } from "@/hooks/use-scroll-progress"
+
+export default function Home() {
+  useScrollProgress()
+
+  return (
+    <>
+      <Navigation />
+      <main>
+        <Hero />
+        <ProblemSection />
+        <VisionSection />
+        <ModelsSection />
+        <WhyLolSection />
+        <CtaSection />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..4ee62ee
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/components/cta-section.tsx b/components/cta-section.tsx
new file mode 100644
index 0000000..0b44238
--- /dev/null
+++ b/components/cta-section.tsx
@@ -0,0 +1,81 @@
+"use client"
+
+import { useState } from "react"
+import { Send, Check } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+
+export function CtaSection() {
+  const [email, setEmail] = useState("")
+  const [submitted, setSubmitted] = useState(false)
+  const [loading, setLoading] = useState(false)
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!email || !email.includes("@")) return
+
+    setLoading(true)
+    // Stub: just simulate a brief delay
+    await new Promise((r) => setTimeout(r, 600))
+    setSubmitted(true)
+    setLoading(false)
+  }
+
+  return (
+    <section id="cta" className="py-24 px-6">
+      <div className="max-w-xl mx-auto text-center">
+        <h2 className="text-3xl md:text-4xl font-bold mb-4">
+          {`We're building this. Want in?`}
+        </h2>
+        <p className="text-lg text-muted-foreground mb-10">
+          Flight Club is in the research and design phase. Drop your email and
+          {` we'll`} let you know when {`we're`} ready to fly.
+        </p>
+
+        {submitted ? (
+          <div className="rounded-xl border bg-primary/5 p-8 space-y-3">
+            <Check className="size-10 text-primary mx-auto" />
+            <p className="text-xl font-semibold">
+              {`You're in the club.`}
+            </p>
+            <p className="text-muted-foreground">
+              First rule: tell everyone.
+            </p>
+          </div>
+        ) : (
+          <form
+            onSubmit={handleSubmit}
+            className="flex flex-col sm:flex-row gap-3 max-w-md mx-auto"
+          >
+            <Input
+              type="email"
+              placeholder="your@email.com"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+              className="h-12 text-base rounded-full px-5"
+            />
+            <Button
+              type="submit"
+              size="xl"
+              disabled={loading}
+              className="rounded-full shrink-0"
+            >
+              {loading ? (
+                "..."
+              ) : (
+                <>
+                  Join <Send className="size-4" />
+                </>
+              )}
+            </Button>
+          </form>
+        )}
+
+        <p className="text-xs text-muted-foreground mt-6">
+          No spam. No algorithms. Just humans.
+        </p>
+      </div>
+    </section>
+  )
+}
diff --git a/components/footer.tsx b/components/footer.tsx
new file mode 100644
index 0000000..2862fe9
--- /dev/null
+++ b/components/footer.tsx
@@ -0,0 +1,30 @@
+import { Plane } from "lucide-react"
+
+export function Footer() {
+  return (
+    <footer className="border-t py-12 px-6">
+      <div className="max-w-4xl mx-auto">
+        <div className="flex flex-col md:flex-row items-center justify-between gap-6">
+          {/* Logo / Name */}
+          <div className="flex items-center gap-2">
+            <Plane className="size-5 text-primary" />
+            <span className="font-bold text-lg">flightclub.lol</span>
+          </div>
+
+          {/* Tagline */}
+          <p className="text-sm text-muted-foreground italic text-center">
+            {`"The house always wins — unless the house is a mutual aid society."`}
+          </p>
+        </div>
+
+        <div className="mt-8 pt-6 border-t border-border/50 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-muted-foreground">
+          <p>
+            Not financial advice. Not insurance (yet). Just friends looking out
+            for friends.
+          </p>
+          <p>CC BY-SA 4.0</p>
+        </div>
+      </div>
+    </footer>
+  )
+}
diff --git a/components/glitch-text.tsx b/components/glitch-text.tsx
new file mode 100644
index 0000000..6a1c33b
--- /dev/null
+++ b/components/glitch-text.tsx
@@ -0,0 +1,27 @@
+"use client"
+
+import { cn } from "@/lib/utils"
+
+interface GlitchTextProps {
+  children: string
+  as?: "h1" | "h2" | "h3" | "span" | "p"
+  className?: string
+  active?: boolean
+}
+
+export function GlitchText({
+  children,
+  as: Tag = "span",
+  className,
+  active = false,
+}: GlitchTextProps) {
+  return (
+    <Tag
+      className={cn("glitch-text", className)}
+      data-text={children}
+      data-active={active}
+    >
+      {children}
+    </Tag>
+  )
+}
diff --git a/components/hero.tsx b/components/hero.tsx
new file mode 100644
index 0000000..0461382
--- /dev/null
+++ b/components/hero.tsx
@@ -0,0 +1,86 @@
+"use client"
+
+import { Plane, Cloud, DollarSign, ChevronDown } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { GlitchText } from "@/components/glitch-text"
+
+const floatingItems = [
+  { Icon: Plane, className: "top-[15%] left-[10%]", delay: "0s", duration: "6s" },
+  { Icon: Cloud, className: "top-[25%] right-[15%]", delay: "1s", duration: "8s" },
+  { Icon: DollarSign, className: "top-[60%] left-[20%]", delay: "2s", duration: "7s" },
+  { Icon: Plane, className: "top-[70%] right-[10%]", delay: "0.5s", duration: "9s" },
+  { Icon: Cloud, className: "top-[40%] left-[75%]", delay: "3s", duration: "7.5s" },
+  { Icon: DollarSign, className: "top-[20%] left-[50%]", delay: "1.5s", duration: "6.5s" },
+]
+
+export function Hero() {
+  const scrollTo = (id: string) => {
+    document.getElementById(id)?.scrollIntoView({ behavior: "smooth" })
+  }
+
+  return (
+    <section
+      id="hero"
+      className="relative min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-br from-accent/10 via-background to-primary/10"
+    >
+      {/* Floating background elements */}
+      {floatingItems.map((item, i) => (
+        <div
+          key={i}
+          className={`absolute ${item.className} opacity-[0.12] dark:opacity-[0.08] pointer-events-none`}
+          style={{
+            animation: `float-gentle ${item.duration} ease-in-out infinite`,
+            animationDelay: item.delay,
+          }}
+        >
+          <item.Icon className="size-12 md:size-16 text-primary" />
+        </div>
+      ))}
+
+      {/* Content */}
+      <div className="relative z-10 max-w-4xl mx-auto px-6 text-center">
+        <div className="mb-6">
+          <span className="inline-block px-4 py-1.5 rounded-full bg-primary/10 text-primary text-sm font-medium dark:bg-primary/20">
+            Coming Soon
+          </span>
+        </div>
+
+        <GlitchText
+          as="h1"
+          className="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6 tracking-tight"
+        >
+          {`We're just a bunch of friends who hate paying $800 for a flight that was $200 yesterday :)`}
+        </GlitchText>
+
+        <p className="text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-10">
+          So we built a way to stop getting gouged. An ergodically aligned
+          collective mechanism to protect each other from extractive pricing
+          algorithms.
+        </p>
+
+        <div className="flex flex-col sm:flex-row gap-4 justify-center">
+          <Button
+            size="xl"
+            onClick={() => scrollTo("vision")}
+            className="rounded-full"
+          >
+            See How It Works
+          </Button>
+          <Button
+            size="xl"
+            variant="outline"
+            onClick={() => scrollTo("cta")}
+            className="rounded-full"
+          >
+            Join the Waitlist
+          </Button>
+        </div>
+      </div>
+
+      {/* Scroll indicator */}
+      <div className="absolute bottom-8 left-1/2 -translate-x-1/2 animate-bounce">
+        <ChevronDown className="size-6 text-muted-foreground" />
+      </div>
+    </section>
+  )
+}
diff --git a/components/mode-toggle.tsx b/components/mode-toggle.tsx
new file mode 100644
index 0000000..5b2cd01
--- /dev/null
+++ b/components/mode-toggle.tsx
@@ -0,0 +1,49 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { useState, useEffect } from "react"
+import { Smile, Skull } from "lucide-react"
+import { Button } from "@/components/ui/button"
+
+export function ModeToggle() {
+  const { theme, setTheme } = useTheme()
+  const [mounted, setMounted] = useState(false)
+  const [flashing, setFlashing] = useState(false)
+
+  useEffect(() => setMounted(true), [])
+
+  if (!mounted) {
+    return (
+      <Button variant="ghost" size="icon" className="opacity-0">
+        <Smile className="size-5" />
+      </Button>
+    )
+  }
+
+  const toggleTheme = () => {
+    setFlashing(true)
+    setTimeout(() => {
+      setTheme(theme === "dark" ? "light" : "dark")
+      setTimeout(() => setFlashing(false), 300)
+    }, 50)
+  }
+
+  return (
+    <>
+      {flashing && <div className="theme-flash" />}
+      <Button
+        variant="ghost"
+        size="icon"
+        onClick={toggleTheme}
+        className="relative"
+        aria-label="Toggle theme"
+      >
+        {theme === "dark" ? (
+          <Skull className="size-5 text-primary" />
+        ) : (
+          <Smile className="size-5 text-primary" />
+        )}
+      </Button>
+    </>
+  )
+}
diff --git a/components/models-section.tsx b/components/models-section.tsx
new file mode 100644
index 0000000..6c9a727
--- /dev/null
+++ b/components/models-section.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import {
+  Shield,
+  Lock,
+  Globe,
+  Users,
+  Landmark,
+  HandHeart,
+} from "lucide-react"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+
+export function ModelsSection() {
+  return (
+    <section id="models" className="py-24 px-6">
+      <div className="max-w-4xl mx-auto">
+        <div className="text-center mb-12">
+          <h2 className="text-3xl md:text-4xl font-bold mb-4">
+            {`We're exploring several paths.`}
+          </h2>
+          <p className="text-lg text-muted-foreground">
+            All of them beat getting fleeced.
+          </p>
+        </div>
+
+        <Tabs defaultValue="pool" className="w-full">
+          <TabsList className="grid w-full grid-cols-3 mb-8">
+            <TabsTrigger value="pool">The Mutual Pool</TabsTrigger>
+            <TabsTrigger value="options">Flight Options</TabsTrigger>
+            <TabsTrigger value="bigger">The Bigger Picture</TabsTrigger>
+          </TabsList>
+
+          {/* Tab 1: Mutual Pool */}
+          <TabsContent value="pool">
+            <Card>
+              <CardHeader>
+                <div className="flex items-center gap-3 mb-2">
+                  <Shield className="size-6 text-primary" />
+                  <Badge variant="success">Low Risk</Badge>
+                </div>
+                <CardTitle className="text-2xl">The Mutual Pool</CardTitle>
+                <CardDescription className="text-base">
+                  Classic mutual aid: everyone contributes, everyone is covered.
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="space-y-4">
+                <div className="grid sm:grid-cols-3 gap-4">
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <div className="text-2xl font-bold text-primary">$20</div>
+                    <div className="text-sm text-muted-foreground">
+                      /month base dues
+                    </div>
+                  </div>
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <div className="text-2xl font-bold text-primary">
+                      Shared
+                    </div>
+                    <div className="text-sm text-muted-foreground">
+                      risk pool
+                    </div>
+                  </div>
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <div className="text-2xl font-bold text-primary">
+                      $100-300
+                    </div>
+                    <div className="text-sm text-muted-foreground">
+                      /year expected savings
+                    </div>
+                  </div>
+                </div>
+
+                <div className="space-y-3 text-sm">
+                  <div className="flex items-start gap-2">
+                    <Users className="size-4 mt-0.5 text-primary shrink-0" />
+                    <span>
+                      Members contribute monthly. When someone faces a
+                      last-minute price spike, the pool covers the difference.
+                    </span>
+                  </div>
+                  <div className="flex items-start gap-2">
+                    <HandHeart className="size-4 mt-0.5 text-primary shrink-0" />
+                    <span>
+                      Phase 1 starts with aggregated buying power: shared travel
+                      agent access, group airline passes, and price-lock tools.
+                    </span>
+                  </div>
+                </div>
+
+                <p className="text-xs text-muted-foreground italic border-t pt-4">
+                  Honest note: Pure insurance has challenges (adverse selection,
+                  moral hazard). {`That's`} why we pair the pool with the models
+                  below.
+                </p>
+              </CardContent>
+            </Card>
+          </TabsContent>
+
+          {/* Tab 2: Flight Options */}
+          <TabsContent value="options">
+            <Card>
+              <CardHeader>
+                <div className="flex items-center gap-3 mb-2">
+                  <Lock className="size-6 text-primary" />
+                  <Badge variant="warning">Medium Risk</Badge>
+                </div>
+                <CardTitle className="text-2xl">Flight Options</CardTitle>
+                <CardDescription className="text-base">
+                  Financial derivatives for regular people. Lock in today{`'`}s
+                  price, exercise later if you need to.
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="space-y-4">
+                <div className="grid sm:grid-cols-3 gap-4">
+                  {[
+                    {
+                      name: "Flex",
+                      price: "$15",
+                      options: "2 options/year",
+                    },
+                    {
+                      name: "Standard",
+                      price: "$35",
+                      options: "4 options/year",
+                    },
+                    {
+                      name: "Premium",
+                      price: "$65",
+                      options: "6 options/year",
+                    },
+                  ].map((tier) => (
+                    <div
+                      key={tier.name}
+                      className="rounded-lg border p-4 text-center"
+                    >
+                      <div className="font-semibold text-sm mb-1">
+                        {tier.name}
+                      </div>
+                      <div className="text-2xl font-bold text-primary">
+                        {tier.price}
+                      </div>
+                      <div className="text-xs text-muted-foreground">
+                        /month &middot; {tier.options}
+                      </div>
+                    </div>
+                  ))}
+                </div>
+
+                <div className="space-y-3 text-sm">
+                  <div className="flex items-start gap-2">
+                    <Lock className="size-4 mt-0.5 text-primary shrink-0" />
+                    <span>
+                      {`You "lock in" the 21-day-out price for a route. If you need
+                      to fly last-minute, exercise your option and pay the locked
+                      price. The pool absorbs the difference.`}
+                    </span>
+                  </div>
+                  <div className="flex items-start gap-2">
+                    <Landmark className="size-4 mt-0.5 text-primary shrink-0" />
+                    <span>
+                      Expected savings: $200-800/year depending on tier and
+                      usage. Break-even at just 1-2 last-minute flights per
+                      year.
+                    </span>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          </TabsContent>
+
+          {/* Tab 3: Bigger Picture */}
+          <TabsContent value="bigger">
+            <Card>
+              <CardHeader>
+                <div className="flex items-center gap-3 mb-2">
+                  <Globe className="size-6 text-primary" />
+                  <Badge variant="outline">Exploratory</Badge>
+                </div>
+                <CardTitle className="text-2xl">The Bigger Picture</CardTitle>
+                <CardDescription className="text-base">
+                  What happens when a community negotiates with airlines the way
+                  a corporation does?
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="space-y-4">
+                <div className="space-y-4 text-sm">
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <h4 className="font-semibold mb-1">
+                      Aggregated Buying Power
+                    </h4>
+                    <p className="text-muted-foreground">
+                      Travel agent credentials, consolidator fares, group
+                      airline passes. The deals that corporations and agencies
+                      get, but for regular people.
+                    </p>
+                  </div>
+
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <h4 className="font-semibold mb-1">Credit Union Model</h4>
+                    <p className="text-muted-foreground">
+                      Closed-group social accountability. When everyone knows
+                      each other, gaming the system has social consequences.
+                      This is how mutual aid actually works.
+                    </p>
+                  </div>
+
+                  <div className="rounded-lg bg-muted/50 p-4">
+                    <h4 className="font-semibold mb-1">
+                      Verified Emergency Coverage
+                    </h4>
+                    <p className="text-muted-foreground">
+                      The hardest version to game: coverage only for documented
+                      emergencies (medical, bereavement, jury duty, natural
+                      disasters). Low premiums, real protection.
+                    </p>
+                  </div>
+
+                  <div className="rounded-lg border-2 border-dashed border-primary/30 p-4">
+                    <h4 className="font-semibold mb-1 text-primary">
+                      Beyond flights...
+                    </h4>
+                    <p className="text-muted-foreground">
+                      The same ergodic principle applies to any domain where
+                      algorithms extract rents from individual volatility.
+                      Hotels. Concert tickets. Surge pricing. The pattern is the
+                      same. The solution scales.
+                    </p>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          </TabsContent>
+        </Tabs>
+      </div>
+    </section>
+  )
+}
diff --git a/components/navigation.tsx b/components/navigation.tsx
new file mode 100644
index 0000000..8233546
--- /dev/null
+++ b/components/navigation.tsx
@@ -0,0 +1,112 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { Plane, Menu, X } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { ModeToggle } from "@/components/mode-toggle"
+import { cn } from "@/lib/utils"
+
+const navLinks = [
+  { label: "Problem", href: "#problem" },
+  { label: "Vision", href: "#vision" },
+  { label: "Models", href: "#models" },
+  { label: "Why lol", href: "#why-lol" },
+]
+
+export function Navigation() {
+  const [scrolled, setScrolled] = useState(false)
+  const [mobileOpen, setMobileOpen] = useState(false)
+
+  useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > 50)
+    window.addEventListener("scroll", onScroll, { passive: true })
+    return () => window.removeEventListener("scroll", onScroll)
+  }, [])
+
+  const scrollTo = (href: string) => {
+    setMobileOpen(false)
+    const el = document.querySelector(href)
+    el?.scrollIntoView({ behavior: "smooth" })
+  }
+
+  return (
+    <nav
+      className={cn(
+        "fixed top-0 left-0 right-0 z-50 transition-all duration-300",
+        scrolled
+          ? "bg-background/80 backdrop-blur-md border-b shadow-sm"
+          : "bg-transparent"
+      )}
+    >
+      <div className="max-w-5xl mx-auto px-6 h-16 flex items-center justify-between">
+        {/* Logo */}
+        <button
+          onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
+          className="flex items-center gap-2 font-bold text-lg hover:text-primary transition-colors"
+        >
+          <Plane className="size-5" />
+          <span>
+            flightclub
+            <span className="text-primary">.lol</span>
+          </span>
+        </button>
+
+        {/* Desktop nav */}
+        <div className="hidden md:flex items-center gap-1">
+          {navLinks.map((link) => (
+            <Button
+              key={link.href}
+              variant="ghost"
+              size="sm"
+              onClick={() => scrollTo(link.href)}
+            >
+              {link.label}
+            </Button>
+          ))}
+          <Button
+            size="sm"
+            onClick={() => scrollTo("#cta")}
+            className="ml-2 rounded-full"
+          >
+            Join
+          </Button>
+          <ModeToggle />
+        </div>
+
+        {/* Mobile toggle */}
+        <div className="flex md:hidden items-center gap-2">
+          <ModeToggle />
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={() => setMobileOpen(!mobileOpen)}
+          >
+            {mobileOpen ? <X className="size-5" /> : <Menu className="size-5" />}
+          </Button>
+        </div>
+      </div>
+
+      {/* Mobile menu */}
+      {mobileOpen && (
+        <div className="md:hidden bg-background/95 backdrop-blur-md border-b px-6 py-4 space-y-2">
+          {navLinks.map((link) => (
+            <button
+              key={link.href}
+              onClick={() => scrollTo(link.href)}
+              className="block w-full text-left py-2 text-sm font-medium hover:text-primary transition-colors"
+            >
+              {link.label}
+            </button>
+          ))}
+          <Button
+            size="sm"
+            onClick={() => scrollTo("#cta")}
+            className="w-full rounded-full mt-2"
+          >
+            Join the Waitlist
+          </Button>
+        </div>
+      )}
+    </nav>
+  )
+}
diff --git a/components/pricing-chart.tsx b/components/pricing-chart.tsx
new file mode 100644
index 0000000..8e7f9d9
--- /dev/null
+++ b/components/pricing-chart.tsx
@@ -0,0 +1,193 @@
+"use client"
+
+import { useIntersection } from "@/hooks/use-intersection"
+import { domesticPricing, internationalPricing } from "@/lib/pricing-data"
+
+// Convert data points to SVG path coordinates
+// Chart: X = 0 (60 days) to 400 (0 days), Y = 0 (top, 10x) to 300 (bottom, 0x)
+function toPath(
+  data: { days: number; multiplier: number }[]
+): string {
+  const points = data.map((d) => ({
+    x: ((60 - d.days) / 60) * 380 + 40,
+    y: 280 - (d.multiplier / 10) * 260,
+  }))
+
+  // Smooth bezier curve through points
+  let path = `M ${points[0].x} ${points[0].y}`
+  for (let i = 1; i < points.length; i++) {
+    const prev = points[i - 1]
+    const curr = points[i]
+    const cpx = (prev.x + curr.x) / 2
+    path += ` C ${cpx} ${prev.y}, ${cpx} ${curr.y}, ${curr.x} ${curr.y}`
+  }
+  return path
+}
+
+export function PricingChart() {
+  const { ref, isVisible } = useIntersection(0.3)
+
+  const domesticPath = toPath(domesticPricing)
+  const internationalPath = toPath(internationalPricing)
+
+  // Y position for 2x multiplier (danger threshold)
+  const dangerY = 280 - (2 / 10) * 260
+
+  return (
+    <div ref={ref as React.RefObject<HTMLDivElement>} className="w-full max-w-3xl mx-auto">
+      <svg
+        viewBox="0 0 440 320"
+        className="w-full h-auto crt-glow"
+        preserveAspectRatio="xMidYMid meet"
+      >
+        {/* Danger zone (above 2x) */}
+        <rect
+          x="40"
+          y="20"
+          width="380"
+          height={dangerY - 20}
+          fill="var(--destructive)"
+          opacity="0.06"
+          rx="4"
+        />
+
+        {/* Grid lines */}
+        {[0, 2, 4, 6, 8, 10].map((mult) => {
+          const y = 280 - (mult / 10) * 260
+          return (
+            <g key={mult}>
+              <line
+                x1="40"
+                y1={y}
+                x2="420"
+                y2={y}
+                stroke="var(--border)"
+                strokeWidth="0.5"
+                strokeDasharray={mult === 2 ? "none" : "4,4"}
+                opacity={mult === 2 ? 0.6 : 0.3}
+              />
+              <text
+                x="32"
+                y={y + 4}
+                textAnchor="end"
+                fill="var(--muted-foreground)"
+                fontSize="10"
+                fontFamily="var(--font-mono)"
+              >
+                {mult}x
+              </text>
+            </g>
+          )
+        })}
+
+        {/* X-axis labels */}
+        {[60, 45, 30, 21, 14, 7, 3, 0].map((days) => {
+          const x = ((60 - days) / 60) * 380 + 40
+          return (
+            <text
+              key={days}
+              x={x}
+              y="300"
+              textAnchor="middle"
+              fill="var(--muted-foreground)"
+              fontSize="9"
+              fontFamily="var(--font-mono)"
+            >
+              {days}d
+            </text>
+          )
+        })}
+
+        {/* 2x danger label */}
+        <text
+          x="425"
+          y={dangerY + 4}
+          fill="var(--destructive)"
+          fontSize="9"
+          fontFamily="var(--font-mono)"
+          fontWeight="bold"
+        >
+          2x
+        </text>
+
+        {/* International line */}
+        <path
+          d={internationalPath}
+          fill="none"
+          stroke="var(--chart-3)"
+          strokeWidth="2.5"
+          strokeLinecap="round"
+          className="draw-path"
+          data-visible={isVisible}
+          style={{ animationDelay: "0.3s" }}
+        />
+
+        {/* Domestic line */}
+        <path
+          d={domesticPath}
+          fill="none"
+          stroke="var(--chart-1)"
+          strokeWidth="2.5"
+          strokeLinecap="round"
+          className="draw-path"
+          data-visible={isVisible}
+        />
+
+        {/* End point dots */}
+        {isVisible && (
+          <>
+            <circle
+              cx={((60 - 0) / 60) * 380 + 40}
+              cy={280 - (10 / 10) * 260}
+              r="4"
+              fill="var(--chart-1)"
+              className="animate-in fade-in duration-1000"
+              style={{ animationDelay: "2s" }}
+            />
+            <circle
+              cx={((60 - 0) / 60) * 380 + 40}
+              cy={280 - (5 / 10) * 260}
+              r="4"
+              fill="var(--chart-3)"
+              className="animate-in fade-in duration-1000"
+              style={{ animationDelay: "2.3s" }}
+            />
+          </>
+        )}
+
+        {/* Axis labels */}
+        <text
+          x="230"
+          y="316"
+          textAnchor="middle"
+          fill="var(--muted-foreground)"
+          fontSize="10"
+        >
+          Days before departure
+        </text>
+        <text
+          x="14"
+          y="155"
+          textAnchor="middle"
+          fill="var(--muted-foreground)"
+          fontSize="10"
+          transform="rotate(-90, 14, 155)"
+        >
+          Price multiplier
+        </text>
+      </svg>
+
+      {/* Legend */}
+      <div className="flex justify-center gap-6 mt-4 text-sm">
+        <div className="flex items-center gap-2">
+          <div className="w-4 h-0.5 bg-[var(--chart-1)] rounded" />
+          <span className="text-muted-foreground">Domestic</span>
+        </div>
+        <div className="flex items-center gap-2">
+          <div className="w-4 h-0.5 bg-[var(--chart-3)] rounded" />
+          <span className="text-muted-foreground">International</span>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/problem-section.tsx b/components/problem-section.tsx
new file mode 100644
index 0000000..f2e5b17
--- /dev/null
+++ b/components/problem-section.tsx
@@ -0,0 +1,69 @@
+"use client"
+
+import { AlertTriangle, TrendingUp, Bot } from "lucide-react"
+import { Card, CardContent } from "@/components/ui/card"
+import { PricingChart } from "@/components/pricing-chart"
+import { pricingStats } from "@/lib/pricing-data"
+
+const callouts = [
+  {
+    icon: AlertTriangle,
+    title: "Your emergency is their payday",
+    description: `Average ${pricingStats.avgPremium} premium on last-minute domestic flights. Your urgency is a revenue opportunity.`,
+    color: "text-destructive",
+  },
+  {
+    icon: TrendingUp,
+    title: `${pricingStats.markupRange} markup`,
+    description:
+      "Same seat. Same plane. Same crew. Different price because you needed it sooner.",
+    color: "text-accent dark:text-accent",
+  },
+  {
+    icon: Bot,
+    title: "It's not supply and demand. It's an algorithm.",
+    description:
+      "Airlines use dynamic pricing AI trained on one objective: maximize revenue extraction.",
+    color: "text-primary",
+  },
+]
+
+export function ProblemSection() {
+  return (
+    <section id="problem" className="py-24 px-6">
+      <div className="max-w-5xl mx-auto">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl md:text-4xl font-bold mb-4">
+            Airlines use algorithms to maximize what you pay.
+          </h2>
+          <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+            {`Here's what that looks like.`}
+          </p>
+        </div>
+
+        {/* Pricing chart */}
+        <div className="mb-16">
+          <PricingChart />
+        </div>
+
+        {/* Callout cards */}
+        <div className="grid md:grid-cols-3 gap-6">
+          {callouts.map((item) => (
+            <Card
+              key={item.title}
+              className="border-border/50 hover:border-border transition-colors"
+            >
+              <CardContent className="pt-6">
+                <item.icon className={`size-8 mb-4 ${item.color}`} />
+                <h3 className="font-semibold text-lg mb-2">{item.title}</h3>
+                <p className="text-muted-foreground text-sm leading-relaxed">
+                  {item.description}
+                </p>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/theme-provider.tsx b/components/theme-provider.tsx
new file mode 100644
index 0000000..6a1ffe4
--- /dev/null
+++ b/components/theme-provider.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+export function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx
new file mode 100644
index 0000000..4ba154b
--- /dev/null
+++ b/components/ui/badge.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '@/lib/utils'
+
+const badgeVariants = cva(
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground',
+        destructive:
+          'border-transparent bg-destructive text-white',
+        outline: 'text-foreground',
+        success:
+          'border-transparent bg-emerald-500/15 text-emerald-700 dark:text-emerald-400',
+        warning:
+          'border-transparent bg-amber-500/15 text-amber-700 dark:text-amber-400',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+)
+
+function Badge({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof badgeVariants>) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
new file mode 100644
index 0000000..3e99137
--- /dev/null
+++ b/components/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '@/lib/utils'
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline:
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+        secondary:
+          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost:
+          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        xl: 'h-12 rounded-lg px-8 text-base has-[>svg]:px-5',
+        icon: 'size-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : 'button'
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
new file mode 100644
index 0000000..5f474a5
--- /dev/null
+++ b/components/ui/card.tsx
@@ -0,0 +1,78 @@
+import * as React from 'react'
+
+import { cn } from '@/lib/utils'
+
+function Card({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn('leading-none font-semibold', className)}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn('text-muted-foreground text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn('px-6', className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+}
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
new file mode 100644
index 0000000..f199a06
--- /dev/null
+++ b/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react'
+
+import { cn } from '@/lib/utils'
+
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
new file mode 100644
index 0000000..fc26398
--- /dev/null
+++ b/components/ui/tabs.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ComponentRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ComponentRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ComponentRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/components/vision-section.tsx b/components/vision-section.tsx
new file mode 100644
index 0000000..abe1aea
--- /dev/null
+++ b/components/vision-section.tsx
@@ -0,0 +1,127 @@
+"use client"
+
+import { useIntersection } from "@/hooks/use-intersection"
+
+export function VisionSection() {
+  const { ref, isVisible } = useIntersection(0.3)
+
+  return (
+    <section
+      id="vision"
+      className="py-24 px-6 bg-gradient-to-b from-primary/5 to-secondary/5"
+    >
+      <div className="max-w-5xl mx-auto">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl md:text-4xl font-bold mb-4">
+            What if we just... looked out for each other?
+          </h2>
+          <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+            Flight Club is an ergodically aligned collective mechanism.
+            <span className="block mt-1 text-sm italic">
+              {`(Don't worry, we'll explain.)`}
+            </span>
+          </p>
+        </div>
+
+        <div className="grid md:grid-cols-2 gap-12 items-center">
+          {/* Explanation */}
+          <div className="space-y-6">
+            <p className="text-lg leading-relaxed">
+              In a system with pricing volatility, individuals get destroyed by
+              outlier events. A $200 flight becomes $1,200 when you need it
+              most.
+            </p>
+            <p className="text-lg leading-relaxed">
+              But a pool of people, sharing the risk, experiences the{" "}
+              <strong>average</strong>. The wild swings that bankrupt
+              individuals become gentle ripples across a collective.
+            </p>
+            <blockquote className="border-l-4 border-primary pl-4 py-2 text-lg italic text-muted-foreground">
+              {`"The house always wins — unless the house is a mutual aid
+              society."`}
+            </blockquote>
+          </div>
+
+          {/* Pooling animation SVG */}
+          <div
+            ref={ref as React.RefObject<HTMLDivElement>}
+            className="flex justify-center"
+          >
+            <svg viewBox="0 0 300 300" className="w-full max-w-xs crt-glow">
+              {/* Central pool circle */}
+              <circle
+                cx="150"
+                cy="150"
+                r="80"
+                fill="none"
+                stroke="var(--primary)"
+                strokeWidth="1.5"
+                opacity="0.3"
+                strokeDasharray="4,4"
+              />
+              <circle
+                cx="150"
+                cy="150"
+                r="40"
+                fill="var(--primary)"
+                opacity="0.08"
+              />
+
+              {/* Individual dots - animate from volatile to pooled */}
+              {Array.from({ length: 12 }).map((_, i) => {
+                const angle = (i / 12) * Math.PI * 2
+                const poolX = 150 + Math.cos(angle) * 55
+                const poolY = 150 + Math.sin(angle) * 55
+                const chaosX = 150 + Math.cos(angle) * (100 + (i % 3) * 30)
+                const chaosY = 150 + Math.sin(angle) * (100 + (i % 3) * 30)
+
+                return (
+                  <circle
+                    key={i}
+                    r="6"
+                    fill="var(--primary)"
+                    opacity="0.7"
+                    style={{
+                      transition: "all 1.5s cubic-bezier(0.34, 1.56, 0.64, 1)",
+                      transitionDelay: `${i * 0.08}s`,
+                      cx: isVisible ? poolX : chaosX,
+                      cy: isVisible ? poolY : chaosY,
+                    }}
+                  />
+                )
+              })}
+
+              {/* Center label */}
+              <text
+                x="150"
+                y="154"
+                textAnchor="middle"
+                fill="var(--primary)"
+                fontSize="12"
+                fontWeight="bold"
+                fontFamily="var(--font-mono)"
+                opacity={isVisible ? 1 : 0}
+                style={{ transition: "opacity 0.5s ease 1.5s" }}
+              >
+                POOL
+              </text>
+
+              {/* Labels */}
+              <text
+                x="150"
+                y="268"
+                textAnchor="middle"
+                fill="var(--muted-foreground)"
+                fontSize="10"
+              >
+                {isVisible
+                  ? "Collective: smooth, predictable"
+                  : "Individual: volatile, exposed"}
+              </text>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/why-lol-section.tsx b/components/why-lol-section.tsx
new file mode 100644
index 0000000..aa85b6a
--- /dev/null
+++ b/components/why-lol-section.tsx
@@ -0,0 +1,74 @@
+"use client"
+
+import { useIntersection } from "@/hooks/use-intersection"
+import { GlitchText } from "@/components/glitch-text"
+
+export function WhyLolSection() {
+  const { ref, isVisible } = useIntersection(0.2)
+
+  return (
+    <section
+      id="why-lol"
+      ref={ref as React.RefObject<HTMLElement>}
+      className="relative py-24 px-6 scanlines overflow-hidden"
+      data-in-view={isVisible}
+    >
+      {/* Gradient background shift */}
+      <div
+        className="absolute inset-0 transition-opacity duration-1000 -z-10"
+        style={{
+          background:
+            "linear-gradient(180deg, var(--background), oklch(0.15 0.03 160 / 0.3))",
+          opacity: isVisible ? 1 : 0,
+        }}
+      />
+
+      <div className="max-w-3xl mx-auto relative z-20">
+        <div className="text-center mb-12">
+          <GlitchText
+            as="h2"
+            className="text-3xl md:text-4xl font-bold mb-2"
+            active={isVisible}
+          >
+            The first rule of Flight Club is: tell EVERYONE about Flight Club.
+          </GlitchText>
+        </div>
+
+        <div className="space-y-6 text-lg leading-relaxed">
+          <p>
+            We put {`"lol"`} in the domain because laughing is what you do when
+            the alternative is crying into your $1,100 same-day ticket to see
+            your mom in the hospital.
+          </p>
+
+          <p>
+            The airline industry made{" "}
+            <strong className="text-destructive">$29 billion</strong> in profit
+            last year. They employ teams of PhDs to build pricing algorithms
+            that extract maximum revenue from your urgency, your grief, your
+            inflexible schedule.
+          </p>
+
+          <p>
+            We think the correct response to that is a collective structure that
+            makes their extraction irrelevant. And also: <em>lol.</em>
+          </p>
+
+          <div className="border-l-4 border-primary/50 pl-6 py-2 my-8">
+            <p className="text-muted-foreground italic">
+              {`This isn't a startup. There's no VC money. There's no exit
+              strategy. It's just people pooling resources to protect each other
+              from systems designed to pick them clean.`}
+            </p>
+          </div>
+
+          <p className="text-muted-foreground">
+            The airlines built an asymmetric weapon: they know your price
+            sensitivity better than you do, and they use it against you in real
+            time. We{`'`}re building the collective shield.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..3ac29f4
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,27 @@
+services:
+  flight-club:
+    build: .
+    container_name: flight-club-lol
+    restart: unless-stopped
+    security_opt:
+      - no-new-privileges:true
+    cap_drop:
+      - ALL
+    read_only: true
+    tmpfs:
+      - /tmp
+    environment:
+      - NODE_ENV=production
+      - NEXT_TELEMETRY_DISABLED=1
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=traefik-public"
+      - "traefik.http.routers.flight-club.rule=Host(`flightclub.lol`) || Host(`www.flightclub.lol`)"
+      - "traefik.http.routers.flight-club.entrypoints=web"
+      - "traefik.http.services.flight-club.loadbalancer.server.port=3000"
+    networks:
+      - traefik-public
+
+networks:
+  traefik-public:
+    external: true
diff --git a/hooks/use-intersection.ts b/hooks/use-intersection.ts
new file mode 100644
index 0000000..27d92c0
--- /dev/null
+++ b/hooks/use-intersection.ts
@@ -0,0 +1,27 @@
+"use client"
+
+import { useEffect, useRef, useState } from "react"
+
+export function useIntersection(threshold = 0.2) {
+  const ref = useRef<HTMLElement>(null)
+  const [isVisible, setIsVisible] = useState(false)
+
+  useEffect(() => {
+    const el = ref.current
+    if (!el) return
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setIsVisible(true)
+        }
+      },
+      { threshold }
+    )
+
+    observer.observe(el)
+    return () => observer.disconnect()
+  }, [threshold])
+
+  return { ref, isVisible }
+}
diff --git a/hooks/use-scroll-progress.ts b/hooks/use-scroll-progress.ts
new file mode 100644
index 0000000..acd1e19
--- /dev/null
+++ b/hooks/use-scroll-progress.ts
@@ -0,0 +1,40 @@
+"use client"
+
+import { useEffect, useRef } from "react"
+
+export function useScrollProgress() {
+  const rafRef = useRef<number>(0)
+  const lastValueRef = useRef<number>(0)
+
+  useEffect(() => {
+    const handleScroll = () => {
+      if (rafRef.current) return
+
+      rafRef.current = requestAnimationFrame(() => {
+        const scrollTop = window.scrollY
+        const docHeight =
+          document.documentElement.scrollHeight - window.innerHeight
+        const progress = docHeight > 0 ? Math.min(scrollTop / docHeight, 1) : 0
+
+        // Only update if change is meaningful (> 1%)
+        if (Math.abs(progress - lastValueRef.current) > 0.01) {
+          lastValueRef.current = progress
+          document.documentElement.style.setProperty(
+            "--scroll-depth",
+            progress.toFixed(3)
+          )
+        }
+
+        rafRef.current = 0
+      })
+    }
+
+    window.addEventListener("scroll", handleScroll, { passive: true })
+    handleScroll() // Set initial value
+
+    return () => {
+      window.removeEventListener("scroll", handleScroll)
+      if (rafRef.current) cancelAnimationFrame(rafRef.current)
+    }
+  }, [])
+}
diff --git a/lib/pricing-data.ts b/lib/pricing-data.ts
new file mode 100644
index 0000000..fd6da48
--- /dev/null
+++ b/lib/pricing-data.ts
@@ -0,0 +1,39 @@
+// Pricing curve data from flight-club research
+// X = days before departure, Y = price multiplier
+
+export const domesticPricing = [
+  { days: 60, multiplier: 1.0 },
+  { days: 50, multiplier: 1.05 },
+  { days: 40, multiplier: 1.1 },
+  { days: 30, multiplier: 1.0 },
+  { days: 21, multiplier: 1.0 },
+  { days: 14, multiplier: 1.35 },
+  { days: 10, multiplier: 1.8 },
+  { days: 7, multiplier: 2.5 },
+  { days: 5, multiplier: 3.2 },
+  { days: 3, multiplier: 5.0 },
+  { days: 1, multiplier: 8.0 },
+  { days: 0, multiplier: 10.0 },
+]
+
+export const internationalPricing = [
+  { days: 60, multiplier: 0.95 },
+  { days: 50, multiplier: 1.0 },
+  { days: 40, multiplier: 1.0 },
+  { days: 30, multiplier: 1.0 },
+  { days: 21, multiplier: 1.05 },
+  { days: 14, multiplier: 1.2 },
+  { days: 10, multiplier: 1.5 },
+  { days: 7, multiplier: 2.0 },
+  { days: 5, multiplier: 2.5 },
+  { days: 3, multiplier: 3.5 },
+  { days: 1, multiplier: 4.5 },
+  { days: 0, multiplier: 5.0 },
+]
+
+// Stats for callout cards
+export const pricingStats = {
+  avgPremium: "$700",
+  markupRange: "3-10x",
+  airlineProfits: "$29 billion",
+}
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..fed2fe9
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 0000000..ddf3dd3
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,12 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  images: {
+    unoptimized: true,
+  },
+  output: 'standalone',
+}
+
+export default nextConfig
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e55e11a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "flight-club-lol",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "dev": "next dev",
+    "lint": "eslint .",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "1.1.1",
+    "@radix-ui/react-tabs": "1.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.454.0",
+    "next": "16.0.10",
+    "next-themes": "^0.4.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.9",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "postcss": "^8.5",
+    "tailwindcss": "^4.1.9",
+    "tw-animate-css": "1.3.3",
+    "typescript": "^5"
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..536ca02
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,1288 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@radix-ui/react-slot':
+        specifier: 1.1.1
+        version: 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-tabs':
+        specifier: 1.1.2
+        version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      lucide-react:
+        specifier: ^0.454.0
+        version: 0.454.0(react@19.2.0)
+      next:
+        specifier: 16.0.10
+        version: 16.0.10(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      next-themes:
+        specifier: ^0.4.6
+        version: 0.4.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      react:
+        specifier: 19.2.0
+        version: 19.2.0
+      react-dom:
+        specifier: 19.2.0
+        version: 19.2.0(react@19.2.0)
+      tailwind-merge:
+        specifier: ^2.5.5
+        version: 2.6.1
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@4.1.18)
+    devDependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4.1.9
+        version: 4.1.18
+      '@types/node':
+        specifier: ^22
+        version: 22.19.11
+      '@types/react':
+        specifier: ^19
+        version: 19.2.14
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.2.3(@types/react@19.2.14)
+      postcss:
+        specifier: ^8.5
+        version: 8.5.6
+      tailwindcss:
+        specifier: ^4.1.9
+        version: 4.1.18
+      tw-animate-css:
+        specifier: 1.3.3
+        version: 1.3.3
+      typescript:
+        specifier: ^5
+        version: 5.9.3
+
+packages:
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
+
+  '@img/colour@1.0.0':
+    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@next/env@16.0.10':
+    resolution: {integrity: sha512-8tuaQkyDVgeONQ1MeT9Mkk8pQmZapMKFh5B+OrFUlG3rVmYTXcXlBetBgTurKXGaIZvkoqRT9JL5K3phXcgang==}
+
+  '@next/swc-darwin-arm64@16.0.10':
+    resolution: {integrity: sha512-4XgdKtdVsaflErz+B5XeG0T5PeXKDdruDf3CRpnhN+8UebNa5N2H58+3GDgpn/9GBurrQ1uWW768FfscwYkJRg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@16.0.10':
+    resolution: {integrity: sha512-spbEObMvRKkQ3CkYVOME+ocPDFo5UqHb8EMTS78/0mQ+O1nqE8toHJVioZo4TvebATxgA8XMTHHrScPrn68OGw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@16.0.10':
+    resolution: {integrity: sha512-uQtWE3X0iGB8apTIskOMi2w/MKONrPOUCi5yLO+v3O8Mb5c7K4Q5KD1jvTpTF5gJKa3VH/ijKjKUq9O9UhwOYw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-arm64-musl@16.0.10':
+    resolution: {integrity: sha512-llA+hiDTrYvyWI21Z0L1GiXwjQaanPVQQwru5peOgtooeJ8qx3tlqRV2P7uH2pKQaUfHxI/WVarvI5oYgGxaTw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-x64-gnu@16.0.10':
+    resolution: {integrity: sha512-AK2q5H0+a9nsXbeZ3FZdMtbtu9jxW4R/NgzZ6+lrTm3d6Zb7jYrWcgjcpM1k8uuqlSy4xIyPR2YiuUr+wXsavA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-linux-x64-musl@16.0.10':
+    resolution: {integrity: sha512-1TDG9PDKivNw5550S111gsO4RGennLVl9cipPhtkXIFVwo31YZ73nEbLjNC8qG3SgTz/QZyYyaFYMeY4BKZR/g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-win32-arm64-msvc@16.0.10':
+    resolution: {integrity: sha512-aEZIS4Hh32xdJQbHz121pyuVZniSNoqDVx1yIr2hy+ZwJGipeqnMZBJHyMxv2tiuAXGx6/xpTcQJ6btIiBjgmg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@16.0.10':
+    resolution: {integrity: sha512-E+njfCoFLb01RAFEnGZn6ERoOqhK1Gl3Lfz1Kjnj0Ulfu7oJbuMyvBKNj/bw8XZnenHDASlygTjZICQW+rYW1Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@radix-ui/primitive@1.1.1':
+    resolution: {integrity: sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==}
+
+  '@radix-ui/react-collection@1.1.1':
+    resolution: {integrity: sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.1':
+    resolution: {integrity: sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.1':
+    resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.0':
+    resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-id@1.1.0':
+    resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.2':
+    resolution: {integrity: sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.0.1':
+    resolution: {integrity: sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.1':
+    resolution: {integrity: sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.1.1':
+    resolution: {integrity: sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-tabs@1.1.2':
+    resolution: {integrity: sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.0':
+    resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.1.0':
+    resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.0':
+    resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@swc/helpers@0.5.15':
+    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
+
+  '@tailwindcss/node@4.1.18':
+    resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.18':
+    resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.1.18':
+    resolution: {integrity: sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g==}
+
+  '@types/node@22.19.11':
+    resolution: {integrity: sha512-BH7YwL6rA93ReqeQS1c4bsPpcfOmJasG+Fkr6Y59q83f9M1WcBRHR2vM+P9eOisYRcN3ujQoiZY8uk5W+1WL8w==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
+
+  caniuse-lite@1.0.30001770:
+    resolution: {integrity: sha512-x/2CLQ1jHENRbHg5PSId2sXq1CIO1CISvwWAj027ltMVG2UNgW+w9oH2+HzgEIRFembL8bUlXtfbBHR1fCg2xw==}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  enhanced-resolve@5.19.0:
+    resolution: {integrity: sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==}
+    engines: {node: '>=10.13.0'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  lightningcss-android-arm64@1.30.2:
+    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.30.2:
+    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.2:
+    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.2:
+    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.2:
+    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.2:
+    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lucide-react@0.454.0:
+    resolution: {integrity: sha512-hw7zMDwykCLnEzgncEEjHeA6+45aeEzRYuKHuyRSOPkhko+J3ySGjGIzu+mmMfDFG1vazHepMaYFYHbTFAZAAQ==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  next-themes@0.4.6:
+    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
+    peerDependencies:
+      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+
+  next@16.0.10:
+    resolution: {integrity: sha512-RtWh5PUgI+vxlV3HdR+IfWA1UUHu0+Ram/JBO4vWB54cVPentCD0e+lxyAYEsDTqGGMg7qpjhKh6dc6aW7W/sA==}
+    engines: {node: '>=20.9.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.51.1
+      babel-plugin-react-compiler: '*'
+      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      sass:
+        optional: true
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  react-dom@19.2.0:
+    resolution: {integrity: sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==}
+    peerDependencies:
+      react: ^19.2.0
+
+  react@19.2.0:
+    resolution: {integrity: sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==}
+    engines: {node: '>=0.10.0'}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  styled-jsx@5.1.6:
+    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
+  tailwind-merge@2.6.1:
+    resolution: {integrity: sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==}
+
+  tailwindcss-animate@1.0.7:
+    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+
+  tailwindcss@4.1.18:
+    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tw-animate-css@1.3.3:
+    resolution: {integrity: sha512-tXE2TRWrskc4TU3RDd7T8n8Np/wCfoeH9gz22c7PzYqNPQ9FBGFbWWzwL0JyHcFp+jHozmF76tbHfPAx22ua2Q==}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+snapshots:
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@emnapi/runtime@1.8.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@img/colour@1.0.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
+    dependencies:
+      '@emnapi/runtime': 1.8.1
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.34.5':
+    optional: true
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@next/env@16.0.10': {}
+
+  '@next/swc-darwin-arm64@16.0.10':
+    optional: true
+
+  '@next/swc-darwin-x64@16.0.10':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@16.0.10':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@16.0.10':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@16.0.10':
+    optional: true
+
+  '@next/swc-linux-x64-musl@16.0.10':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@16.0.10':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@16.0.10':
+    optional: true
+
+  '@radix-ui/primitive@1.1.1': {}
+
+  '@radix-ui/react-collection@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-slot': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-compose-refs@1.1.1(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-context@1.1.1(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-direction@1.1.0(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-id@1.1.0(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-presence@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-primitive@2.0.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-slot': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-roving-focus@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-collection': 1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-direction': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-slot@1.1.1(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-tabs@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-context': 1.1.1(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-direction': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-roving-focus': 1.1.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.2.14)(react@19.2.0)
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@19.2.14)(react@19.2.0)':
+    dependencies:
+      react: 19.2.0
+    optionalDependencies:
+      '@types/react': 19.2.14
+
+  '@swc/helpers@0.5.15':
+    dependencies:
+      tslib: 2.8.1
+
+  '@tailwindcss/node@4.1.18':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.19.0
+      jiti: 2.6.1
+      lightningcss: 1.30.2
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.18
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.18':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-x64': 4.1.18
+      '@tailwindcss/oxide-freebsd-x64': 4.1.18
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.18
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.18
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.18
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+
+  '@tailwindcss/postcss@4.1.18':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.1.18
+      '@tailwindcss/oxide': 4.1.18
+      postcss: 8.5.6
+      tailwindcss: 4.1.18
+
+  '@types/node@22.19.11':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/react-dom@19.2.3(@types/react@19.2.14)':
+    dependencies:
+      '@types/react': 19.2.14
+
+  '@types/react@19.2.14':
+    dependencies:
+      csstype: 3.2.3
+
+  caniuse-lite@1.0.30001770: {}
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  client-only@0.0.1: {}
+
+  clsx@2.1.1: {}
+
+  csstype@3.2.3: {}
+
+  detect-libc@2.1.2: {}
+
+  enhanced-resolve@5.19.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
+  graceful-fs@4.2.11: {}
+
+  jiti@2.6.1: {}
+
+  lightningcss-android-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    optional: true
+
+  lightningcss@1.30.2:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.30.2
+      lightningcss-darwin-arm64: 1.30.2
+      lightningcss-darwin-x64: 1.30.2
+      lightningcss-freebsd-x64: 1.30.2
+      lightningcss-linux-arm-gnueabihf: 1.30.2
+      lightningcss-linux-arm64-gnu: 1.30.2
+      lightningcss-linux-arm64-musl: 1.30.2
+      lightningcss-linux-x64-gnu: 1.30.2
+      lightningcss-linux-x64-musl: 1.30.2
+      lightningcss-win32-arm64-msvc: 1.30.2
+      lightningcss-win32-x64-msvc: 1.30.2
+
+  lucide-react@0.454.0(react@19.2.0):
+    dependencies:
+      react: 19.2.0
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  nanoid@3.3.11: {}
+
+  next-themes@0.4.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
+    dependencies:
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+
+  next@16.0.10(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
+    dependencies:
+      '@next/env': 16.0.10
+      '@swc/helpers': 0.5.15
+      caniuse-lite: 1.0.30001770
+      postcss: 8.4.31
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      styled-jsx: 5.1.6(react@19.2.0)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.0.10
+      '@next/swc-darwin-x64': 16.0.10
+      '@next/swc-linux-arm64-gnu': 16.0.10
+      '@next/swc-linux-arm64-musl': 16.0.10
+      '@next/swc-linux-x64-gnu': 16.0.10
+      '@next/swc-linux-x64-musl': 16.0.10
+      '@next/swc-win32-arm64-msvc': 16.0.10
+      '@next/swc-win32-x64-msvc': 16.0.10
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
+  picocolors@1.1.1: {}
+
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  react-dom@19.2.0(react@19.2.0):
+    dependencies:
+      react: 19.2.0
+      scheduler: 0.27.0
+
+  react@19.2.0: {}
+
+  scheduler@0.27.0: {}
+
+  semver@7.7.4:
+    optional: true
+
+  sharp@0.34.5:
+    dependencies:
+      '@img/colour': 1.0.0
+      detect-libc: 2.1.2
+      semver: 7.7.4
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
+    optional: true
+
+  source-map-js@1.2.1: {}
+
+  styled-jsx@5.1.6(react@19.2.0):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.0
+
+  tailwind-merge@2.6.1: {}
+
+  tailwindcss-animate@1.0.7(tailwindcss@4.1.18):
+    dependencies:
+      tailwindcss: 4.1.18
+
+  tailwindcss@4.1.18: {}
+
+  tapable@2.3.0: {}
+
+  tslib@2.8.1: {}
+
+  tw-animate-css@1.3.3: {}
+
+  typescript@5.9.3: {}
+
+  undici-types@6.21.0: {}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..a869506
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+
+export default config
diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..979b0a9
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <circle cx="16" cy="16" r="15" fill="#7CB3F0" opacity="0.15"/>
+  <circle cx="16" cy="16" r="15" fill="none" stroke="#7CB3F0" stroke-width="1.5"/>
+  <!-- Airplane -->
+  <path d="M8 18 L14 16 L12 12 L15 14 L24 10 L15 18 L17 22 L14 19 L8 18Z" fill="#7CB3F0"/>
+  <!-- Shield outline -->
+  <path d="M16 5 L24 9 L24 17 C24 22 20 26 16 28 C12 26 8 22 8 17 L8 9 Z" fill="none" stroke="#7CB3F0" stroke-width="1.2" opacity="0.5"/>
+</svg>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..48d6d82
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "target": "ES6",
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}