.tsx`
+- `'use client'` only where state, refs, or browser APIs are required
+- All design tokens live in `app/globals.css` — no ad-hoc colors in components
+- Animations respect `prefers-reduced-motion`
+- Layout is responsive at `sm`, `md`, `lg` breakpoints with no horizontal scroll on mobile
\ No newline at end of file
diff --git a/site/app/globals.css b/site/app/globals.css
new file mode 100644
index 0000000..e7f0ecd
--- /dev/null
+++ b/site/app/globals.css
@@ -0,0 +1,355 @@
+@import 'tailwindcss';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+ --color-ink-50: oklch(0.98 0.005 250);
+ --color-ink-100: oklch(0.96 0.008 250);
+ --color-ink-200: oklch(0.92 0.012 250);
+ --color-ink-300: oklch(0.84 0.018 250);
+ --color-ink-400: oklch(0.68 0.025 250);
+ --color-ink-500: oklch(0.55 0.03 250);
+ --color-ink-600: oklch(0.42 0.04 250);
+ --color-ink-700: oklch(0.28 0.05 250);
+ --color-ink-800: oklch(0.16 0.04 250);
+ --color-ink-900: oklch(0.1 0.035 250);
+ --color-ink-950: oklch(0.06 0.025 250);
+
+ --color-paper: oklch(0.995 0.003 250);
+ --color-paper-elev: oklch(1 0 0);
+
+ --color-ink: oklch(0.16 0.04 250);
+ --color-ink-soft: oklch(0.42 0.04 250);
+ --color-ink-muted: oklch(0.55 0.03 250);
+ --color-ink-faint: oklch(0.72 0.02 250);
+
+ --color-line: oklch(0.92 0.01 250);
+ --color-line-strong: oklch(0.86 0.015 250);
+
+ --color-accent: oklch(0.62 0.18 252);
+ --color-accent-soft: oklch(0.72 0.14 252);
+ --color-accent-deep: oklch(0.48 0.2 256);
+
+ --color-iris: oklch(0.62 0.18 290);
+ --color-aurora: oklch(0.78 0.14 195);
+ --color-amber-glow: oklch(0.82 0.14 80);
+
+ --font-sans:
+ 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+ 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+ --font-display:
+ 'Inter Display', 'Inter', ui-sans-serif, system-ui, -apple-system,
+ BlinkMacSystemFont, sans-serif;
+ --font-mono:
+ 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo,
+ Consolas, 'Liberation Mono', monospace;
+ --font-serif:
+ 'Instrument Serif', 'Iowan Old Style', 'Apple Garamond', Georgia, serif;
+}
+
+:root {
+ color-scheme: light;
+ --bg: var(--color-paper);
+ --bg-elev: var(--color-paper-elev);
+ --fg: var(--color-ink);
+ --fg-soft: var(--color-ink-soft);
+ --fg-muted: var(--color-ink-muted);
+ --fg-faint: var(--color-ink-faint);
+ --line: var(--color-line);
+ --line-strong: var(--color-line-strong);
+ --accent: var(--color-accent);
+ --accent-deep: var(--color-accent-deep);
+ --halo: oklch(0.72 0.14 252 / 0.18);
+ --grid: oklch(0.84 0.018 250 / 0.5);
+}
+
+.dark {
+ color-scheme: dark;
+ --bg: oklch(0.07 0.018 250);
+ --bg-elev: oklch(0.1 0.022 250);
+ --fg: oklch(0.97 0.005 250);
+ --fg-soft: oklch(0.82 0.015 250);
+ --fg-muted: oklch(0.68 0.025 250);
+ --fg-faint: oklch(0.5 0.025 250);
+ --line: oklch(0.22 0.025 250);
+ --line-strong: oklch(0.3 0.03 250);
+ --accent: oklch(0.78 0.15 252);
+ --accent-deep: oklch(0.65 0.2 256);
+ --halo: oklch(0.7 0.18 252 / 0.22);
+ --grid: oklch(0.22 0.025 250 / 0.5);
+}
+
+@layer base {
+ *,
+ ::before,
+ ::after {
+ border-color: var(--line);
+ }
+
+ html {
+ scroll-behavior: smooth;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-rendering: optimizeLegibility;
+ font-feature-settings: 'cv11', 'ss01', 'ss03';
+ background: var(--bg);
+ }
+
+ body {
+ background: var(--bg);
+ color: var(--fg);
+ font-family: var(--font-sans);
+ font-feature-settings: 'cv11', 'ss01';
+ min-height: 100dvh;
+ overflow-x: hidden;
+ }
+
+ ::selection {
+ background: color-mix(in oklab, var(--accent) 28%, transparent);
+ color: var(--fg);
+ }
+
+ :focus-visible {
+ outline: 2px solid var(--accent);
+ outline-offset: 2px;
+ border-radius: 6px;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4 {
+ font-family: var(--font-display);
+ letter-spacing: -0.025em;
+ color: var(--fg);
+ }
+}
+
+@utility container-wide {
+ width: 100%;
+ margin-inline: auto;
+ padding-inline: clamp(1.25rem, 4vw, 2.5rem);
+ max-width: 1280px;
+}
+
+@utility container-narrow {
+ margin-inline: auto;
+ padding-inline: clamp(1.25rem, 4vw, 2.5rem);
+ max-width: 960px;
+}
+
+@utility shell {
+ position: relative;
+ isolation: isolate;
+}
+
+@utility hairline {
+ border: 1px solid var(--line);
+}
+
+@utility surface {
+ background: var(--bg-elev);
+ border: 1px solid var(--line);
+ border-radius: 18px;
+ box-shadow:
+ 0 1px 0 0 color-mix(in oklab, var(--fg) 4%, transparent) inset,
+ 0 20px 50px -32px color-mix(in oklab, var(--fg) 24%, transparent);
+}
+
+@utility surface-soft {
+ background: color-mix(in oklab, var(--bg-elev) 80%, transparent);
+ border: 1px solid var(--line);
+ border-radius: 18px;
+ backdrop-filter: blur(14px);
+}
+
+@utility ink-muted {
+ color: var(--fg-muted);
+}
+
+@utility ink-soft {
+ color: var(--fg-soft);
+}
+
+@utility ink-faint {
+ color: var(--fg-faint);
+}
+
+@utility display {
+ font-family: var(--font-display);
+ letter-spacing: -0.035em;
+ font-weight: 500;
+}
+
+@utility eyebrow {
+ font-family: var(--font-mono);
+ text-transform: uppercase;
+ letter-spacing: 0.18em;
+ font-size: 11px;
+ font-weight: 500;
+ color: var(--fg-muted);
+}
+
+@utility btn-primary {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.7rem 1.1rem;
+ border-radius: 999px;
+ background: var(--fg);
+ color: var(--bg);
+ font-weight: 500;
+ font-size: 0.92rem;
+ letter-spacing: -0.005em;
+ transition: transform 220ms ease, opacity 220ms ease;
+ box-shadow:
+ 0 1px 0 0 color-mix(in oklab, white 14%, transparent) inset,
+ 0 18px 40px -22px color-mix(in oklab, var(--fg) 60%, transparent);
+}
+
+@utility btn-primary {
+ &:hover {
+ transform: translateY(-1px);
+ }
+}
+
+@utility btn-ghost {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.7rem 1.1rem;
+ border-radius: 999px;
+ background: transparent;
+ color: var(--fg);
+ font-weight: 500;
+ font-size: 0.92rem;
+ border: 1px solid var(--line-strong);
+ transition: background 220ms ease, border-color 220ms ease;
+}
+
+@utility btn-ghost {
+ &:hover {
+ background: color-mix(in oklab, var(--fg) 4%, transparent);
+ border-color: var(--fg-faint);
+ }
+}
+
+@utility chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.45rem;
+ padding: 0.32rem 0.7rem;
+ border-radius: 999px;
+ border: 1px solid var(--line);
+ background: color-mix(in oklab, var(--bg-elev) 75%, transparent);
+ font-family: var(--font-mono);
+ font-size: 0.72rem;
+ letter-spacing: 0.02em;
+ color: var(--fg-muted);
+ backdrop-filter: blur(8px);
+}
+
+@utility shine {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ background:
+ radial-gradient(
+ 1200px 600px at 50% -10%,
+ var(--halo),
+ transparent 60%
+ ),
+ radial-gradient(
+ 900px 500px at 100% 10%,
+ color-mix(in oklab, var(--accent-soft) 18%, transparent),
+ transparent 60%
+ );
+ z-index: -1;
+}
+
+@utility grain {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ opacity: 0.5;
+ mix-blend-mode: overlay;
+ background-image: radial-gradient(
+ color-mix(in oklab, var(--fg) 6%, transparent) 1px,
+ transparent 1px
+ );
+ background-size: 3px 3px;
+ z-index: -1;
+}
+
+@utility grid-overlay {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ background-image:
+ linear-gradient(to right, var(--grid) 1px, transparent 1px),
+ linear-gradient(to bottom, var(--grid) 1px, transparent 1px);
+ background-size: 64px 64px;
+ mask-image: radial-gradient(
+ 900px 600px at 50% 0%,
+ black,
+ transparent 70%
+ );
+ z-index: -1;
+}
+
+@utility mono {
+ font-family: var(--font-mono);
+ font-feature-settings: 'calt' 0;
+}
+
+@keyframes pulse-dot {
+ 0%,
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+ 50% {
+ transform: scale(1.4);
+ opacity: 0.6;
+ }
+}
+
+@keyframes drift {
+ 0% {
+ transform: translate3d(0, 0, 0);
+ }
+ 50% {
+ transform: translate3d(0, -6px, 0);
+ }
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes dash-flow {
+ to {
+ stroke-dashoffset: -32;
+ }
+}
+
+@keyframes halo-glow {
+ 0%,
+ 100% {
+ opacity: 0.55;
+ transform: scale(1);
+ }
+ 50% {
+ opacity: 0.85;
+ transform: scale(1.06);
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ animation-duration: 0.001ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.001ms !important;
+ }
+}
\ No newline at end of file
diff --git a/site/app/layout.tsx b/site/app/layout.tsx
new file mode 100644
index 0000000..f12816a
--- /dev/null
+++ b/site/app/layout.tsx
@@ -0,0 +1,134 @@
+import type { Metadata, Viewport } from 'next';
+import { Inter, Instrument_Serif, JetBrains_Mono } from 'next/font/google';
+import './globals.css';
+import { ThemeProvider } from '@/components/theme-provider';
+import { SiteNav } from '@/components/site-nav';
+import { SiteFooter } from '@/components/site-footer';
+
+const inter = Inter({
+ subsets: ['latin'],
+ variable: '--font-inter',
+ display: 'swap',
+});
+
+const serif = Instrument_Serif({
+ subsets: ['latin'],
+ weight: '400',
+ variable: '--font-serif',
+ display: 'swap',
+});
+
+const mono = JetBrains_Mono({
+ subsets: ['latin'],
+ variable: '--font-mono',
+ display: 'swap',
+});
+
+const siteUrl = process.env.NEXT_PUBLIC_SITE_URL ?? 'https://sachncs.github.io';
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH ?? '';
+const repoUrl = 'https://github.com/sachncs/fleetpilot';
+
+export const metadata: Metadata = {
+ metadataBase: new URL(siteUrl),
+ title: {
+ default: 'FleetPilot — Route optimization for modern logistics',
+ template: '%s · FleetPilot',
+ },
+ description:
+ 'FleetPilot solves resource-constrained pickup-and-delivery with a two-stage metaheuristic. Built for fleets that need answers, not paper parity.',
+ applicationName: 'FleetPilot',
+ authors: [{ name: 'Sachin', url: repoUrl }],
+ generator: 'Next.js',
+ keywords: [
+ 'route optimization',
+ 'pickup and delivery',
+ 'vehicle routing',
+ 'ALNS',
+ 'BRKGA',
+ 'metaheuristic',
+ 'logistics',
+ 'last-mile',
+ 'fleetpilot',
+ ],
+ referrer: 'origin-when-cross-origin',
+ creator: 'Sachin',
+ publisher: 'FleetPilot',
+ alternates: {
+ canonical: `${basePath}/`,
+ },
+ openGraph: {
+ type: 'website',
+ locale: 'en_US',
+ url: `${siteUrl}${basePath}/`,
+ siteName: 'FleetPilot',
+ title: 'FleetPilot — Route optimization for modern logistics',
+ description:
+ 'Two-stage metaheuristic (ALNS + BRKGA) for resource-constrained pickup-and-delivery. Production-grade, fast, deterministic.',
+ images: [
+ {
+ url: `${siteUrl}${basePath}/og.png`,
+ width: 1280,
+ height: 640,
+ alt: 'FleetPilot — Route optimization for modern logistics',
+ },
+ ],
+ },
+ twitter: {
+ card: 'summary_large_image',
+ title: 'FleetPilot — Route optimization for modern logistics',
+ description:
+ 'Two-stage metaheuristic (ALNS + BRKGA) for resource-constrained pickup-and-delivery.',
+ images: [`${siteUrl}${basePath}/og.png`],
+ creator: '@sachncs',
+ },
+ icons: {
+ icon: `${basePath}/favicon.svg`,
+ shortcut: `${basePath}/favicon.svg`,
+ apple: `${basePath}/favicon.svg`,
+ },
+ manifest: `${basePath}/manifest.json`,
+ robots: {
+ index: true,
+ follow: true,
+ googleBot: { index: true, follow: true },
+ },
+ category: 'technology',
+};
+
+export const viewport: Viewport = {
+ themeColor: [
+ { media: '(prefers-color-scheme: light)', color: '#fbfbfd' },
+ { media: '(prefers-color-scheme: dark)', color: '#0b0d12' },
+ ],
+ width: 'device-width',
+ initialScale: 1,
+ maximumScale: 5,
+};
+
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}): React.ReactElement {
+ return (
+
+
+
+
+ Skip to content
+
+ {children}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/app/not-found.tsx b/site/app/not-found.tsx
new file mode 100644
index 0000000..772ec47
--- /dev/null
+++ b/site/app/not-found.tsx
@@ -0,0 +1,27 @@
+import Link from 'next/link';
+import { ArrowLeft } from 'lucide-react';
+
+export default function NotFound(): React.ReactElement {
+ return (
+
+
+
+
— 404
+
+ Off-route.
+
+
+ We couldn’t find the page you were looking for. Let’s get
+ you back to the dispatch board.
+
+
+
+ Back to home
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/app/page.tsx b/site/app/page.tsx
new file mode 100644
index 0000000..a0972da
--- /dev/null
+++ b/site/app/page.tsx
@@ -0,0 +1,23 @@
+import { Hero } from '@/components/hero';
+import { TrustBar } from '@/components/trust-bar';
+import { Features } from '@/components/features';
+import { HowItWorks } from '@/components/how-it-works';
+import { Algorithms } from '@/components/algorithms';
+import { Benchmarks } from '@/components/benchmarks';
+import { CodePreview } from '@/components/code-preview';
+import { Cta } from '@/components/cta';
+
+export default function HomePage(): React.ReactElement {
+ return (
+ <>
+
+
+
+
+
— Under the hood
+
+ Two stages, one winner.
+
+
+ FleetPilot pairs Adaptive Large Neighborhood Search with a
+ Biased Random-Key Genetic Algorithm — each stage sharpening the
+ other.
+
+
+
+
+
+
+
+
+ );
+}
+
+function AlgorithmCard({
+ tag,
+ name,
+ subtitle,
+ description,
+ points,
+ accent,
+ icon: Icon,
+ visual,
+}: {
+ tag: string;
+ name: string;
+ subtitle: string;
+ description: string;
+ points: [string, string][];
+ accent: string;
+ icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
+ visual: React.ReactNode;
+}): React.ReactElement {
+ return (
+
+
+
+
+
+
+
+ {tag}
+
+
+
+ {name}
+
+
+
+ {subtitle}
+
+
+ {description}
+
+
+ {visual}
+
+
+
+ {points.map(([k, v]) => (
+
+
+ {k}
+ {v}
+
+
+ ))}
+
+
+ );
+}
+
+function MathChip({
+ label,
+ formula,
+ note,
+ icon: Icon,
+}: {
+ label: string;
+ formula: string;
+ note: string;
+ icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
+}): React.ReactElement {
+ return (
+
+
+
+ {label}
+
+
+
+ {formula}
+
+
{note}
+
+
+
+
+
+
+
+ iteration → makespan ↓
+
+
+
+ );
+}
+
+function BrkgaVisual(): React.ReactElement {
+ return (
+
+
+
+
+
+
+ {Array.from({ length: 9 }).map((_, r) => (
+
+ {Array.from({ length: 32 }).map((_, c) => {
+ const seed = (r * 31 + c * 17) % 7;
+ const lit = seed < 2;
+ return (
+
+ ))}
+
+ chromosome (4n genes) · elite → mutant → crossover
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/benchmarks.tsx b/site/components/benchmarks.tsx
new file mode 100644
index 0000000..a3c42dd
--- /dev/null
+++ b/site/components/benchmarks.tsx
@@ -0,0 +1,178 @@
+'use client';
+
+import * as React from 'react';
+import { motion } from 'framer-motion';
+import { Gauge, Timer, ShieldCheck, Layers } from 'lucide-react';
+
+type Row = {
+ family: string;
+ instance: string;
+ customers: number;
+ vehicles: number;
+ makespan: number;
+ runtimeMs: number;
+ feasible: boolean;
+};
+
+const BENCHMARKS: Row[] = [
+ { family: 'synthetic', instance: 'synth-10c-small.json', customers: 10, vehicles: 2, makespan: 379.24, runtimeMs: 41, feasible: true },
+ { family: 'synthetic', instance: 'synth-20c-medium.json', customers: 20, vehicles: 3, makespan: 453.15, runtimeMs: 185, feasible: true },
+ { family: 'cordeau', instance: 'mdvrp-2d-16c.json', customers: 16, vehicles: 4, makespan: 153.99, runtimeMs: 105, feasible: true },
+ { family: 'cordeau', instance: 'mdvrp-3d-24c.json', customers: 24, vehicles: 6, makespan: 233.93, runtimeMs: 274, feasible: true },
+ { family: 'cordeau', instance: 'mdvrp-3d-48c.json', customers: 48, vehicles: 6, makespan: 497.79, runtimeMs: 1357, feasible: true },
+ { family: 'darp', instance: 'darp-12req-4veh.json', customers: 12, vehicles: 4, makespan: 250.64, runtimeMs: 68, feasible: true },
+ { family: 'salhi-nagy', instance: 'vrpb-30c.json', customers: 30, vehicles: 3, makespan: 357.25, runtimeMs: 864, feasible: true },
+ { family: 'lilim', instance: 'lc1_2_1.txt', customers: 106, vehicles: 50, makespan: 631.22, runtimeMs: 8895, feasible: true },
+];
+
+const SUMMARY = [
+ { k: '8', label: 'Benchmark families', icon: Layers },
+ { k: '350+', label: 'Tests · 85% coverage', icon: ShieldCheck },
+ { k: '< 10s', label: '50-cust synthetic', icon: Timer },
+ { k: '100%', label: 'Smoke feasibility', icon: Gauge },
+];
+
+export function Benchmarks(): React.ReactElement {
+ return (
+
+
+
+
+
— Performance
+
+ Numbers from a real
+
+
+
+ Reduced config (alns 50 · pop 100 · gen 50) keeps
+ the smoke under 30 seconds. Production defaults run 30k × 20k and
+ converge deeper.
+
+
+
+
+ {SUMMARY.map((s, i) => (
+
+
+ {s.k}
+
+
+ {s.label}
+
+
+ ))}
+
+
+
+
+
+
+ benchmarks/results/smoke-results.json
+
+
+
8 rows
+
+
+
+
+
+
+ Family
+ Instance
+ Customers
+ Vehicles
+ Makespan
+ Runtime
+ Feasible
+
+
+
+ {BENCHMARKS.map((r) => (
+
+
+
+
+
+
+ {r.instance}
+
+
+ {r.customers}
+
+
+ {r.vehicles}
+
+
+ {r.makespan.toFixed(2)}m
+
+
+ {r.runtimeMs < 1000
+ ? `${Math.round(r.runtimeMs)} ms`
+ : `${(r.runtimeMs / 1000).toFixed(2)} s`}
+
+
+ {r.feasible ? (
+
+
+ ) : (
+ —
+ )}
+
+
+ ))}
+
+
+
+
+
+ Reproduce locally with{' '}
+
+ npm run test:coverage
+ {' '}
+ — full suite in{' '}
+
+ benchmarks/
+
+ .
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/code-preview.tsx b/site/components/code-preview.tsx
new file mode 100644
index 0000000..e76f5fb
--- /dev/null
+++ b/site/components/code-preview.tsx
@@ -0,0 +1,298 @@
+'use client';
+
+import * as React from 'react';
+import { motion } from 'framer-motion';
+import { Terminal, Copy, Check, ArrowRight } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+type Tab = 'install' | 'quickstart' | 'cli' | 'json';
+
+const TABS: Array<{ id: Tab; label: string }> = [
+ { id: 'install', label: 'install' },
+ { id: 'quickstart', label: 'quickstart.ts' },
+ { id: 'cli', label: 'CLI' },
+ { id: 'json', label: 'problem.json' },
+];
+
+const SNIPPETS: Record = {
+ install: {
+ language: 'bash',
+ code: `# from npm
+npm install fleetpilot
+
+# or from source
+git clone https://github.com/sachncs/fleetpilot
+cd fleetpilot && npm install`,
+ },
+ quickstart: {
+ language: 'typescript',
+ code: `import {
+ FleetPilotSolver,
+ Problem,
+ LocationNode,
+ Customer,
+ Vehicle,
+} from 'fleetpilot';
+
+const nodes = {
+ 0: new LocationNode(0, 28.61, 77.23, 'Delhi Depot'),
+ 1: new LocationNode(1, 28.54, 77.20, 'Customer A · Drop'),
+ 2: new LocationNode(2, 28.56, 77.25, 'Customer A · Pick'),
+};
+
+const customers = [new Customer(1, 1, 2, 50)];
+const vehicles = [new Vehicle(1, 5)];
+
+const problem = new Problem(nodes, customers, vehicles, 0);
+const solver = new FleetPilotSolver(problem);
+
+const solution = await solver.solve({ maxTimeMs: 30_000 });
+console.log(\`Best makespan: \${solution.makespan.toFixed(2)} min\`);
+console.log(\`Feasible: \${solution.isFeasible()}\`);`,
+ },
+ cli: {
+ language: 'bash',
+ code: `# install the CLI
+npm install -g fleetpilot
+
+# solve a problem file
+fleetpilot --problem problem.json --output solution.json
+
+# stream progress while it runs
+fleetpilot --problem problem.json --progress
+
+# time-box the search
+fleetpilot --problem problem.json --max-time 30000`,
+ },
+ json: {
+ language: 'json',
+ code: `{
+ "nodes": [
+ { "id": 0, "x": 28.61, "y": 77.23, "name": "Delhi Depot" },
+ { "id": 1, "x": 28.54, "y": 77.20, "name": "Customer 1 Drop" },
+ { "id": 2, "x": 28.56, "y": 77.25, "name": "Customer 1 Pick" }
+ ],
+ "customers": [
+ { "id": 1, "deliveryNodeId": 1, "pickupNodeId": 2, "processingTime": 30 }
+ ],
+ "vehicles": [
+ { "id": 1, "capacity": 100, "costPerKm": 12, "co2PerKm": 0.15 }
+ ],
+ "depotNodeId": 0
+}`,
+ },
+};
+
+export function CodePreview(): React.ReactElement {
+ const [active, setActive] = React.useState('quickstart');
+ const [copied, setCopied] = React.useState(false);
+ const snippet = SNIPPETS[active];
+
+ const onCopy = React.useCallback(async () => {
+ try {
+ await navigator.clipboard.writeText(snippet.code);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 1800);
+ } catch {
+ /* ignore */
+ }
+ }, [snippet.code]);
+
+ return (
+
+
+
+
+
— API
+
+ One solver.
+
+ Three surfaces.
+
+
+
+ Call it from TypeScript, run it from the CLI, or feed it a JSON
+ file. Same engine, deterministic seed, predictable behavior across
+ Node and the browser.
+
+
+
+ {[
+ ['Node.js', 'Primary runtime. worker_threads for parallelism.'],
+ ['Browser', 'Web Worker bundle at fleetpilot/worker.'],
+ ['CLI', 'fleetpilot binary in PATH after global install.'],
+ ].map(([k, v]) => (
+
+
+ {k}
+
+
+ {v}
+
+
+ ))}
+
+
+
+ Full reference
+
+
+
+
+
+
+ {TABS.map((tab) => (
+ setActive(tab.id)}
+ className={cn(
+ 'relative whitespace-nowrap rounded-t-md px-3 py-2 text-[12px] font-medium transition-colors',
+ active === tab.id
+ ? 'text-[var(--fg)]'
+ : 'text-[var(--fg-muted)] hover:text-[var(--fg-soft)]',
+ )}
+ >
+ {tab.label}
+ {active === tab.id ? (
+
+ ))}
+
+
+ {copied ? (
+
+
+
+
+
+ {snippet.language}
+
+
+
+ ~{snippet.code.split('\n').length} lines
+
+
+
+
+
+
+
+ );
+}
+
+function highlight(code: string, lang: string): string {
+ const escape = (s: string): string =>
+ s
+ .replace(/&/g, '&')
+ .replace(//g, '>');
+
+ let html = escape(code);
+
+ const keyword = /\b(const|let|var|new|import|from|export|default|return|if|else|await|async|function|class|extends|implements|interface|type|public|private|protected|static|readonly|null|undefined|true|false|in|of|for|while|switch|case|break|continue|throw|try|catch|finally)\b/g;
+ const string = /(['"`])((?:\\.|(?!\1).)*)\1/g;
+ const number = /\b(\d[\d_]*(?:\.\d+)?)\b/g;
+ const comment = /(\/\/[^\n]*|#[^\n]*)/g;
+ const fn = /\b([a-zA-Z_$][\w$]*)\s*(?=\()/g;
+ const prop = /\.([a-zA-Z_$][\w$]*)/g;
+
+ if (lang === 'json') {
+ html = html
+ .replace(/"([^"]+)"(?=\s*:)/g, '"$1" ')
+ .replace(
+ /:\s*"([^"]*)"/g,
+ ': "$1" ',
+ )
+ .replace(number, '$1 ');
+ return html;
+ }
+
+ if (lang === 'bash') {
+ html = html
+ .replace(comment, '$1 ')
+ .replace(
+ /^(\s*)(npm|git|cd|npx|node|fleetpilot)(.*)$/gm,
+ '$1$2 $3',
+ )
+ .replace(
+ /(--[a-z-]+)/g,
+ '$1 ',
+ )
+ .replace(string, '$1$2$1 ');
+ return html;
+ }
+
+ html = html
+ .replace(comment, '$1 ')
+ .replace(string, '$1$2$1 ')
+ .replace(keyword, '$1 ')
+ .replace(number, '$1 ')
+ .replace(prop, '.$1 ')
+ .replace(fn, '$1 ');
+
+ return html;
+}
\ No newline at end of file
diff --git a/site/components/cta.tsx b/site/components/cta.tsx
new file mode 100644
index 0000000..d73451a
--- /dev/null
+++ b/site/components/cta.tsx
@@ -0,0 +1,88 @@
+'use client';
+
+import * as React from 'react';
+import Link from 'next/link';
+import { motion } from 'framer-motion';
+import { ArrowUpRight, Github, TerminalSquare, BookOpen } from 'lucide-react';
+
+export function Cta(): React.ReactElement {
+ return (
+
+
+
+
+
+
+
+
+
— Ship it
+
+ Stop guessing routes.
+
+ Start solving them.
+
+
+
+ One npm install puts a production-grade metaheuristic in your
+ backend. Bring your problem JSON, get a feasible plan back in
+ seconds — with full GIS export and analytics out of the box.
+
+
+
+
+
+
+ npm install fleetpilot
+
+
+
+
+ Open repository
+
+
+
+ Read the docs
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/features.tsx b/site/components/features.tsx
new file mode 100644
index 0000000..1b005ca
--- /dev/null
+++ b/site/components/features.tsx
@@ -0,0 +1,212 @@
+'use client';
+
+import * as React from 'react';
+import {
+ Clock4,
+ Building2,
+ TrafficCone,
+ ArrowLeftRight,
+ GitBranch,
+ Boxes,
+ BarChart3,
+ Cable,
+ Cog,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+type Feature = {
+ title: string;
+ body: string;
+ icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
+ accent: 'iris' | 'aurora' | 'amber' | 'indigo';
+ span?: 'tall' | 'wide';
+};
+
+const FEATURES: Feature[] = [
+ {
+ title: 'Resource-constrained pickup-and-delivery',
+ body: 'Each customer has a delivery node, a pickup node, and a processing window. Pickup cannot start until delivery completes — even across vehicles.',
+ icon: ArrowLeftRight,
+ accent: 'iris',
+ span: 'wide',
+ },
+ {
+ title: 'Time windows',
+ body: 'Earliest / latest delivery and pickup per customer. Soft penalties keep the search honest; feasibility flags surface violations.',
+ icon: Clock4,
+ accent: 'aurora',
+ },
+ {
+ title: 'Multi-depot',
+ body: 'Vehicles may start and end at different depots. Auto-detected from your problem JSON — no flag-flipping required.',
+ icon: Building2,
+ accent: 'indigo',
+ },
+ {
+ title: 'Traffic-aware routing',
+ body: 'Time-dependent travel times via a pluggable traffic model. Tune rush-hour multipliers per segment, simulate realistic congestion.',
+ icon: TrafficCone,
+ accent: 'amber',
+ },
+ {
+ title: 'Inter-vehicle transfers',
+ body: 'Exchange resources at hub nodes. Concurrency limits, directional permissions, transfer durations — all configurable.',
+ icon: Cable,
+ accent: 'iris',
+ },
+ {
+ title: 'Multi-objective',
+ body: 'Pareto-optimal fronts across makespan, distance, cost, and CO₂. Compare solutions with `SolutionComparator`.',
+ icon: GitBranch,
+ accent: 'aurora',
+ },
+ {
+ title: 'Parallel solvers',
+ body: 'Run ALNS and BRKGA concurrently via `worker_threads`. For evolutionary scale, enable island-model BRKGA with elite migration.',
+ icon: Boxes,
+ accent: 'indigo',
+ span: 'wide',
+ },
+ {
+ title: 'Analytics & GIS export',
+ body: 'Vehicle utilization, wait times, load profiles. GeoJSON, KML, and CSV — drop into QGIS, Google Earth, or Excel.',
+ icon: BarChart3,
+ accent: 'amber',
+ },
+ {
+ title: 'Deterministic by default',
+ body: 'Seeded mulberry32 RNG. Same problem, same solution — across runs, machines, and CI.',
+ icon: Cog,
+ accent: 'iris',
+ },
+];
+
+const ACCENT_CLASSES: Record<
+ Feature['accent'],
+ { bg: string; ring: string; fg: string; line: string }
+> = {
+ iris: {
+ bg: 'bg-[color-mix(in_oklab,var(--color-iris)_14%,transparent)]',
+ ring: 'ring-[color-mix(in_oklab,var(--color-iris)_30%,transparent)]',
+ fg: 'text-[var(--color-iris)]',
+ line: 'from-[var(--color-iris)]/0 via-[var(--color-iris)]/40 to-[var(--color-iris)]/0',
+ },
+ aurora: {
+ bg: 'bg-[color-mix(in_oklab,var(--color-aurora)_18%,transparent)]',
+ ring: 'ring-[color-mix(in_oklab,var(--color-aurora)_30%,transparent)]',
+ fg: 'text-[var(--color-aurora)]',
+ line: 'from-[var(--color-aurora)]/0 via-[var(--color-aurora)]/40 to-[var(--color-aurora)]/0',
+ },
+ amber: {
+ bg: 'bg-[color-mix(in_oklab,var(--color-amber-glow)_16%,transparent)]',
+ ring: 'ring-[color-mix(in_oklab,var(--color-amber-glow)_30%,transparent)]',
+ fg: 'text-[var(--color-amber-glow)]',
+ line: 'from-[var(--color-amber-glow)]/0 via-[var(--color-amber-glow)]/40 to-[var(--color-amber-glow)]/0',
+ },
+ indigo: {
+ bg: 'bg-[color-mix(in_oklab,var(--accent)_14%,transparent)]',
+ ring: 'ring-[color-mix(in_oklab,var(--accent)_30%,transparent)]',
+ fg: 'text-[var(--accent)]',
+ line: 'from-[var(--accent)]/0 via-[var(--accent)]/40 to-[var(--accent)]/0',
+ },
+};
+
+export function Features(): React.ReactElement {
+ return (
+
+
+
+
+
— Capabilities
+
+ Engineered for the parts of
+
+
+
+ Every feature is in the public API — no flag-flipping,
+ no proprietary modules, no “enterprise edition”. The same
+ solver that ships on npm is what your CI runs.
+
+
+
+
+ {FEATURES.map((feature) => (
+
+
+ );
+}
+
+function FeatureCard({ feature }: { feature: Feature }): React.ReactElement {
+ const accent = ACCENT_CLASSES[feature.accent];
+ const Icon = feature.icon;
+ const isWide = feature.span === 'wide';
+ const isTall = feature.span === 'tall';
+
+ return (
+
+
+
+
+
+
+
+ {String(FEATURES.indexOf(feature) + 1).padStart(2, '0')}
+
+
+
+ {feature.title}
+
+
+ {feature.body}
+
+
+ public api
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/hero.tsx b/site/components/hero.tsx
new file mode 100644
index 0000000..8f4dec6
--- /dev/null
+++ b/site/components/hero.tsx
@@ -0,0 +1,373 @@
+'use client';
+
+import * as React from 'react';
+import Link from 'next/link';
+import { motion, useReducedMotion } from 'framer-motion';
+import { ArrowRight, Sparkles, Github, TerminalSquare } from 'lucide-react';
+
+export function Hero(): React.ReactElement {
+ const prefersReducedMotion = useReducedMotion();
+
+ return (
+
+
+
+
+
+
+
+
+
+ v2.0 · ALNS + BRKGA · ISC license
+
+
+
+ Route optimization,
+ reimagined for
+
+ real fleets.
+
+
+
+
+ FleetPilot is a two-stage metaheuristic (ALNS + BRKGA) solver for
+ resource-constrained pickup-and-delivery — built for the chaos of
+ Indian logistics, tuned for the discipline of production systems.
+ Time windows, multi-depot, traffic-aware, fully deterministic.
+
+
+
+
+
+ npm install fleetpilot
+
+
+
+ Star on GitHub
+
+
+ Read the API
+
+
+
+
+
+ {[
+ { k: '≥ 30k', v: 'Population / solve', sub: 'BRKGA parallel islands' },
+ { k: '500', v: 'ALNS iterations', sub: 'adaptive destroy / repair' },
+ { k: '< 1 ms', v: 'Incremental checks', sub: 'O(1) RouteLoad decoder' },
+ ].map((stat) => (
+
+
+ {stat.k}
+
+
+ {stat.v}
+
+
+ {stat.sub}
+
+
+ ))}
+
+
+
+
+
+
+
+ synthetic-20c · makespan 453.15m · feasible
+
+ live render
+
+
+
+
+ );
+}
+
+function HeroVisual({
+ reducedMotion,
+}: {
+ reducedMotion: boolean;
+}): React.ReactElement {
+ const depot = { x: 110, y: 240 };
+ const stops: Array<{ x: number; y: number; k: 'D' | 'P'; label: string }> = [
+ { x: 230, y: 120, k: 'D', label: 'c1·D' },
+ { x: 330, y: 200, k: 'P', label: 'c1·P' },
+ { x: 460, y: 90, k: 'D', label: 'c2·D' },
+ { x: 590, y: 220, k: 'P', label: 'c2·P' },
+ { x: 180, y: 380, k: 'D', label: 'c3·D' },
+ { x: 360, y: 420, k: 'P', label: 'c3·P' },
+ { x: 540, y: 360, k: 'D', label: 'c4·D' },
+ { x: 640, y: 460, k: 'P', label: 'c4·P' },
+ ];
+
+ const routeA = [depot, stops[0], stops[1], stops[4], stops[5], depot];
+ const routeB = [depot, stops[2], stops[3], stops[6], stops[7], depot];
+
+ const accentA = 'var(--accent)';
+ const accentB = 'var(--color-aurora)';
+ const gridPath = (pts: typeof routeA) =>
+ pts.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`).join(' ');
+
+ return (
+
+
+
+
+
+
+ Solve preview
+
+ 20 customers · 3 vehicles · 2 routes shown
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ D0
+
+
+
+ {stops.map((s) => (
+
+
+ {s.k}
+
+
+ ))}
+
+
+
+
+ iter 1,247 / 500 · best 453.15m
+
+
+
+
+ optimizing
+
+
+
+
+
+ {[
+ { k: 'Feasible', v: '✓' },
+ { k: 'Customers', v: '20' },
+ { k: 'Runtime', v: '185 ms' },
+ ].map((m) => (
+
+ {m.k}
+ {m.v}
+
+ ))}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/how-it-works.tsx b/site/components/how-it-works.tsx
new file mode 100644
index 0000000..f534da9
--- /dev/null
+++ b/site/components/how-it-works.tsx
@@ -0,0 +1,134 @@
+'use client';
+
+import * as React from 'react';
+import { motion } from 'framer-motion';
+import { MapPin, Boxes, Play, ArrowRight } from 'lucide-react';
+
+const STEPS = [
+ {
+ n: '01',
+ title: 'Define the problem',
+ body: 'Drop depots and customer stops on a map. Add customers with delivery + pickup nodes, processing times, optional time windows. Configure vehicles with capacity, cost, and CO₂ per km.',
+ icon: MapPin,
+ accent: 'var(--accent)',
+ },
+ {
+ n: '02',
+ title: 'Solve with the metaheuristic',
+ body: 'Call `solve()` once. ALNS adapts destroy / repair operators across the search; BRKGA evolves a 4n-gene chromosome, warm-started from the ALNS solution. Parallel islands via worker threads.',
+ icon: Boxes,
+ accent: 'var(--color-aurora)',
+ },
+ {
+ n: '03',
+ title: 'Simulate and ship',
+ body: 'Replay the solved routes on a map. Watch vehicles move, ETAs tick, deliveries flow into pickups. Export to GeoJSON, KML, or CSV — drop straight into QGIS or Google Earth.',
+ icon: Play,
+ accent: 'var(--color-iris)',
+ },
+];
+
+export function HowItWorks(): React.ReactElement {
+ return (
+
+
+
+
+
— Workflow
+
+ From a map full of pins
+
+ in three moves.
+
+
+
+ The web console lives at{' '}
+
+ frontend/
+ {' '}
+ — but the solver behind it is the same npm package you can call
+ from a backend in a single line.
+
+
+
+
+
+
+
+ );
+}
+
+function Step({
+ step,
+ index,
+}: {
+ step: (typeof STEPS)[number];
+ index: number;
+}): React.ReactElement {
+ const Icon = step.icon;
+ return (
+
+
+
+
+
+
+ step {step.n}
+
+
+
+ {step.title}
+
+
+ {step.body}
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/site-footer.tsx b/site/components/site-footer.tsx
new file mode 100644
index 0000000..f37c5ab
--- /dev/null
+++ b/site/components/site-footer.tsx
@@ -0,0 +1,184 @@
+import * as React from 'react';
+import Link from 'next/link';
+import { Github, Package, ShieldCheck } from 'lucide-react';
+
+type FooterLink = { label: string; href: string; external?: boolean };
+
+const SECTIONS: Array<{ title: string; links: FooterLink[] }> = [
+ {
+ title: 'Product',
+ links: [
+ { label: 'Features', href: '#features' },
+ { label: 'Algorithms', href: '#algorithms' },
+ { label: 'Workflow', href: '#workflow' },
+ { label: 'Benchmarks', href: '#benchmarks' },
+ { label: 'API', href: '#api' },
+ ],
+ },
+ {
+ title: 'Resources',
+ links: [
+ {
+ label: 'GitHub repository',
+ href: 'https://github.com/sachncs/fleetpilot',
+ external: true,
+ },
+ {
+ label: 'npm package',
+ href: 'https://www.npmjs.com/package/fleetpilot',
+ external: true,
+ },
+ {
+ label: 'API documentation',
+ href: 'https://github.com/sachncs/fleetpilot#api',
+ external: true,
+ },
+ {
+ label: 'Paper · arXiv:2602.23685',
+ href: 'https://arxiv.org/abs/2602.23685',
+ external: true,
+ },
+ ],
+ },
+ {
+ title: 'Project',
+ links: [
+ { label: 'Roadmap', href: 'https://github.com/sachncs/fleetpilot#roadmap', external: true },
+ { label: 'Changelog', href: 'https://github.com/sachncs/fleetpilot/blob/master/CHANGELOG.md', external: true },
+ { label: 'Contributing', href: 'https://github.com/sachncs/fleetpilot/blob/master/CONTRIBUTING.md', external: true },
+ { label: 'Security', href: 'https://github.com/sachncs/fleetpilot/blob/master/SECURITY.md', external: true },
+ ],
+ },
+ {
+ title: 'Community',
+ links: [
+ { label: 'Issues', href: 'https://github.com/sachncs/fleetpilot/issues', external: true },
+ { label: 'Discussions', href: 'https://github.com/sachncs/fleetpilot/discussions', external: true },
+ { label: 'Code of Conduct', href: 'https://github.com/sachncs/fleetpilot/blob/master/CODE_OF_CONDUCT.md', external: true },
+ { label: 'Support', href: 'https://github.com/sachncs/fleetpilot/blob/master/SUPPORT.md', external: true },
+ ],
+ },
+];
+
+export function SiteFooter(): React.ReactElement {
+ return (
+
+
+
+
+
+
+
+ FleetPilot
+
+
+
+ Two-stage metaheuristic for resource-constrained
+ pickup-and-delivery. Open source under the ISC license.
+
+
+
+
+
+ {SECTIONS.map((section) => (
+
+
+ {section.title}
+
+
+ {section.links.map((link) => (
+
+
+ ))}
+
+
+ ))}
+
+
+
+
+
+ © 2026 Sachin · FleetPilot
+ ·
+ ISC License
+ ·
+ Built in India
+
+
+
+
+
+ );
+}
+
+function Pill({
+ icon: Icon,
+ label,
+ href,
+}: {
+ icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
+ label: string;
+ href: string;
+}): React.ReactElement {
+ return (
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/site-nav.tsx b/site/components/site-nav.tsx
new file mode 100644
index 0000000..945c930
--- /dev/null
+++ b/site/components/site-nav.tsx
@@ -0,0 +1,187 @@
+'use client';
+
+import * as React from 'react';
+import Link from 'next/link';
+import { Menu, Moon, Sun, X, ArrowUpRight } from 'lucide-react';
+import { useTheme } from '@/components/theme-provider';
+import { cn } from '@/lib/utils';
+
+const NAV_LINKS = [
+ { href: '#features', label: 'Features' },
+ { href: '#algorithms', label: 'Algorithms' },
+ { href: '#workflow', label: 'Workflow' },
+ { href: '#benchmarks', label: 'Benchmarks' },
+ { href: '#api', label: 'API' },
+] as const;
+
+export function SiteNav(): React.ReactElement {
+ const { theme, toggle, mounted } = useTheme();
+ const [scrolled, setScrolled] = React.useState(false);
+ const [open, setOpen] = React.useState(false);
+
+ React.useEffect(() => {
+ const onScroll = (): void => setScrolled(window.scrollY > 8);
+ onScroll();
+ window.addEventListener('scroll', onScroll, { passive: true });
+ return () => window.removeEventListener('scroll', onScroll);
+ }, []);
+
+ React.useEffect(() => {
+ document.body.style.overflow = open ? 'hidden' : '';
+ return () => {
+ document.body.style.overflow = '';
+ };
+ }, [open]);
+
+ return (
+
+
+
+
+
+ FleetPilot
+
+
+ v2.0
+
+
+
+
+ {NAV_LINKS.map((link) => (
+
+
+
+
+ {mounted && theme === 'dark' ? (
+
+
+ GitHub
+
+
+
+ npm i fleetpilot
+
+
setOpen((v) => !v)}
+ className="grid size-9 place-items-center rounded-full border border-[var(--line-strong)] bg-[var(--bg-elev)] md:hidden"
+ >
+ {open ? (
+
+
+
+
+ {NAV_LINKS.map((link) => (
+
setOpen(false)}
+ className="display flex items-center justify-between rounded-2xl border border-[var(--line)] bg-[var(--bg-elev)] px-4 py-3 text-base font-medium"
+ >
+ {link.label}
+
+
+ ))}
+
setOpen(false)}
+ className="btn-primary mt-2 justify-center"
+ >
+ npm i fleetpilot
+
+
+
+ );
+}
+
+function Logomark({ className }: { className?: string }): React.ReactElement {
+ return (
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/site/components/theme-provider.tsx b/site/components/theme-provider.tsx
new file mode 100644
index 0000000..6618cd4
--- /dev/null
+++ b/site/components/theme-provider.tsx
@@ -0,0 +1,78 @@
+'use client';
+
+import * as React from 'react';
+
+type Theme = 'light' | 'dark';
+
+type ThemeContextValue = {
+ theme: Theme;
+ setTheme: (theme: Theme) => void;
+ toggle: () => void;
+ mounted: boolean;
+};
+
+const ThemeContext = React.createContext(null);
+
+const STORAGE_KEY = 'fleetpilot-theme';
+
+function readInitialTheme(): Theme {
+ if (typeof window === 'undefined') return 'dark';
+ const stored = window.localStorage.getItem(STORAGE_KEY) as Theme | null;
+ if (stored === 'light' || stored === 'dark') return stored;
+ const prefersDark = window.matchMedia(
+ '(prefers-color-scheme: dark)',
+ ).matches;
+ return prefersDark ? 'dark' : 'light';
+}
+
+export function ThemeProvider({
+ children,
+}: {
+ children: React.ReactNode;
+}): React.ReactElement {
+ const [theme, setThemeState] = React.useState('dark');
+ const [mounted, setMounted] = React.useState(false);
+
+ React.useEffect(() => {
+ const initial = readInitialTheme();
+ setThemeState(initial);
+ document.documentElement.classList.toggle('dark', initial === 'dark');
+ setMounted(true);
+ }, []);
+
+ const setTheme = React.useCallback((next: Theme) => {
+ setThemeState(next);
+ document.documentElement.classList.toggle('dark', next === 'dark');
+ try {
+ window.localStorage.setItem(STORAGE_KEY, next);
+ } catch {
+ /* ignore */
+ }
+ }, []);
+
+ const toggle = React.useCallback(() => {
+ setTheme(theme === 'dark' ? 'light' : 'dark');
+ }, [theme, setTheme]);
+
+ const value = React.useMemo(
+ () => ({ theme, setTheme, toggle, mounted }),
+ [theme, setTheme, toggle, mounted],
+ );
+
+ return (
+
+
+ {children}
+
+
+ );
+}
+
+export function useTheme(): ThemeContextValue {
+ const ctx = React.useContext(ThemeContext);
+ if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
+ return ctx;
+}
\ No newline at end of file
diff --git a/site/components/trust-bar.tsx b/site/components/trust-bar.tsx
new file mode 100644
index 0000000..48c2131
--- /dev/null
+++ b/site/components/trust-bar.tsx
@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { Star, GitFork, ShieldCheck, Cpu, ScrollText, Package } from 'lucide-react';
+
+const ITEMS = [
+ {
+ icon: Package,
+ label: 'npm',
+ value: 'fleetpilot',
+ href: 'https://www.npmjs.com/package/fleetpilot',
+ },
+ {
+ icon: Star,
+ label: 'GitHub',
+ value: 'sachncs/fleetpilot',
+ href: 'https://github.com/sachncs/fleetpilot',
+ },
+ {
+ icon: ShieldCheck,
+ label: 'License',
+ value: 'ISC',
+ href: 'https://github.com/sachncs/fleetpilot/blob/master/LICENSE',
+ },
+ {
+ icon: Cpu,
+ label: 'Runtime',
+ value: 'Node ≥ 26 · Browser',
+ href: 'https://github.com/sachncs/fleetpilot',
+ },
+ {
+ icon: ScrollText,
+ label: 'Cite',
+ value: 'arXiv:2602.23685',
+ href: 'https://arxiv.org/abs/2602.23685',
+ },
+ {
+ icon: GitFork,
+ label: 'Tests',
+ value: '350+ · coverage 85%',
+ href: 'https://github.com/sachncs/fleetpilot',
+ },
+];
+
+export function TrustBar(): React.ReactElement {
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/site/lib/utils.ts b/site/lib/utils.ts
new file mode 100644
index 0000000..876db36
--- /dev/null
+++ b/site/lib/utils.ts
@@ -0,0 +1,44 @@
+type ClassValue =
+ | string
+ | number
+ | null
+ | undefined
+ | false
+ | ClassValue[]
+ | { [key: string]: boolean | null | undefined | string };
+
+function toVal(mix: ClassValue): string {
+ if (!mix) return '';
+ if (typeof mix === 'string' || typeof mix === 'number') return String(mix);
+ if (Array.isArray(mix)) return mix.map(toVal).filter(Boolean).join(' ');
+ if (typeof mix === 'object') {
+ return Object.entries(mix)
+ .filter(([, v]) => Boolean(v))
+ .map(([k]) => k)
+ .join(' ');
+ }
+ return '';
+}
+
+export function cn(...inputs: ClassValue[]): string {
+ return inputs.map(toVal).filter(Boolean).join(' ');
+}
+
+export function formatNumber(n: number): string {
+ if (!Number.isFinite(n)) return '—';
+ if (Math.abs(n) >= 1000) {
+ return n.toLocaleString('en-US', { maximumFractionDigits: 0 });
+ }
+ return n.toLocaleString('en-US', { maximumFractionDigits: 1 });
+}
+
+export function formatMs(ms: number): string {
+ if (!Number.isFinite(ms)) return '—';
+ if (ms < 1000) return `${Math.round(ms)} ms`;
+ return `${(ms / 1000).toFixed(2)} s`;
+}
+
+export function formatPercent(value: number, total: number): string {
+ if (!total) return '0%';
+ return `${Math.round((value / total) * 100)}%`;
+}
\ No newline at end of file
diff --git a/site/next-env.d.ts b/site/next-env.d.ts
new file mode 100644
index 0000000..830fb59
--- /dev/null
+++ b/site/next-env.d.ts
@@ -0,0 +1,6 @@
+///
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/public/logo.svg b/site/public/logo.svg
new file mode 100644
index 0000000..2fd3cdb
--- /dev/null
+++ b/site/public/logo.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/site/public/manifest.json b/site/public/manifest.json
new file mode 100644
index 0000000..be7f119
--- /dev/null
+++ b/site/public/manifest.json
@@ -0,0 +1,17 @@
+{
+ "name": "FleetPilot",
+ "short_name": "FleetPilot",
+ "description": "Route optimization for Indian logistics — ALNS + BRKGA metaheuristic.",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#0b0d12",
+ "theme_color": "#0b0d12",
+ "icons": [
+ {
+ "src": "/favicon.svg",
+ "sizes": "any",
+ "type": "image/svg+xml",
+ "purpose": "any"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/assets/social-preview.png b/site/public/og.png
similarity index 100%
rename from assets/social-preview.png
rename to site/public/og.png
diff --git a/site/public/robots.txt b/site/public/robots.txt
new file mode 100644
index 0000000..bb3ce3a
--- /dev/null
+++ b/site/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://fleetpilot.sachncs.com/sitemap.xml
\ No newline at end of file
diff --git a/site/tsconfig.json b/site/tsconfig.json
new file mode 100644
index 0000000..b55ff4c
--- /dev/null
+++ b/site/tsconfig.json
@@ -0,0 +1,28 @@
+{
+ "compilerOptions": {
+ "target": "ES2022",
+ "lib": ["dom", "dom.iterable", "ES2022"],
+ "allowJs": false,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [{ "name": "next" }],
+ "paths": {
+ "@/*": ["./*"]
+ }
+ },
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts"
+ ],
+ "exclude": ["node_modules", ".next", "dist"]
+}
\ No newline at end of file