first commit

src/app/globals.css

@@ -0,0 +1,125 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #0f1b3d;
+  --muted: #5b6475;
+  --accent: #f26b1d;
+  --accent-hover: #dd5c10;
+  --primary: #f26b1d;
+  --primary-foreground: #ffffff;
+  --primary-hover: #dd5c10;
+  --outline: #d9dee8;
+  --outline-bg: #ffffff;
+  --outline-hover: #f4f6fa;
+  --frame: #e6e9ef;
+  --card: #f3f6fb;
+  --icon: #3b6fd8;
+  --divider: #e3e7ee;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-muted: var(--muted);
+  --color-accent: var(--accent);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary-hover: var(--primary-hover);
+  --color-outline: var(--outline);
+  --color-outline-bg: var(--outline-bg);
+  --color-outline-hover: var(--outline-hover);
+  --color-frame: var(--frame);
+  --color-card: var(--card);
+  --color-icon: var(--icon);
+  --color-divider: var(--divider);
+  --font-sans: var(--font-archivo);
+
+  --animate-marquee: marquee 40s linear infinite;
+  --animate-fade-up: fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
+  --animate-float-1: float-1 5s ease-in-out infinite;
+  --animate-float-2: float-2 6.5s ease-in-out infinite;
+  --animate-float-3: float-3 5.8s ease-in-out infinite;
+  --animate-brain-drift: brain-drift 7s ease-in-out infinite;
+
+  @keyframes marquee {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-50%);
+    }
+  }
+
+  @keyframes fade-up {
+    from {
+      opacity: 0;
+      transform: translateY(1.5rem);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes float-1 {
+    0%, 100% {
+      transform: translate(0, 0) rotate(0deg);
+    }
+    50% {
+      transform: translate(0, -14px) rotate(-1deg);
+    }
+  }
+
+  @keyframes float-2 {
+    0%, 100% {
+      transform: translate(0, 0) rotate(0deg);
+    }
+    50% {
+      transform: translate(0, 12px) rotate(1.5deg);
+    }
+  }
+
+  @keyframes float-3 {
+    0%, 100% {
+      transform: translate(0, 0) rotate(0deg);
+    }
+    50% {
+      transform: translate(0, -10px) rotate(1deg);
+    }
+  }
+
+  @keyframes brain-drift {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-8px);
+    }
+  }
+}
+
+html {
+  color-scheme: light;
+  scroll-behavior: smooth;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

src/app/layout.tsx

@@ -0,0 +1,24 @@
+import type { Metadata } from "next";
+import { Archivo } from "next/font/google";
+import "./globals.css";
+
+// Variable font: omitting `weight` loads the full weight axis
+const archivo = Archivo({
+  variable: "--font-archivo",
+  subsets: ["latin"],
+  axes: ["wdth"],
+});
+
+export const metadata: Metadata = {
+  title: "VOYAGER — Book, Manage, Grow",
+  description: "AI-Powered Tour Operator & Transportation Management Software",
+  icons: { icon: "/logo-light.png" },
+};
+
+export default function RootLayout({ children }: LayoutProps<"/">) {
+  return (
+    <html lang="en" className={`${archivo.variable} h-full antialiased`}>
+      <body className="min-h-full flex flex-col font-sans">{children}</body>
+    </html>
+  );
+}

src/app/page.tsx

@@ -0,0 +1,47 @@
+import { Navbar } from "@/components/navbar";
+import { Hero } from "@/components/hero";
+import { Partners } from "@/components/partners";
+import { Platform } from "@/components/platform";
+import { VoyagerDifference } from "@/components/voyager-difference";
+import { TourBooking } from "@/components/tour-booking";
+import { VoyagerAI } from "@/components/voyager-ai";
+import { TourOperations } from "@/components/tour-operations";
+import { CRM } from "@/components/crm";
+import { OTADistribution } from "@/components/ota-distribution";
+import { RentalManagement } from "@/components/rental-management";
+import { PaymentsRevenue } from "@/components/payments-revenue";
+import { MarketingGrowth } from "@/components/marketing-growth";
+import { Solutions } from "@/components/solutions";
+import { Pricing } from "@/components/pricing";
+import { Integrations } from "@/components/integrations";
+import { CustomerStories } from "@/components/customer-stories";
+import { About } from "@/components/about";
+import { Footer } from "@/components/footer";
+
+export default function Home() {
+  return (
+    <>
+      <Navbar />
+      <main className="flex-1 overflow-x-clip">
+        <Hero />
+        <Partners />
+        <Platform />
+        <VoyagerDifference />
+        <TourBooking />
+        <VoyagerAI />
+        <TourOperations />
+        <CRM />
+        <OTADistribution />
+        <RentalManagement />
+        <PaymentsRevenue />
+        <MarketingGrowth />
+        <Solutions />
+        <Pricing />
+        <Integrations />
+        <CustomerStories />
+        <About />
+      </main>
+      <Footer />
+    </>
+  );
+}