diff --git a/README.md b/README.md
index e215bc4..e8d2a53 100644
--- a/README.md
+++ b/README.md
@@ -1,36 +1,66 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Vertex landing page starter
 
-## Getting Started
+A single-page AI SaaS landing page built with Next.js, TypeScript, Tailwind CSS, shadcn/ui, Magic UI, and next-themes. Includes light/dark themes, animated feature visuals, pricing tabs, and testimonial marquees.
 
-First, run the development server:
+## Getting started
+
+Use the repository's pinned Yarn version:
 
 ```bash
-npm run dev
-# or
+yarn install
 yarn dev
-# or
-pnpm dev
-# or
-bun dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open the local URL printed by Next.js. To use a specific port, run `yarn dev --port 3002`.
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+## Folder organization
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+```text
+app/
+  page.tsx                  # Page frame and section order
+  layout.tsx                # Metadata, Geist fonts, and theme provider
+  globals.css               # Theme tokens, animations, and frame styles
+components/
+  layout/                   # Header, footer, theme provider, and toggle
+  sections/
+    hero-section.tsx
+    logos-section.tsx
+    features-section.tsx
+    features/               # Terminal, orbit, activity list, chart, globe
+    developers-section.tsx
+    reliability-section.tsx
+    pricing-section.tsx
+    testimonials-section.tsx
+    cta-section.tsx
+  shared/                   # Brand, headings, frame crosses, reusable copy/cards
+  ui/                       # shadcn/ui and Magic UI primitives
+hooks/                      # Shared hooks
+lib/                        # Utilities
+public/                     # Brand logo and Open Graph image
+```
 
-## Learn More
+Each section is a named component imported directly into `app/page.tsx`. Reorder or remove its component there to change the page composition. Sections retain the shared page frame, borders, and responsive spacing.
 
-To learn more about Next.js, take a look at the following resources:
+Copy, logo URLs, sample metrics, plans, and testimonials live in the components that use them. There is no separate content or site configuration layer. Feature-specific data lives beside its visual in `components/sections/features/`.
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+Pricing owns its billing state. Theme controls and JavaScript-driven visuals keep their own client boundaries; the page composition and static sections do not need a page-wide client component.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+## Customizing the template
 
-## Deploy on Vercel
+- Edit section copy and data in `components/sections/`.
+- Edit navigation and footer links in `components/layout/`.
+- Change the wordmark in `components/shared/brand.tsx` and replace `public/logo.svg`.
+- Adjust colors, typography tokens, and decorative effects in `app/globals.css`.
+- Update metadata in `app/layout.tsx`, the favicon in `app/favicon.ico`, and the social preview in `public/og.png`. Set `NEXT_PUBLIC_SITE_URL` to your site's origin when publishing.
+- Logos and portrait photos are loaded from `https://sb.frontend.co`. Update the source URLs in their components and `images.remotePatterns` in `next.config.js` if using another host.
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+Testimonials, portraits, metrics, and pricing are sample content, not verified customer endorsements or service guarantees. Replace them and connect the placeholder signup, sales, status, and privacy links before publishing.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+## Checks and production build
+
+```bash
+yarn lint
+yarn tsc --noEmit
+yarn build
+yarn start
+```
diff --git a/app/layout.tsx b/app/layout.tsx
index 7b34669..357efbe 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/components/layout/theme-provider";
 import "./globals.css";
 
 const geistSans = Geist({
diff --git a/app/page.tsx b/app/page.tsx
index d81ff3f..51cb699 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,29 @@
-import { VertexLandingPage } from "@/components/vertex-landing"
+import { SiteFooter } from "@/components/layout/site-footer"
+import { SiteHeader } from "@/components/layout/site-header"
+import { CtaSection } from "@/components/sections/cta-section"
+import { DevelopersSection } from "@/components/sections/developers-section"
+import { FeaturesSection } from "@/components/sections/features-section"
+import { HeroSection } from "@/components/sections/hero-section"
+import { LogosSection } from "@/components/sections/logos-section"
+import { PricingSection } from "@/components/sections/pricing-section"
+import { ReliabilitySection } from "@/components/sections/reliability-section"
+import { TestimonialsSection } from "@/components/sections/testimonials-section"
 
 export default function Home() {
-  return <VertexLandingPage />
+  return (
+    <div className="min-h-screen bg-background text-foreground selection:bg-blue-600 selection:text-white">
+      <SiteHeader />
+      <main id="top" className="mx-auto max-w-[1280px] border-x">
+        <HeroSection />
+        <LogosSection />
+        <FeaturesSection />
+        <DevelopersSection />
+        <ReliabilitySection />
+        <PricingSection />
+        <TestimonialsSection />
+        <CtaSection />
+        <SiteFooter />
+      </main>
+    </div>
+  )
 }
diff --git a/components/layout/site-footer.tsx b/components/layout/site-footer.tsx
new file mode 100644
index 0000000..6d3c792
--- /dev/null
+++ b/components/layout/site-footer.tsx
@@ -0,0 +1,26 @@
+import { Brand } from "@/components/shared/brand"
+
+export function SiteFooter() {
+  return (
+    <footer className="px-6 py-10 sm:px-10">
+      <div className="flex flex-col gap-8 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <Brand />
+          <p className="mt-3 max-w-sm text-xs leading-5 text-muted-foreground">
+            The unified gateway for production AI applications.
+          </p>
+        </div>
+        <div className="flex flex-wrap gap-x-6 gap-y-3 text-xs text-muted-foreground">
+          <a className="hover:text-foreground" href="#models">Models</a>
+          <a className="hover:text-foreground" href="#developers">Docs</a>
+          <a className="hover:text-foreground" href="#pricing">Pricing</a>
+          <a className="hover:text-foreground" href="#top">Status</a>
+          <a className="hover:text-foreground" href="#top">Privacy</a>
+        </div>
+      </div>
+      <div className="mt-10 text-[11px] text-muted-foreground">
+        <span>© 2026 Vertex, Inc. All rights reserved.</span>
+      </div>
+    </footer>
+  )
+}
diff --git a/components/layout/site-header.tsx b/components/layout/site-header.tsx
new file mode 100644
index 0000000..129b24b
--- /dev/null
+++ b/components/layout/site-header.tsx
@@ -0,0 +1,43 @@
+import { ChevronDown, ChevronRight } from "lucide-react"
+
+import { ThemeToggle } from "@/components/layout/theme-toggle"
+import { Brand } from "@/components/shared/brand"
+
+export function SiteHeader() {
+  return (
+    <header className="sticky top-0 z-50 w-full border-b bg-background/86 backdrop-blur-xl supports-[backdrop-filter]:bg-background/74">
+      <div className="mx-auto flex h-16 max-w-[1280px] items-center justify-between px-5 sm:px-8">
+        <a href="#top" aria-label="Vertex home">
+          <Brand />
+        </a>
+        <nav aria-label="Main navigation" className="hidden items-center gap-8 md:flex lg:gap-10">
+          {[
+            ["Products", "#features"],
+            ["Models", "#models"],
+            ["Features", "#features"],
+            ["Pricing", "#pricing"],
+            ["Docs", "#developers"],
+          ].map(([label, href]) => (
+            <a
+              key={label}
+              href={href}
+              className="inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground"
+            >
+              {label}
+              {label === "Products" && <ChevronDown className="size-3" />}
+            </a>
+          ))}
+        </nav>
+        <div className="flex items-center gap-2">
+          <ThemeToggle />
+          <a
+            href="#pricing"
+            className="hidden h-9 items-center gap-1.5 rounded-sm bg-blue-600 px-4 text-xs font-medium text-white shadow-[0_6px_24px_rgba(23,61,166,.28)] transition hover:bg-blue-500 sm:inline-flex"
+          >
+            Get started <ChevronRight className="size-3.5" />
+          </a>
+        </div>
+      </div>
+    </header>
+  )
+}
diff --git a/components/theme-provider.tsx b/components/layout/theme-provider.tsx
similarity index 100%
rename from components/theme-provider.tsx
rename to components/layout/theme-provider.tsx
diff --git a/components/theme-toggle.tsx b/components/layout/theme-toggle.tsx
similarity index 100%
rename from components/theme-toggle.tsx
rename to components/layout/theme-toggle.tsx
diff --git a/components/sections/cta-section.tsx b/components/sections/cta-section.tsx
new file mode 100644
index 0000000..3d188e8
--- /dev/null
+++ b/components/sections/cta-section.tsx
@@ -0,0 +1,31 @@
+import { VertexMark } from "@/components/shared/brand"
+import { FrameCrosses } from "@/components/shared/frame-crosses"
+import { FlickeringGrid } from "@/components/ui/flickering-grid"
+
+export function CtaSection() {
+  return (
+    <section className="relative border-b">
+      <FrameCrosses />
+      <div className="relative overflow-hidden px-6 py-24 text-center sm:px-10 sm:py-28">
+        <FlickeringGrid
+          className="absolute inset-0 [mask-image:radial-gradient(420px_circle_at_center,white,transparent)]"
+          squareSize={3}
+          gridGap={7}
+          color="#173DA6"
+          maxOpacity={0.42}
+          flickerChance={0.08}
+        />
+        <div className="relative z-10 mx-auto max-w-3xl">
+          <VertexMark className="mx-auto mb-7 size-12" />
+          <h2 className="text-balance text-4xl font-medium tracking-[-0.055em] sm:text-5xl md:text-6xl">
+            Build on every model.
+            <span className="block text-blue-600 dark:text-blue-400">Ship through one API.</span>
+          </h2>
+          <p className="mx-auto mt-5 max-w-lg text-sm leading-6 text-muted-foreground sm:text-base">
+            Your models will change. Your infrastructure doesn’t have to.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/developers-section.tsx b/components/sections/developers-section.tsx
new file mode 100644
index 0000000..00e30e2
--- /dev/null
+++ b/components/sections/developers-section.tsx
@@ -0,0 +1,41 @@
+import { Code2, Gauge, Workflow } from "lucide-react"
+
+import { SectionHeading } from "@/components/shared/section-heading"
+import { cn } from "@/lib/utils"
+
+export function DevelopersSection() {
+  return (
+    <section id="developers" className="border-b">
+      <SectionHeading
+        eyebrow="Start in minutes"
+        title="A simpler path to production AI"
+        description="Your application stays focused on the product. Vertex handles the shifting model landscape underneath."
+      />
+      <div className="grid md:grid-cols-3">
+        {[
+          {
+            icon: Code2,
+            title: "Change one base URL",
+            text: "Keep your existing OpenAI-compatible SDK, payloads, and streaming logic.",
+          },
+          {
+            icon: Workflow,
+            title: "Set a routing policy",
+            text: "Choose a model directly or let Vertex optimize for cost, quality, or latency.",
+          },
+          {
+            icon: Gauge,
+            title: "Observe every request",
+            text: "Trace performance and spend across models, applications, and environments.",
+          },
+        ].map((step, index) => (
+          <article key={step.title} className={cn("relative p-8 sm:p-10", index < 2 && "border-b md:border-b-0 md:border-r")}>
+            <step.icon className="size-6" />
+            <h3 className="mt-5 text-lg font-medium tracking-tight">{step.title}</h3>
+            <p className="mt-2 text-sm leading-6 text-muted-foreground">{step.text}</p>
+          </article>
+        ))}
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/features-section.tsx b/components/sections/features-section.tsx
new file mode 100644
index 0000000..9422ce4
--- /dev/null
+++ b/components/sections/features-section.tsx
@@ -0,0 +1,63 @@
+import { ApiTerminal } from "@/components/sections/features/api-terminal"
+import { GlobalGlobe } from "@/components/sections/features/global-globe"
+import { IntegrationOrbit } from "@/components/sections/features/integration-orbit"
+import { RoutingActivity } from "@/components/sections/features/routing-activity"
+import { UsageChart } from "@/components/sections/features/usage-chart"
+import { FeatureCopy } from "@/components/shared/feature-copy"
+import { SectionHeading } from "@/components/shared/section-heading"
+
+export function FeaturesSection() {
+  return (
+    <section id="features" className="border-b">
+      <SectionHeading
+        eyebrow="The gateway layer"
+        title="Infrastructure for model choice"
+        description="Everything you need to move quickly across models without giving up reliability, control, or visibility."
+      />
+
+      <div className="grid lg:grid-cols-12">
+        <article className="flex min-h-[520px] flex-col border-b lg:col-span-7 lg:border-r">
+          <ApiTerminal />
+          <FeatureCopy
+            title="One compatible endpoint"
+            description="Use the OpenAI SDK you already know. Change one base URL and reach every supported model."
+          />
+        </article>
+
+        <article className="flex min-h-[520px] flex-col border-b lg:col-span-5">
+          <IntegrationOrbit />
+          <FeatureCopy
+            title="Seamless integrations"
+            description="Connect your favorite tools and bring AI into the workflows your team already uses."
+          />
+        </article>
+
+        <article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
+          <RoutingActivity />
+          <FeatureCopy
+            title="Automatic failover"
+            description="Keep requests moving through rate limits, outages, and changing provider availability."
+          />
+        </article>
+
+        <article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
+          <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
+            <UsageChart />
+          </div>
+          <FeatureCopy
+            title="Unified cost and latency"
+            description="Compare providers, trace every request, and control spend from one clear operating view."
+          />
+        </article>
+
+        <article className="flex min-h-[430px] flex-col lg:col-span-4">
+          <GlobalGlobe />
+          <FeatureCopy
+            title="Global inference gateway"
+            description="Route requests through the nearest healthy region for consistently fast model access."
+          />
+        </article>
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/features/api-terminal.tsx b/components/sections/features/api-terminal.tsx
new file mode 100644
index 0000000..2946a81
--- /dev/null
+++ b/components/sections/features/api-terminal.tsx
@@ -0,0 +1,34 @@
+"use client"
+
+import {
+  AnimatedSpan,
+  Terminal,
+  TypingAnimation,
+} from "@/components/ui/terminal"
+
+export function ApiTerminal() {
+  return (
+    <div className="flex flex-1 items-center justify-center overflow-hidden bg-background p-5 sm:p-10">
+      <Terminal className="max-w-xl bg-background shadow-[0_24px_70px_rgba(0,0,0,.12)]" sequence>
+        <TypingAnimation duration={22}>
+          {"> curl https://api.vertex.ai/v1/chat/completions \\"}
+        </TypingAnimation>
+        <AnimatedSpan className="text-muted-foreground">
+          {`  -d '{ "model": "vertex/auto", "messages": [...] }'`}
+        </AnimatedSpan>
+        <AnimatedSpan className="text-blue-500">
+          → evaluating 14 available models
+        </AnimatedSpan>
+        <AnimatedSpan className="text-blue-600 dark:text-blue-400">
+          → route selected: anthropic/claude-sonnet
+        </AnimatedSpan>
+        <AnimatedSpan className="text-emerald-500">
+          ✓ response streamed in 342ms
+        </AnimatedSpan>
+        <TypingAnimation duration={18} className="text-muted-foreground">
+          One endpoint. Any model. No rewrites.
+        </TypingAnimation>
+      </Terminal>
+    </div>
+  )
+}
diff --git a/components/sections/features/global-globe.tsx b/components/sections/features/global-globe.tsx
new file mode 100644
index 0000000..ade5c1a
--- /dev/null
+++ b/components/sections/features/global-globe.tsx
@@ -0,0 +1,40 @@
+"use client"
+
+import { Globe } from "@/components/ui/globe"
+
+const globeConfig = {
+  width: 800,
+  height: 800,
+  onRender: () => {},
+  devicePixelRatio: 2,
+  phi: 0,
+  theta: 0.28,
+  dark: 1,
+  diffuse: 1.1,
+  mapSamples: 12000,
+  mapBrightness: 4.5,
+  baseColor: [0.05, 0.12, 0.32] as [number, number, number],
+  markerColor: [0.15, 0.46, 1] as [number, number, number],
+  glowColor: [0.08, 0.18, 0.48] as [number, number, number],
+  markers: [
+    { location: [37.7749, -122.4194] as [number, number], size: 0.08 },
+    { location: [40.7128, -74.006] as [number, number], size: 0.06 },
+    { location: [51.5072, -0.1276] as [number, number], size: 0.07 },
+    { location: [48.8566, 2.3522] as [number, number], size: 0.05 },
+    { location: [1.3521, 103.8198] as [number, number], size: 0.08 },
+    { location: [35.6762, 139.6503] as [number, number], size: 0.06 },
+    { location: [-33.8688, 151.2093] as [number, number], size: 0.05 },
+    { location: [-23.5505, -46.6333] as [number, number], size: 0.06 },
+  ],
+}
+
+export function GlobalGlobe() {
+  return (
+    <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
+      <Globe className="top-6 max-w-[360px]" config={globeConfig} />
+      <div className="absolute left-5 top-5 flex items-center gap-2 rounded-full border bg-background/85 px-3 py-1.5 font-mono text-[10px] shadow-sm backdrop-blur">
+        <span className="size-1.5 animate-pulse rounded-full bg-emerald-500" /> 8 regions online
+      </div>
+    </div>
+  )
+}
diff --git a/components/sections/features/integration-orbit.tsx b/components/sections/features/integration-orbit.tsx
new file mode 100644
index 0000000..24b38df
--- /dev/null
+++ b/components/sections/features/integration-orbit.tsx
@@ -0,0 +1,79 @@
+import Image from "next/image"
+
+import { VertexMark } from "@/components/shared/brand"
+import { OrbitingCircles } from "@/components/ui/orbiting-circles"
+
+const integrations = [
+  {
+    name: "Supabase",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/supabase.svg",
+  },
+  {
+    name: "Notion",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/notion.svg",
+  },
+  {
+    name: "Figma",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/figma.svg",
+  },
+  {
+    name: "Dropbox",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/dropbox.svg",
+  },
+  {
+    name: "Google",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/google.svg",
+  },
+  {
+    name: "OpenAI",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/openai.svg",
+  },
+  {
+    name: "Stripe",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/stripe.svg",
+  },
+  {
+    name: "GitHub",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/square/github.svg",
+  },
+]
+
+function IntegrationMark({ src, name }: { src: string; name: string }) {
+  return (
+    <span
+      className="inline-flex size-full items-center justify-center rounded-full border border-black/10 bg-white p-2 shadow-sm"
+      title={name}
+    >
+      <Image
+        src={src}
+        alt={`${name} logo`}
+        width={28}
+        height={28}
+        unoptimized
+        className="size-full object-contain"
+      />
+    </span>
+  )
+}
+
+export function IntegrationOrbit() {
+  return (
+    <div className="relative flex flex-1 items-center justify-center overflow-hidden bg-background">
+      <VertexMark className="absolute left-1/2 top-1/2 z-10 size-12 -translate-x-1/2 -translate-y-1/2" />
+      <OrbitingCircles className="z-10" radius={84} iconSize={44} duration={16}>
+        {integrations.slice(0, 4).map((integration) => (
+          <IntegrationMark key={integration.name} {...integration} />
+        ))}
+      </OrbitingCircles>
+      <OrbitingCircles className="z-10" radius={150} iconSize={44} duration={24} reverse>
+        {integrations.slice(4).map((integration) => (
+          <IntegrationMark key={integration.name} {...integration} />
+        ))}
+      </OrbitingCircles>
+      <div
+        aria-hidden="true"
+        className="pointer-events-none absolute inset-x-0 bottom-0 z-20 h-32 bg-gradient-to-t from-background via-background/80 to-transparent"
+      />
+    </div>
+  )
+}
diff --git a/components/sections/features/routing-activity.tsx b/components/sections/features/routing-activity.tsx
new file mode 100644
index 0000000..8dbd0e3
--- /dev/null
+++ b/components/sections/features/routing-activity.tsx
@@ -0,0 +1,60 @@
+"use client"
+
+import { Activity, CircleCheck, Route, ShieldCheck, Zap } from "lucide-react"
+
+import { AnimatedList } from "@/components/ui/animated-list"
+import { cn } from "@/lib/utils"
+
+const routingEvents = [
+  {
+    icon: <Route className="size-4" />,
+    title: "Routed to Claude Sonnet",
+    meta: "342ms · 8.2k tokens",
+    accent: "bg-blue-600/15 text-blue-600 dark:text-blue-400",
+  },
+  {
+    icon: <Zap className="size-4" />,
+    title: "Prompt cache hit",
+    meta: "Saved $0.018 · 42ms",
+    accent: "bg-amber-500/15 text-amber-500",
+  },
+  {
+    icon: <Activity className="size-4" />,
+    title: "Latency policy applied",
+    meta: "Gemini Flash · 118ms",
+    accent: "bg-blue-500/15 text-blue-500",
+  },
+  {
+    icon: <CircleCheck className="size-4" />,
+    title: "Fallback completed",
+    meta: "OpenAI → Mistral · 621ms",
+    accent: "bg-emerald-500/15 text-emerald-500",
+  },
+  {
+    icon: <ShieldCheck className="size-4" />,
+    title: "Guardrail passed",
+    meta: "No sensitive data detected",
+    accent: "bg-cyan-500/15 text-cyan-500",
+  },
+]
+
+export function RoutingActivity() {
+  return (
+    <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
+      <AnimatedList delay={1150} className="absolute inset-x-4 top-4 gap-2">
+        {routingEvents.map((event) => (
+          <div key={event.title} className="mx-auto flex w-full max-w-sm items-center gap-3 rounded-xl border bg-background/95 p-3 shadow-sm">
+            <span className={cn("flex size-9 shrink-0 items-center justify-center rounded-lg", event.accent)}>
+              {event.icon}
+            </span>
+            <span className="min-w-0 text-left">
+              <span className="block truncate text-xs font-medium">{event.title}</span>
+              <span className="mt-0.5 block truncate font-mono text-[10px] text-muted-foreground">{event.meta}</span>
+            </span>
+          </div>
+        ))}
+      </AnimatedList>
+      <div className="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-background to-transparent" />
+    </div>
+  )
+}
diff --git a/components/usage-chart.tsx b/components/sections/features/usage-chart.tsx
similarity index 100%
rename from components/usage-chart.tsx
rename to components/sections/features/usage-chart.tsx
diff --git a/components/sections/hero-section.tsx b/components/sections/hero-section.tsx
new file mode 100644
index 0000000..2ee43a2
--- /dev/null
+++ b/components/sections/hero-section.tsx
@@ -0,0 +1,41 @@
+import { ArrowRight } from "lucide-react"
+
+import { FrameCrosses } from "@/components/shared/frame-crosses"
+
+export function HeroSection() {
+  return (
+    <section className="hero-gradient relative border-b px-6 pb-14 pt-24 text-center sm:px-10 sm:pb-20 sm:pt-28 lg:pt-32">
+      <FrameCrosses />
+      <div className="relative z-10 mx-auto max-w-4xl">
+        <a
+          href="#features"
+          className="mb-7 inline-flex items-center justify-center rounded-full border border-blue-600/15 bg-gradient-to-br from-white/80 via-blue-600/10 to-blue-600/20 px-5 py-2 text-xs font-medium text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,.6),0_4px_20px_rgba(23,61,166,.1)] backdrop-blur-xl transition-colors hover:border-blue-600/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background dark:border-white/15 dark:from-white/10 dark:via-blue-600/15 dark:to-blue-600/30 dark:shadow-[inset_0_1px_0_rgba(255,255,255,.12),0_4px_20px_rgba(23,61,166,.15)] dark:hover:border-white/30"
+        >
+          The unified AI gateway
+        </a>
+        <h1 className="text-balance text-[44px] font-medium leading-[0.98] tracking-[-0.06em] sm:text-6xl md:text-7xl lg:text-[82px]">
+          One API.
+          <span className="block text-foreground/80">Every AI model.</span>
+        </h1>
+        <p className="mx-auto mt-6 max-w-2xl text-pretty text-base leading-7 text-muted-foreground sm:text-lg">
+          Route, optimize, and observe every model request through one OpenAI-compatible endpoint built for production.
+        </p>
+        <div className="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
+          <a
+            href="#pricing"
+            className="inline-flex h-11 w-full items-center justify-center gap-2 rounded-sm bg-blue-600 px-6 text-sm font-medium text-white shadow-[0_10px_32px_rgba(23,61,166,.32)] transition hover:-translate-y-0.5 hover:bg-blue-500 sm:w-auto"
+          >
+            Get your API key <ArrowRight className="size-4" />
+          </a>
+          <a
+            href="#models"
+            className="inline-flex h-11 w-full items-center justify-center gap-2 rounded-sm border bg-background/70 px-6 text-sm font-medium transition hover:bg-muted sm:w-auto"
+          >
+            Explore models
+          </a>
+        </div>
+      </div>
+
+    </section>
+  )
+}
diff --git a/components/sections/logos-section.tsx b/components/sections/logos-section.tsx
new file mode 100644
index 0000000..637665c
--- /dev/null
+++ b/components/sections/logos-section.tsx
@@ -0,0 +1,93 @@
+import Image from "next/image"
+
+import { FlickeringGrid } from "@/components/ui/flickering-grid"
+
+const customerLogos = [
+  {
+    name: "Next.js",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/nextjs-logo.svg",
+    width: 394,
+    height: 80,
+  },
+  {
+    name: "OpenAI",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/openai-logo.svg",
+    width: 512,
+    height: 126,
+  },
+  {
+    name: "Stripe",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/stripe-logo.svg",
+    width: 73,
+    height: 31,
+  },
+  {
+    name: "Vercel",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/vercel-logo.svg",
+    width: 2048,
+    height: 407,
+  },
+  {
+    name: "Supabase",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/supabase-logo.svg",
+    width: 581,
+    height: 113,
+  },
+  {
+    name: "Anthropic",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/anthropic-logo.svg",
+    width: 579,
+    height: 65,
+  },
+  {
+    name: "Tailwind CSS",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/tailwindcss-logo.svg",
+    width: 665,
+    height: 82,
+  },
+  {
+    name: "Linear",
+    src: "https://sb.frontend.co/storage/v1/object/public/assets/logos/standard/linear-logo.svg",
+    width: 122,
+    height: 31,
+  },
+]
+
+export function LogosSection() {
+  return (
+    <section id="models" className="border-b">
+      <div className="relative flex min-h-[260px] items-center justify-center overflow-hidden border-b px-6 py-20 text-center sm:min-h-[340px] sm:py-28">
+        <FlickeringGrid
+          className="absolute inset-0 [mask-image:radial-gradient(520px_circle_at_center,white,transparent)]"
+          squareSize={3}
+          gridGap={8}
+          color="#173DA6"
+          maxOpacity={0.34}
+          flickerChance={0.08}
+        />
+        <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_center,transparent_12%,var(--background)_78%)] opacity-70" />
+        <h2 className="relative z-10 max-w-3xl text-balance text-4xl font-medium leading-[1.02] tracking-[-0.05em] sm:text-5xl md:text-6xl">
+          Built for
+          <span className="block text-blue-600 dark:text-blue-400">your AI stack.</span>
+        </h2>
+      </div>
+      <div className="grid grid-cols-2 gap-px bg-border sm:grid-cols-4">
+        {customerLogos.map((logo) => (
+          <div
+            key={logo.name}
+            className="group flex h-32 items-center justify-center bg-background px-6 sm:h-36"
+          >
+            <Image
+              src={logo.src}
+              alt={`${logo.name} logo`}
+              width={logo.width}
+              height={logo.height}
+              unoptimized
+              className="h-8 w-[132px] max-w-full object-contain opacity-75 brightness-0 transition-all duration-200 group-hover:scale-[1.03] group-hover:opacity-100 dark:invert"
+            />
+          </div>
+        ))}
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/pricing-section.tsx b/components/sections/pricing-section.tsx
new file mode 100644
index 0000000..f0a745c
--- /dev/null
+++ b/components/sections/pricing-section.tsx
@@ -0,0 +1,108 @@
+"use client"
+
+import { useState } from "react"
+import { Check } from "lucide-react"
+
+import { SectionHeading } from "@/components/shared/section-heading"
+import { cn } from "@/lib/utils"
+
+export function PricingSection() {
+  const [annual, setAnnual] = useState(false)
+
+  return (
+    <section id="pricing" className="border-b">
+      <SectionHeading
+        eyebrow="Simple pricing"
+        title="Start free. Scale without surprises."
+        description="Pay for the models you use and add platform controls when your team needs them."
+        className="border-b-0"
+      />
+      <div className="flex justify-center border-b py-6">
+        <div className="inline-flex rounded-sm border bg-muted/40 p-1" aria-label="Billing cadence">
+          <button
+            type="button"
+            aria-pressed={!annual}
+            onClick={() => setAnnual(false)}
+            className={cn("rounded-sm px-4 py-1.5 text-xs font-medium transition", !annual ? "bg-background text-foreground shadow-sm" : "text-muted-foreground")}
+          >
+            Monthly
+          </button>
+          <button
+            type="button"
+            aria-pressed={annual}
+            onClick={() => setAnnual(true)}
+            className={cn("rounded-sm px-4 py-1.5 text-xs font-medium transition", annual ? "bg-background text-foreground shadow-sm" : "text-muted-foreground")}
+          >
+            Annual <span className="text-blue-600 dark:text-blue-400">−20%</span>
+          </button>
+        </div>
+      </div>
+      <div className="grid gap-px bg-border lg:grid-cols-3">
+        {[
+          {
+            name: "Developer",
+            price: "$0",
+            cadence: "/ month",
+            description: "For prototypes, side projects, and individual builders.",
+            action: "Start building",
+            popular: false,
+            features: ["Pay-as-you-go model usage", "All model providers", "Basic usage analytics", "Community support"],
+          },
+          {
+            name: "Team",
+            price: annual ? "$39" : "$49",
+            cadence: "/ month",
+            description: "For teams running reliable AI products in production.",
+            action: "Start 14-day trial",
+            popular: true,
+            features: ["Everything in Developer", "Routing and fallback policies", "Team budgets and alerts", "90-day request analytics", "Priority support"],
+          },
+          {
+            name: "Enterprise",
+            price: "Custom",
+            cadence: "",
+            description: "For organizations that need security and scale.",
+            action: "Talk to sales",
+            popular: false,
+            features: ["Everything in Team", "SAML SSO and audit logs", "Custom retention and regions", "Dedicated capacity", "Enterprise SLA"],
+          },
+        ].map((plan) => (
+          <article key={plan.name} className={cn("relative flex flex-col bg-background", plan.popular && "pricing-card-popular")}>
+            <div className="relative z-10 flex flex-1 flex-col p-7 sm:p-9">
+              <div className="flex min-h-7 flex-wrap items-center justify-between gap-2">
+                <p className="text-sm font-medium">{plan.name}</p>
+                {plan.popular && (
+                  <span className="rounded-full border border-blue-600/40 px-3 py-1 text-xs font-medium text-blue-600 dark:border-[#5479db]/40 dark:text-blue-400">
+                    Most popular
+                  </span>
+                )}
+              </div>
+              <div className="mt-7 flex items-end gap-2">
+                <span className="text-4xl font-medium tracking-[-0.05em]">{plan.price}</span>
+                {plan.cadence && <span className="pb-1 text-xs text-muted-foreground">{plan.cadence}</span>}
+              </div>
+              <p className="mt-4 min-h-12 text-sm leading-6 text-muted-foreground">{plan.description}</p>
+              <a
+                href="#top"
+                className={cn(
+                  "mt-7 inline-flex h-10 items-center justify-center rounded-sm border text-sm font-medium transition",
+                  plan.popular ? "border-blue-600 bg-blue-600 text-white hover:bg-blue-500" : "bg-background hover:bg-muted"
+                )}
+              >
+                {plan.action}
+              </a>
+              <ul className="mt-7 space-y-3">
+                {plan.features.map((feature) => (
+                  <li key={feature} className="flex items-start gap-2.5 text-sm text-muted-foreground">
+                    <Check className="mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400" />
+                    {feature}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </article>
+        ))}
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/reliability-section.tsx b/components/sections/reliability-section.tsx
new file mode 100644
index 0000000..9c20021
--- /dev/null
+++ b/components/sections/reliability-section.tsx
@@ -0,0 +1,35 @@
+import { LockKeyhole } from "lucide-react"
+
+import { Ripple } from "@/components/ui/ripple"
+import { cn } from "@/lib/utils"
+
+export function ReliabilitySection() {
+  return (
+    <section className="relative overflow-hidden border-b px-6 py-20 text-center sm:px-12 sm:py-24">
+      <Ripple className="opacity-40" mainCircleSize={180} numCircles={9} />
+      <div className="relative z-10 mx-auto max-w-3xl">
+        <div className="mx-auto flex size-12 items-center justify-center rounded-2xl border bg-background shadow-sm">
+          <LockKeyhole className="size-5 text-blue-600" />
+        </div>
+        <h2 className="mt-6 text-balance text-3xl font-medium tracking-[-0.045em] sm:text-4xl">
+          Reliability built into every request.
+        </h2>
+        <p className="mx-auto mt-4 max-w-xl text-sm leading-6 text-muted-foreground sm:text-base">
+          Production-grade controls keep your workloads available, observable, and protected as they scale.
+        </p>
+        <div className="mt-10 grid grid-cols-3 overflow-hidden rounded-2xl border bg-background/80 backdrop-blur">
+          {[
+            ["99.99%", "Gateway uptime"],
+            ["8", "Global regions"],
+            ["< 20ms", "Routing overhead"],
+          ].map(([value, label], index) => (
+            <div key={label} className={cn("px-2 py-5 sm:px-6", index < 2 && "border-r")}>
+              <strong className="block text-lg font-medium tracking-tight sm:text-2xl">{value}</strong>
+              <span className="mt-1 block text-[10px] text-muted-foreground sm:text-xs">{label}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/components/sections/testimonials-section.tsx b/components/sections/testimonials-section.tsx
new file mode 100644
index 0000000..922f64a
--- /dev/null
+++ b/components/sections/testimonials-section.tsx
@@ -0,0 +1,71 @@
+import { ReviewCard, type Testimonial } from "@/components/shared/review-card"
+import { Marquee } from "@/components/ui/marquee"
+
+const reviews: Testimonial[] = [
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/female-1.jpeg",
+    name: "Maya Kim",
+    role: "AI Platform Lead",
+    quote:
+      "Vertex gave us one reliable interface for every model experiment. We stopped rebuilding provider integrations and started shipping.",
+  },
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/male-1.jpeg",
+    name: "Jon Bell",
+    role: "Founding Engineer",
+    quote:
+      "Fallback routing turned model outages into a non-event. Our application stays fast even when a provider is under pressure.",
+  },
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/male-2.jpeg",
+    name: "Ari Rao",
+    role: "VP of Engineering",
+    quote:
+      "The unified cost view finally made inference spend understandable across teams, providers, and environments.",
+  },
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/female-2.jpeg",
+    name: "Sofia Chen",
+    role: "Product Engineer",
+    quote:
+      "We changed one base URL and had access to the models we needed. The developer experience is exactly that simple.",
+  },
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/male-3.jpeg",
+    name: "Owen Taylor",
+    role: "Infrastructure Director",
+    quote:
+      "Vertex lets our developers move quickly while the platform team keeps control of budgets, policies, and reliability.",
+  },
+  {
+    avatar: "https://sb.frontend.co/storage/v1/object/public/assets/avatars/unsplash/female-3.jpeg",
+    name: "Nina Brooks",
+    role: "Applied AI Engineer",
+    quote:
+      "Model comparisons that used to take days now take minutes. The same payload works everywhere we want to test.",
+  },
+]
+
+export function TestimonialsSection() {
+  const firstReviews = reviews.slice(0, 3)
+  const secondReviews = reviews.slice(3)
+
+  return (
+    <section className="border-b py-16 sm:py-20">
+      <div className="px-6 text-center">
+        <p className="font-mono text-[11px] uppercase tracking-[0.18em] text-blue-600 dark:text-blue-400">Early access feedback</p>
+        <h2 className="mt-4 text-3xl font-medium tracking-[-0.045em] sm:text-4xl">Built for teams shipping AI</h2>
+      </div>
+      <div className="relative mt-12 overflow-hidden">
+        <Marquee pauseOnHover className="[--duration:34s] [--gap:1rem]">
+          {firstReviews.map((review) => <ReviewCard key={review.name} review={review} />)}
+        </Marquee>
+        <Marquee reverse pauseOnHover className="mt-2 [--duration:38s] [--gap:1rem]">
+          {secondReviews.map((review) => <ReviewCard key={review.name} review={review} />)}
+        </Marquee>
+        <div className="pointer-events-none absolute inset-y-0 left-0 w-20 bg-gradient-to-r from-background to-transparent sm:w-40" />
+        <div className="pointer-events-none absolute inset-y-0 right-0 w-20 bg-gradient-to-l from-background to-transparent sm:w-40" />
+      </div>
+    </section>
+  )
+}
diff --git a/components/shared/brand.tsx b/components/shared/brand.tsx
new file mode 100644
index 0000000..1f10cb0
--- /dev/null
+++ b/components/shared/brand.tsx
@@ -0,0 +1,27 @@
+import Image from "next/image"
+
+import { cn } from "@/lib/utils"
+
+export function VertexMark({ className }: { className?: string }) {
+  return (
+    <Image
+      src="/logo.svg"
+      alt=""
+      width={24}
+      height={24}
+      className={cn("brightness-0 dark:invert", className)}
+      aria-hidden="true"
+    />
+  )
+}
+
+export function Brand({ compact = false }: { compact?: boolean }) {
+  return (
+    <span className="inline-flex items-center gap-2.5">
+      <VertexMark className="size-8" />
+      {!compact && (
+        <span className="text-[17px] font-semibold tracking-[-0.03em]">Vertex</span>
+      )}
+    </span>
+  )
+}
diff --git a/components/shared/feature-copy.tsx b/components/shared/feature-copy.tsx
new file mode 100644
index 0000000..5161998
--- /dev/null
+++ b/components/shared/feature-copy.tsx
@@ -0,0 +1,14 @@
+export function FeatureCopy({
+  title,
+  description,
+}: {
+  title: string
+  description: string
+}) {
+  return (
+    <div className="relative z-10 bg-background p-6 sm:p-7">
+      <h3 className="text-lg font-medium tracking-[-0.025em]">{title}</h3>
+      <p className="mt-2 max-w-md text-sm leading-6 text-muted-foreground">{description}</p>
+    </div>
+  )
+}
diff --git a/components/shared/frame-crosses.tsx b/components/shared/frame-crosses.tsx
new file mode 100644
index 0000000..c496232
--- /dev/null
+++ b/components/shared/frame-crosses.tsx
@@ -0,0 +1,10 @@
+export function FrameCrosses() {
+  return (
+    <>
+      <span className="frame-cross left-0 top-0" aria-hidden="true" />
+      <span className="frame-cross right-0 top-0" aria-hidden="true" />
+      <span className="frame-cross bottom-0 left-0" aria-hidden="true" />
+      <span className="frame-cross bottom-0 right-0" aria-hidden="true" />
+    </>
+  )
+}
diff --git a/components/shared/review-card.tsx b/components/shared/review-card.tsx
new file mode 100644
index 0000000..71bebfe
--- /dev/null
+++ b/components/shared/review-card.tsx
@@ -0,0 +1,31 @@
+import Image from "next/image"
+
+export interface Testimonial {
+  avatar: string
+  name: string
+  role: string
+  quote: string
+}
+
+export function ReviewCard({ review }: { review: Testimonial }) {
+  return (
+    <figure className="h-full w-[310px] shrink-0 rounded-xl border bg-card/75 p-5 shadow-sm transition-colors hover:bg-muted/40 sm:w-[360px]">
+      <blockquote className="text-sm leading-6 text-foreground/85">“{review.quote}”</blockquote>
+      <figcaption className="mt-6 flex items-center gap-3">
+        <Image
+          src={review.avatar}
+          alt=""
+          width={36}
+          height={36}
+          sizes="36px"
+          unoptimized
+          className="size-9 shrink-0 rounded-full border object-cover"
+        />
+        <span>
+          <span className="block text-sm font-medium">{review.name}</span>
+          <span className="block text-xs text-muted-foreground">{review.role}</span>
+        </span>
+      </figcaption>
+    </figure>
+  )
+}
diff --git a/components/shared/section-heading.tsx b/components/shared/section-heading.tsx
new file mode 100644
index 0000000..8c81f49
--- /dev/null
+++ b/components/shared/section-heading.tsx
@@ -0,0 +1,29 @@
+import { cn } from "@/lib/utils"
+
+export function SectionHeading({
+  eyebrow,
+  title,
+  description,
+  className,
+}: {
+  eyebrow: string
+  title: string
+  description: string
+  className?: string
+}) {
+  return (
+    <div className={cn("border-b px-6 py-16 text-center sm:px-10 sm:py-20", className)}>
+      <div className="mx-auto max-w-2xl">
+        <p className="mb-4 font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-blue-600 dark:text-blue-400">
+          {eyebrow}
+        </p>
+        <h2 className="text-balance text-3xl font-medium tracking-[-0.045em] sm:text-4xl md:text-[44px] md:leading-[1.05]">
+          {title}
+        </h2>
+        <p className="mx-auto mt-4 max-w-xl text-pretty text-sm leading-6 text-muted-foreground sm:text-base">
+          {description}
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/components/vertex-landing.tsx b/components/vertex-landing.tsx
deleted file mode 100644
index 3330a5e..0000000
--- a/components/vertex-landing.tsx
+++ /dev/null
@@ -1,708 +0,0 @@
-"use client"
-
-import Image from "next/image"
-import { useState } from "react"
-import {
-  Activity,
-  ArrowRight,
-  Check,
-  ChevronDown,
-  ChevronRight,
-  CircleCheck,
-  Code2,
-  Gauge,
-  LockKeyhole,
-  Route,
-  ShieldCheck,
-  Workflow,
-  Zap,
-} from "lucide-react"
-import { ThemeToggle } from "@/components/theme-toggle"
-import { UsageChart } from "@/components/usage-chart"
-import { AnimatedList } from "@/components/ui/animated-list"
-import { FlickeringGrid } from "@/components/ui/flickering-grid"
-import { Globe } from "@/components/ui/globe"
-import { Marquee } from "@/components/ui/marquee"
-import { OrbitingCircles } from "@/components/ui/orbiting-circles"
-import { Ripple } from "@/components/ui/ripple"
-import {
-  AnimatedSpan,
-  Terminal,
-  TypingAnimation,
-} from "@/components/ui/terminal"
-import { cn } from "@/lib/utils"
-
-// Original SVG artwork sourced from https://svgl.app.
-const integrations = [
-  { name: "Supabase", src: "/logos/integrations/supabase.svg" },
-  { name: "Notion", src: "/logos/integrations/notion.svg" },
-  { name: "Figma", src: "/logos/integrations/figma.svg" },
-  { name: "Dropbox", src: "/logos/integrations/dropbox.svg" },
-  { name: "Gmail", src: "/logos/integrations/gmail.svg" },
-  { name: "Slack", src: "/logos/integrations/slack.svg" },
-  { name: "Google Drive", src: "/logos/integrations/google-drive.svg" },
-  { name: "GitHub", src: "/logos/integrations/github.svg" },
-]
-
-const customerLogos = [
-  { name: "OpenAI", src: "/logos/openai.svg", width: 110, height: 31 },
-  { name: "Retool", src: "/logos/retool.svg", width: 113, height: 25 },
-  { name: "Stripe", src: "/logos/stripe.svg", width: 73, height: 31 },
-  { name: "Wise", src: "/logos/wise.svg", width: 96, height: 23 },
-  { name: "Tailwind CSS", src: "/logos/tailwindcss.svg", width: 262, height: 33, className: "w-full max-w-[158px] brightness-0" },
-  { name: "Medium", src: "/logos/medium.svg", width: 132, height: 21 },
-  { name: "Next.js", src: "/logos/nextjs.svg", width: 394, height: 80 },
-  { name: "Linear", src: "/logos/linear.svg", width: 122, height: 31 },
-]
-
-const routingEvents = [
-  {
-    icon: <Route className="size-4" />,
-    title: "Routed to Claude Sonnet",
-    meta: "342ms · 8.2k tokens",
-    accent: "bg-blue-600/15 text-blue-600 dark:text-blue-400",
-  },
-  {
-    icon: <Zap className="size-4" />,
-    title: "Prompt cache hit",
-    meta: "Saved $0.018 · 42ms",
-    accent: "bg-amber-500/15 text-amber-500",
-  },
-  {
-    icon: <Activity className="size-4" />,
-    title: "Latency policy applied",
-    meta: "Gemini Flash · 118ms",
-    accent: "bg-blue-500/15 text-blue-500",
-  },
-  {
-    icon: <CircleCheck className="size-4" />,
-    title: "Fallback completed",
-    meta: "OpenAI → Mistral · 621ms",
-    accent: "bg-emerald-500/15 text-emerald-500",
-  },
-  {
-    icon: <ShieldCheck className="size-4" />,
-    title: "Guardrail passed",
-    meta: "No sensitive data detected",
-    accent: "bg-cyan-500/15 text-cyan-500",
-  },
-]
-
-const reviews = [
-  {
-    initials: "MK",
-    name: "Maya Kim",
-    role: "AI Platform Lead",
-    quote:
-      "Vertex gave us one reliable interface for every model experiment. We stopped rebuilding provider integrations and started shipping.",
-  },
-  {
-    initials: "JL",
-    name: "Jon Bell",
-    role: "Founding Engineer",
-    quote:
-      "Fallback routing turned model outages into a non-event. Our application stays fast even when a provider is under pressure.",
-  },
-  {
-    initials: "AR",
-    name: "Ari Rao",
-    role: "VP of Engineering",
-    quote:
-      "The unified cost view finally made inference spend understandable across teams, providers, and environments.",
-  },
-  {
-    initials: "SC",
-    name: "Sofia Chen",
-    role: "Product Engineer",
-    quote:
-      "We changed one base URL and had access to the models we needed. The developer experience is exactly that simple.",
-  },
-  {
-    initials: "OT",
-    name: "Owen Taylor",
-    role: "Infrastructure Director",
-    quote:
-      "Vertex lets our developers move quickly while the platform team keeps control of budgets, policies, and reliability.",
-  },
-  {
-    initials: "NB",
-    name: "Nina Brooks",
-    role: "Applied AI Engineer",
-    quote:
-      "Model comparisons that used to take days now take minutes. The same payload works everywhere we want to test.",
-  },
-]
-
-const globeConfig = {
-  width: 800,
-  height: 800,
-  onRender: () => {},
-  devicePixelRatio: 2,
-  phi: 0,
-  theta: 0.28,
-  dark: 1,
-  diffuse: 1.1,
-  mapSamples: 12000,
-  mapBrightness: 4.5,
-  baseColor: [0.05, 0.12, 0.32] as [number, number, number],
-  markerColor: [0.15, 0.46, 1] as [number, number, number],
-  glowColor: [0.08, 0.18, 0.48] as [number, number, number],
-  markers: [
-    { location: [37.7749, -122.4194] as [number, number], size: 0.08 },
-    { location: [40.7128, -74.006] as [number, number], size: 0.06 },
-    { location: [51.5072, -0.1276] as [number, number], size: 0.07 },
-    { location: [48.8566, 2.3522] as [number, number], size: 0.05 },
-    { location: [1.3521, 103.8198] as [number, number], size: 0.08 },
-    { location: [35.6762, 139.6503] as [number, number], size: 0.06 },
-    { location: [-33.8688, 151.2093] as [number, number], size: 0.05 },
-    { location: [-23.5505, -46.6333] as [number, number], size: 0.06 },
-  ],
-}
-
-function VertexMark({ className }: { className?: string }) {
-  return (
-    <Image
-      src="/logo.svg"
-      alt=""
-      width={24}
-      height={24}
-      className={cn("brightness-0 dark:invert", className)}
-      aria-hidden="true"
-    />
-  )
-}
-
-function Brand({ compact = false }: { compact?: boolean }) {
-  return (
-    <span className="inline-flex items-center gap-2.5">
-      <VertexMark className="size-8" />
-      {!compact && (
-        <span className="text-[17px] font-semibold tracking-[-0.03em]">Vertex</span>
-      )}
-    </span>
-  )
-}
-
-function IntegrationMark({ src, name }: { src: string; name: string }) {
-  return (
-    <span
-      className="inline-flex size-full items-center justify-center rounded-full border border-black/10 bg-white p-2 shadow-sm"
-      title={name}
-    >
-      <Image
-        src={src}
-        alt={`${name} logo`}
-        width={28}
-        height={28}
-        className="size-full object-contain"
-      />
-    </span>
-  )
-}
-
-function SectionHeading({
-  eyebrow,
-  title,
-  description,
-  className,
-}: {
-  eyebrow: string
-  title: string
-  description: string
-  className?: string
-}) {
-  return (
-    <div className={cn("border-b px-6 py-16 text-center sm:px-10 sm:py-20", className)}>
-      <div className="mx-auto max-w-2xl">
-        <p className="mb-4 font-mono text-[11px] font-medium uppercase tracking-[0.18em] text-blue-600 dark:text-blue-400">
-          {eyebrow}
-        </p>
-        <h2 className="text-balance text-3xl font-medium tracking-[-0.045em] sm:text-4xl md:text-[44px] md:leading-[1.05]">
-          {title}
-        </h2>
-        <p className="mx-auto mt-4 max-w-xl text-pretty text-sm leading-6 text-muted-foreground sm:text-base">
-          {description}
-        </p>
-      </div>
-    </div>
-  )
-}
-
-function FeatureCopy({
-  title,
-  description,
-}: {
-  title: string
-  description: string
-}) {
-  return (
-    <div className="relative z-10 bg-background p-6 sm:p-7">
-      <h3 className="text-lg font-medium tracking-[-0.025em]">{title}</h3>
-      <p className="mt-2 max-w-md text-sm leading-6 text-muted-foreground">{description}</p>
-    </div>
-  )
-}
-
-function ReviewCard({ review }: { review: (typeof reviews)[number] }) {
-  return (
-    <figure className="h-full w-[310px] shrink-0 rounded-xl border bg-card/75 p-5 shadow-sm transition-colors hover:bg-muted/40 sm:w-[360px]">
-      <blockquote className="text-sm leading-6 text-foreground/85">“{review.quote}”</blockquote>
-      <figcaption className="mt-6 flex items-center gap-3">
-        <span className="flex size-9 items-center justify-center rounded-full bg-blue-600/10 font-mono text-[11px] font-semibold text-blue-600 dark:text-blue-400">
-          {review.initials}
-        </span>
-        <span>
-          <span className="block text-sm font-medium">{review.name}</span>
-          <span className="block text-xs text-muted-foreground">{review.role}</span>
-        </span>
-      </figcaption>
-    </figure>
-  )
-}
-
-export function VertexLandingPage() {
-  const [annual, setAnnual] = useState(false)
-  const firstReviews = reviews.slice(0, 3)
-  const secondReviews = reviews.slice(3)
-
-  return (
-    <div className="min-h-screen bg-background text-foreground selection:bg-blue-600 selection:text-white">
-      <header className="sticky top-0 z-50 w-full border-b bg-background/86 backdrop-blur-xl supports-[backdrop-filter]:bg-background/74">
-        <div className="mx-auto flex h-16 max-w-[1280px] items-center justify-between px-5 sm:px-8">
-          <a href="#top" aria-label="Vertex home">
-            <Brand />
-          </a>
-          <nav aria-label="Main navigation" className="hidden items-center gap-8 md:flex lg:gap-10">
-            {[
-              ["Products", "#features"],
-              ["Models", "#models"],
-              ["Features", "#features"],
-              ["Pricing", "#pricing"],
-              ["Docs", "#developers"],
-            ].map(([label, href]) => (
-              <a
-                key={label}
-                href={href}
-                className="inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground"
-              >
-                {label}
-                {label === "Products" && <ChevronDown className="size-3" />}
-              </a>
-            ))}
-          </nav>
-          <div className="flex items-center gap-2">
-            <ThemeToggle />
-            <a
-              href="#pricing"
-              className="hidden h-9 items-center gap-1.5 rounded-sm bg-blue-600 px-4 text-xs font-medium text-white shadow-[0_6px_24px_rgba(23,61,166,.28)] transition hover:bg-blue-500 sm:inline-flex"
-            >
-              Get started <ChevronRight className="size-3.5" />
-            </a>
-          </div>
-        </div>
-      </header>
-
-      <main id="top" className="mx-auto max-w-[1280px] border-x">
-        <section className="hero-gradient relative border-b px-6 pb-14 pt-24 text-center sm:px-10 sm:pb-20 sm:pt-28 lg:pt-32">
-          <span className="frame-cross left-0 top-0" aria-hidden="true" />
-          <span className="frame-cross right-0 top-0" aria-hidden="true" />
-          <span className="frame-cross bottom-0 left-0" aria-hidden="true" />
-          <span className="frame-cross bottom-0 right-0" aria-hidden="true" />
-          <div className="relative z-10 mx-auto max-w-4xl">
-            <a
-              href="#features"
-              className="mb-7 inline-flex items-center justify-center rounded-full border border-blue-600/15 bg-gradient-to-br from-white/80 via-blue-600/10 to-blue-600/20 px-5 py-2 text-xs font-medium text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,.6),0_4px_20px_rgba(23,61,166,.1)] backdrop-blur-xl transition-colors hover:border-blue-600/35 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background dark:border-white/15 dark:from-white/10 dark:via-blue-600/15 dark:to-blue-600/30 dark:shadow-[inset_0_1px_0_rgba(255,255,255,.12),0_4px_20px_rgba(23,61,166,.15)] dark:hover:border-white/30"
-            >
-              The unified AI gateway
-            </a>
-            <h1 className="text-balance text-[44px] font-medium leading-[0.98] tracking-[-0.06em] sm:text-6xl md:text-7xl lg:text-[82px]">
-              One API for every
-              <span className="block">AI model.</span>
-            </h1>
-            <p className="mx-auto mt-6 max-w-2xl text-pretty text-base leading-7 text-muted-foreground sm:text-lg">
-              Route, optimize, and observe every model request through one OpenAI-compatible endpoint built for production.
-            </p>
-            <div className="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
-              <a
-                href="#pricing"
-                className="inline-flex h-11 w-full items-center justify-center gap-2 rounded-sm bg-blue-600 px-6 text-sm font-medium text-white shadow-[0_10px_32px_rgba(23,61,166,.32)] transition hover:-translate-y-0.5 hover:bg-blue-500 sm:w-auto"
-              >
-                Get your API key <ArrowRight className="size-4" />
-              </a>
-              <a
-                href="#models"
-                className="inline-flex h-11 w-full items-center justify-center gap-2 rounded-sm border bg-background/70 px-6 text-sm font-medium transition hover:bg-muted sm:w-auto"
-              >
-                Explore models
-              </a>
-            </div>
-          </div>
-
-        </section>
-
-        <section id="models" className="border-b">
-          <div className="relative flex min-h-[260px] items-center justify-center overflow-hidden border-b px-6 py-20 text-center sm:min-h-[340px] sm:py-28">
-            <FlickeringGrid
-              className="absolute inset-0 [mask-image:radial-gradient(520px_circle_at_center,white,transparent)]"
-              squareSize={3}
-              gridGap={8}
-              color="#173DA6"
-              maxOpacity={0.34}
-              flickerChance={0.08}
-            />
-            <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_center,transparent_12%,var(--background)_78%)] opacity-70" />
-            <h2 className="relative z-10 max-w-3xl text-balance text-4xl font-medium leading-[1.02] tracking-[-0.05em] sm:text-5xl md:text-6xl">
-              Every leading model,
-              <span className="block text-blue-600 dark:text-blue-400">one gateway.</span>
-            </h2>
-          </div>
-          <div className="grid grid-cols-2 sm:grid-cols-4">
-            {customerLogos.map((logo) => (
-              <div
-                key={logo.name}
-                className="group flex h-32 items-center justify-center border-r border-b px-6 last:border-r-0 even:border-r-0 sm:h-36 sm:even:border-r sm:[&:nth-child(4n)]:border-r-0 [&:nth-last-child(-n+2)]:border-b-0 sm:[&:nth-last-child(-n+4)]:border-b-0"
-              >
-                <Image
-                  src={logo.src}
-                  alt={`${logo.name} logo`}
-                  width={logo.width}
-                  height={logo.height}
-                  className={cn("h-auto max-h-8 w-auto max-w-[132px] opacity-75 transition-all duration-200 group-hover:scale-[1.03] group-hover:opacity-100 dark:invert", logo.className)}
-                />
-              </div>
-            ))}
-          </div>
-        </section>
-
-        <section id="features" className="border-b">
-          <SectionHeading
-            eyebrow="The gateway layer"
-            title="Infrastructure for model choice"
-            description="Everything you need to move quickly across models without giving up reliability, control, or visibility."
-          />
-
-          <div className="grid lg:grid-cols-12">
-              <article className="flex min-h-[520px] flex-col border-b lg:col-span-7 lg:border-r">
-                <div className="flex flex-1 items-center justify-center overflow-hidden bg-background p-5 sm:p-10">
-                  <Terminal className="max-w-xl bg-background shadow-[0_24px_70px_rgba(0,0,0,.12)]" sequence>
-                    <TypingAnimation duration={22}>
-                      {"> curl https://api.vertex.ai/v1/chat/completions \\"}
-                    </TypingAnimation>
-                    <AnimatedSpan className="text-muted-foreground">
-                      {`  -d '{ "model": "vertex/auto", "messages": [...] }'`}
-                    </AnimatedSpan>
-                    <AnimatedSpan className="text-blue-500">
-                      → evaluating 14 available models
-                    </AnimatedSpan>
-                    <AnimatedSpan className="text-blue-600 dark:text-blue-400">
-                      → route selected: anthropic/claude-sonnet
-                    </AnimatedSpan>
-                    <AnimatedSpan className="text-emerald-500">
-                      ✓ response streamed in 342ms
-                    </AnimatedSpan>
-                    <TypingAnimation duration={18} className="text-muted-foreground">
-                      One endpoint. Any model. No rewrites.
-                    </TypingAnimation>
-                  </Terminal>
-                </div>
-                <FeatureCopy
-                  title="One compatible endpoint"
-                  description="Use the OpenAI SDK you already know. Change one base URL and reach every supported model."
-                />
-              </article>
-
-              <article className="flex min-h-[520px] flex-col border-b lg:col-span-5">
-                <div className="relative flex flex-1 items-center justify-center overflow-hidden bg-background">
-                  <VertexMark className="absolute left-1/2 top-1/2 z-10 size-12 -translate-x-1/2 -translate-y-1/2" />
-                  <OrbitingCircles className="z-10" radius={84} iconSize={44} duration={16}>
-                    {integrations.slice(0, 4).map((integration) => (
-                      <IntegrationMark key={integration.name} {...integration} />
-                    ))}
-                  </OrbitingCircles>
-                  <OrbitingCircles className="z-10" radius={150} iconSize={44} duration={24} reverse>
-                    {integrations.slice(4).map((integration) => (
-                      <IntegrationMark key={integration.name} {...integration} />
-                    ))}
-                  </OrbitingCircles>
-                  <div
-                    aria-hidden="true"
-                    className="pointer-events-none absolute inset-x-0 bottom-0 z-20 h-32 bg-gradient-to-t from-background via-background/80 to-transparent"
-                  />
-                </div>
-                <FeatureCopy
-                  title="Seamless integrations"
-                  description="Connect your favorite tools and bring AI into the workflows your team already uses."
-                />
-              </article>
-
-              <article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
-                <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
-                  <AnimatedList delay={1150} className="absolute inset-x-4 top-4 gap-2">
-                    {routingEvents.map((event) => (
-                      <div key={event.title} className="mx-auto flex w-full max-w-sm items-center gap-3 rounded-xl border bg-background/95 p-3 shadow-sm">
-                        <span className={cn("flex size-9 shrink-0 items-center justify-center rounded-lg", event.accent)}>
-                          {event.icon}
-                        </span>
-                        <span className="min-w-0 text-left">
-                          <span className="block truncate text-xs font-medium">{event.title}</span>
-                          <span className="mt-0.5 block truncate font-mono text-[10px] text-muted-foreground">{event.meta}</span>
-                        </span>
-                      </div>
-                    ))}
-                  </AnimatedList>
-                  <div className="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-background to-transparent" />
-                </div>
-                <FeatureCopy
-                  title="Automatic failover"
-                  description="Keep requests moving through rate limits, outages, and changing provider availability."
-                />
-              </article>
-
-              <article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
-                <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
-                  <UsageChart />
-                </div>
-                <FeatureCopy
-                  title="Unified cost and latency"
-                  description="Compare providers, trace every request, and control spend from one clear operating view."
-                />
-              </article>
-
-              <article className="flex min-h-[430px] flex-col lg:col-span-4">
-                <div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
-                  <Globe className="top-6 max-w-[360px]" config={globeConfig} />
-                  <div className="absolute left-5 top-5 flex items-center gap-2 rounded-full border bg-background/85 px-3 py-1.5 font-mono text-[10px] shadow-sm backdrop-blur">
-                    <span className="size-1.5 animate-pulse rounded-full bg-emerald-500" /> 8 regions online
-                  </div>
-                </div>
-                <FeatureCopy
-                  title="Global inference gateway"
-                  description="Route requests through the nearest healthy region for consistently fast model access."
-                />
-              </article>
-          </div>
-        </section>
-
-        <section id="developers" className="border-b">
-          <SectionHeading
-            eyebrow="Start in minutes"
-            title="A simpler path to production AI"
-            description="Your application stays focused on the product. Vertex handles the shifting model landscape underneath."
-          />
-          <div className="grid md:grid-cols-3">
-            {[
-              {
-                icon: Code2,
-                title: "Change one base URL",
-                text: "Keep your existing OpenAI-compatible SDK, payloads, and streaming logic.",
-              },
-              {
-                icon: Workflow,
-                title: "Set a routing policy",
-                text: "Choose a model directly or let Vertex optimize for cost, quality, or latency.",
-              },
-              {
-                icon: Gauge,
-                title: "Observe every request",
-                text: "Trace performance and spend across models, applications, and environments.",
-              },
-            ].map((step, index) => (
-              <article key={step.title} className={cn("relative p-8 sm:p-10", index < 2 && "border-b md:border-b-0 md:border-r")}>
-                <step.icon className="size-6" />
-                <h3 className="mt-5 text-lg font-medium tracking-tight">{step.title}</h3>
-                <p className="mt-2 text-sm leading-6 text-muted-foreground">{step.text}</p>
-              </article>
-            ))}
-          </div>
-        </section>
-
-        <section className="relative overflow-hidden border-b px-6 py-20 text-center sm:px-12 sm:py-24">
-          <Ripple className="opacity-40" mainCircleSize={180} numCircles={9} />
-          <div className="relative z-10 mx-auto max-w-3xl">
-            <div className="mx-auto flex size-12 items-center justify-center rounded-2xl border bg-background shadow-sm">
-              <LockKeyhole className="size-5 text-blue-600" />
-            </div>
-            <h2 className="mt-6 text-balance text-3xl font-medium tracking-[-0.045em] sm:text-4xl">
-              Reliability built into every request.
-            </h2>
-            <p className="mx-auto mt-4 max-w-xl text-sm leading-6 text-muted-foreground sm:text-base">
-              Production-grade controls keep your workloads available, observable, and protected as they scale.
-            </p>
-            <div className="mt-10 grid grid-cols-3 overflow-hidden rounded-2xl border bg-background/80 backdrop-blur">
-              {[
-                ["99.99%", "Gateway uptime"],
-                ["8", "Global regions"],
-                ["< 20ms", "Routing overhead"],
-              ].map(([value, label], index) => (
-                <div key={label} className={cn("px-2 py-5 sm:px-6", index < 2 && "border-r")}>
-                  <strong className="block text-lg font-medium tracking-tight sm:text-2xl">{value}</strong>
-                  <span className="mt-1 block text-[10px] text-muted-foreground sm:text-xs">{label}</span>
-                </div>
-              ))}
-            </div>
-          </div>
-        </section>
-
-        <section id="pricing" className="border-b">
-          <SectionHeading
-            eyebrow="Simple pricing"
-            title="Start free. Scale without surprises."
-            description="Pay for the models you use and add platform controls when your team needs them."
-            className="border-b-0"
-          />
-          <div className="flex justify-center border-b py-6">
-            <div className="inline-flex rounded-sm border bg-muted/40 p-1" aria-label="Billing cadence">
-              <button
-                type="button"
-                aria-pressed={!annual}
-                onClick={() => setAnnual(false)}
-                className={cn("rounded-sm px-4 py-1.5 text-xs font-medium transition", !annual ? "bg-background text-foreground shadow-sm" : "text-muted-foreground")}
-              >
-                Monthly
-              </button>
-              <button
-                type="button"
-                aria-pressed={annual}
-                onClick={() => setAnnual(true)}
-                className={cn("rounded-sm px-4 py-1.5 text-xs font-medium transition", annual ? "bg-background text-foreground shadow-sm" : "text-muted-foreground")}
-              >
-                Annual <span className="text-blue-600 dark:text-blue-400">−20%</span>
-              </button>
-            </div>
-          </div>
-          <div className="grid gap-px bg-border lg:grid-cols-3">
-            {[
-              {
-                name: "Developer",
-                price: "$0",
-                cadence: "/ month",
-                description: "For prototypes, side projects, and individual builders.",
-                action: "Start building",
-                popular: false,
-                features: ["Pay-as-you-go model usage", "All model providers", "Basic usage analytics", "Community support"],
-              },
-              {
-                name: "Team",
-                price: annual ? "$39" : "$49",
-                cadence: "/ month",
-                description: "For teams running reliable AI products in production.",
-                action: "Start 14-day trial",
-                popular: true,
-                features: ["Everything in Developer", "Routing and fallback policies", "Team budgets and alerts", "90-day request analytics", "Priority support"],
-              },
-              {
-                name: "Enterprise",
-                price: "Custom",
-                cadence: "",
-                description: "For organizations that need security and scale.",
-                action: "Talk to sales",
-                popular: false,
-                features: ["Everything in Team", "SAML SSO and audit logs", "Custom retention and regions", "Dedicated capacity", "Enterprise SLA"],
-              },
-            ].map((plan) => (
-              <article key={plan.name} className={cn("relative flex flex-col bg-background", plan.popular && "pricing-card-popular")}>
-                <div className="relative z-10 flex flex-1 flex-col p-7 sm:p-9">
-                  <div className="flex min-h-7 flex-wrap items-center justify-between gap-2">
-                    <p className="text-sm font-medium">{plan.name}</p>
-                    {plan.popular && (
-                      <span className="rounded-full border border-blue-600/40 px-3 py-1 text-xs font-medium text-blue-600 dark:border-[#5479db]/40 dark:text-blue-400">
-                        Most popular
-                      </span>
-                    )}
-                  </div>
-                  <div className="mt-7 flex items-end gap-2">
-                    <span className="text-4xl font-medium tracking-[-0.05em]">{plan.price}</span>
-                    {plan.cadence && <span className="pb-1 text-xs text-muted-foreground">{plan.cadence}</span>}
-                  </div>
-                  <p className="mt-4 min-h-12 text-sm leading-6 text-muted-foreground">{plan.description}</p>
-                  <a
-                    href="#top"
-                    className={cn(
-                      "mt-7 inline-flex h-10 items-center justify-center rounded-sm border text-sm font-medium transition",
-                      plan.popular ? "border-blue-600 bg-blue-600 text-white hover:bg-blue-500" : "bg-background hover:bg-muted"
-                    )}
-                  >
-                    {plan.action}
-                  </a>
-                  <ul className="mt-7 space-y-3">
-                    {plan.features.map((feature) => (
-                      <li key={feature} className="flex items-start gap-2.5 text-sm text-muted-foreground">
-                        <Check className="mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400" />
-                        {feature}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </article>
-            ))}
-          </div>
-        </section>
-
-        <section className="border-b py-16 sm:py-20">
-          <div className="px-6 text-center">
-            <p className="font-mono text-[11px] uppercase tracking-[0.18em] text-blue-600 dark:text-blue-400">Early access feedback</p>
-            <h2 className="mt-4 text-3xl font-medium tracking-[-0.045em] sm:text-4xl">Built for teams shipping AI</h2>
-          </div>
-          <div className="relative mt-12 overflow-hidden">
-            <Marquee pauseOnHover className="[--duration:34s] [--gap:1rem]">
-              {firstReviews.map((review) => <ReviewCard key={review.name} review={review} />)}
-            </Marquee>
-            <Marquee reverse pauseOnHover className="mt-2 [--duration:38s] [--gap:1rem]">
-              {secondReviews.map((review) => <ReviewCard key={review.name} review={review} />)}
-            </Marquee>
-            <div className="pointer-events-none absolute inset-y-0 left-0 w-20 bg-gradient-to-r from-background to-transparent sm:w-40" />
-            <div className="pointer-events-none absolute inset-y-0 right-0 w-20 bg-gradient-to-l from-background to-transparent sm:w-40" />
-          </div>
-        </section>
-
-        <section className="relative border-b">
-          <span className="frame-cross left-0 top-0" aria-hidden="true" />
-          <span className="frame-cross right-0 top-0" aria-hidden="true" />
-          <span className="frame-cross bottom-0 left-0" aria-hidden="true" />
-          <span className="frame-cross bottom-0 right-0" aria-hidden="true" />
-          <div className="relative overflow-hidden px-6 py-24 text-center sm:px-10 sm:py-28">
-            <FlickeringGrid
-              className="absolute inset-0 [mask-image:radial-gradient(420px_circle_at_center,white,transparent)]"
-              squareSize={3}
-              gridGap={7}
-              color="#173DA6"
-              maxOpacity={0.42}
-              flickerChance={0.08}
-            />
-            <div className="relative z-10 mx-auto max-w-3xl">
-              <VertexMark className="mx-auto mb-7 size-12" />
-              <h2 className="text-balance text-4xl font-medium tracking-[-0.055em] sm:text-5xl md:text-6xl">
-                Build on every model.
-                <span className="block text-blue-600 dark:text-blue-400">Ship through one API.</span>
-              </h2>
-              <p className="mx-auto mt-5 max-w-lg text-sm leading-6 text-muted-foreground sm:text-base">
-                Your models will change. Your infrastructure doesn’t have to.
-              </p>
-            </div>
-          </div>
-        </section>
-
-        <footer className="px-6 py-10 sm:px-10">
-          <div className="flex flex-col gap-8 sm:flex-row sm:items-center sm:justify-between">
-            <div>
-              <Brand />
-              <p className="mt-3 max-w-sm text-xs leading-5 text-muted-foreground">
-                The unified gateway for production AI applications.
-              </p>
-            </div>
-            <div className="flex flex-wrap gap-x-6 gap-y-3 text-xs text-muted-foreground">
-              <a className="hover:text-foreground" href="#models">Models</a>
-              <a className="hover:text-foreground" href="#developers">Docs</a>
-              <a className="hover:text-foreground" href="#pricing">Pricing</a>
-              <a className="hover:text-foreground" href="#top">Status</a>
-              <a className="hover:text-foreground" href="#top">Privacy</a>
-            </div>
-          </div>
-          <div className="mt-10 text-[11px] text-muted-foreground">
-            <span>© 2026 Vertex, Inc. All rights reserved.</span>
-          </div>
-        </footer>
-      </main>
-    </div>
-  )
-}
diff --git a/next.config.js b/next.config.js
index 3a2cd1a..b8d56cc 100644
--- a/next.config.js
+++ b/next.config.js
@@ -3,5 +3,11 @@ module.exports = {
   outputFileTracingRoot: __dirname,
   images: {
     unoptimized: true,
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "sb.frontend.co",
+      },
+    ],
   },
 };
diff --git a/public/logos/cash-app.svg b/public/logos/cash-app.svg
deleted file mode 100644
index 98a4d74..0000000
--- a/public/logos/cash-app.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 134 31" fill="#000000" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_342_6736" maskUnits="userSpaceOnUse" x="42" y="7" width="92" height="20"><path d="M133.02 7.77734H42.4375V26.5404H133.02V7.77734Z" fill="white"></path></mask><g mask="url(#mask0_342_6736)"><path d="M53.9534 12.179C53.8381 12.2504 53.7006 12.2758 53.5672 12.2501C53.4343 12.2243 53.3155 12.1494 53.2353 12.0401C52.8379 11.4719 52.3053 11.0113 51.6861 10.6998C51.0663 10.3882 50.3791 10.2355 49.6856 10.2552C46.9763 10.2552 45.3095 12.3991 45.3095 15.4608C45.3095 18.5225 47.0033 20.707 49.7131 20.707C50.4172 20.7231 51.1137 20.5597 51.737 20.232C52.3603 19.9043 52.89 19.4232 53.2763 18.8341C53.3535 18.723 53.47 18.645 53.6023 18.6155C53.7345 18.586 53.8733 18.6072 53.9909 18.6749L55.2744 19.4199C55.34 19.4582 55.3973 19.5096 55.4418 19.5711C55.4863 19.6326 55.5179 19.7028 55.5337 19.7771C55.5495 19.8514 55.5501 19.9282 55.5343 20.0026C55.5191 20.077 55.488 20.1473 55.4436 20.2091C54.8144 21.1522 53.9564 21.9201 52.9491 22.4407C51.9418 22.9614 50.8193 23.2179 49.6856 23.1861C45.3738 23.1861 42.4375 20.0432 42.4375 15.4608C42.4375 10.8784 45.3738 7.77607 49.6417 7.77607C50.7561 7.74511 51.8611 7.98763 52.8601 8.4824C53.8592 8.97716 54.7219 9.70913 55.3727 10.6142C55.4172 10.6749 55.4488 10.7441 55.4658 10.8176C55.4822 10.8911 55.4839 10.9672 55.4699 11.0413C55.4558 11.1153 55.4266 11.1856 55.3844 11.2479C55.3423 11.3102 55.2873 11.3631 55.2235 11.4033L53.9534 12.179Z"></path><path d="M63.4416 22.3742V21.751C62.7638 22.6249 61.8157 23.1668 60.2951 23.1668C58.0459 23.1668 56.4844 21.9373 56.4844 19.7799C56.4844 17.0942 58.8793 16.6336 60.3595 16.427C61.9409 16.1967 63.2958 16.0883 63.2958 15.0519C63.2958 14.1341 62.2324 13.8868 61.3346 13.8868C60.3056 13.9043 59.2943 14.1606 58.3813 14.6353C58.3175 14.6703 58.2472 14.692 58.1752 14.699C58.1027 14.7062 58.0301 14.6986 57.9604 14.6767C57.8914 14.6549 57.827 14.6193 57.772 14.572C57.717 14.5248 57.6719 14.4668 57.6397 14.4016L57.1651 13.4398C57.1024 13.3144 57.0907 13.1696 57.1323 13.0357C57.1738 12.9018 57.2657 12.7893 57.3886 12.7218C58.6657 12.0363 60.092 11.6757 61.5412 11.6719C64.1223 11.6719 65.9442 12.7319 65.9442 15.2958V22.3742C65.9442 22.518 65.8875 22.6558 65.7856 22.7574C65.6844 22.859 65.5462 22.9161 65.4028 22.9161H63.98C63.8366 22.9152 63.6997 22.8577 63.599 22.7562C63.4983 22.6547 63.4416 22.5174 63.4416 22.3742ZM63.2958 17.4802C62.7948 17.8562 61.8765 17.9815 60.898 18.1577C59.9188 18.3338 59.1093 18.5945 59.1093 19.658C59.1093 20.6368 59.8175 21.094 60.8371 21.094C62.1071 21.094 63.2958 20.3861 63.2958 18.7401V17.4802Z"></path><path d="M68.2854 20.1116C68.3767 20.0042 68.5061 19.9367 68.6465 19.9234C68.787 19.9102 68.9269 19.9522 69.0369 20.0404C69.9412 20.7245 71.0503 21.0826 72.1834 21.0565C73.3522 21.0565 74.2161 20.6806 74.2161 19.7661C74.2161 18.933 73.423 18.7501 71.5062 18.4317C69.4741 18.093 67.5263 17.4157 67.5263 15.0991C67.5263 12.6843 69.6093 11.6648 71.9838 11.6648C73.4728 11.6423 74.9266 12.1193 76.1124 13.0195C76.1709 13.0646 76.2195 13.1211 76.2546 13.1856C76.2903 13.2501 76.3125 13.3212 76.3195 13.3946C76.3266 13.4679 76.3184 13.5419 76.2956 13.612C76.2727 13.682 76.2359 13.7467 76.1873 13.8019L75.5095 14.5978C75.42 14.7046 75.2924 14.7728 75.1537 14.7886C75.0155 14.8043 74.8763 14.7664 74.7645 14.6825C73.9375 14.074 72.9361 13.7486 71.9095 13.7545C70.8934 13.7545 70.036 14.0458 70.036 14.8349C70.036 15.7121 71.2657 15.8781 72.4953 16.0846C75.1168 16.5452 76.7831 17.2938 76.7831 19.4714C76.7831 21.7644 74.9506 23.18 72.0412 23.18C70.4504 23.2285 68.893 22.7193 67.6381 21.7406C67.5819 21.6948 67.5357 21.6382 67.5012 21.5742C67.4672 21.5102 67.4461 21.44 67.4397 21.3678C67.4333 21.2955 67.4409 21.2227 67.4631 21.1536C67.4848 21.0844 67.5199 21.0203 67.5673 20.965L68.2854 20.1116Z"></path><path d="M78.3594 22.3732V8.58875C78.3594 8.44502 78.4162 8.30719 78.518 8.20559C78.6198 8.10394 78.7574 8.04688 78.9013 8.04688H80.4629C80.6063 8.04688 80.7444 8.10394 80.8456 8.20559C80.9475 8.30719 81.0042 8.44502 81.0042 8.58875V13.2931C81.3923 12.7737 81.8997 12.3552 82.4832 12.0729C83.0668 11.7906 83.7094 11.6526 84.3579 11.6708C86.6709 11.6708 88.0223 13.3168 88.0223 15.6672V22.3732C88.0223 22.5168 87.9655 22.6547 87.8637 22.7563C87.7619 22.8579 87.6243 22.915 87.4804 22.915H85.9188C85.7754 22.915 85.6373 22.8579 85.5361 22.7563C85.4342 22.6547 85.3774 22.5168 85.3774 22.3732V16.2769C85.3774 15.1084 85.0046 14.0483 83.504 14.0483C82.0882 14.0483 81.0042 15.0474 81.0042 16.7137V22.3732C81.0042 22.5168 80.9475 22.6547 80.8456 22.7563C80.7444 22.8579 80.6063 22.915 80.4629 22.915H78.9013C78.7574 22.915 78.6198 22.8579 78.518 22.7563C78.4162 22.6547 78.3594 22.5168 78.3594 22.3732Z"></path><path d="M105.217 22.5479L104.086 19.2322H98.409L97.2847 22.5479C97.2484 22.6557 97.1793 22.7493 97.0868 22.8156C96.9944 22.8819 96.8832 22.9173 96.7696 22.9171H94.9406C94.8534 22.9172 94.7668 22.896 94.6895 22.8555C94.6117 22.815 94.545 22.7562 94.4952 22.6843C94.4455 22.6124 94.4133 22.5295 94.4027 22.4427C94.3916 22.3558 94.4022 22.2676 94.4326 22.1856L99.5474 8.40121C99.5877 8.30026 99.658 8.21394 99.7487 8.15348C99.8394 8.09308 99.9465 8.06136 100.055 8.06253H102.571C102.68 8.06136 102.787 8.09308 102.878 8.15348C102.969 8.21394 103.039 8.30026 103.08 8.40121L108.177 22.189C108.207 22.2708 108.217 22.3586 108.206 22.445C108.194 22.5314 108.163 22.6138 108.113 22.6853C108.063 22.7568 107.996 22.8151 107.919 22.8555C107.842 22.8959 107.756 22.917 107.669 22.9171H105.732C105.618 22.9173 105.507 22.8819 105.415 22.8156C105.322 22.7493 105.253 22.6557 105.217 22.5479ZM101.282 10.4638L99.0967 16.9225H103.384L101.282 10.4638Z"></path><path d="M112.082 12.464V13.3174C112.467 12.7842 112.977 12.3546 113.568 12.0673C114.16 11.78 114.813 11.644 115.469 11.6714C118.471 11.6714 120.408 14.1506 120.408 17.3986C120.408 20.6465 118.471 23.1562 115.469 23.1562C114.811 23.1811 114.157 23.0418 113.565 22.751C112.974 22.46 112.465 22.0267 112.082 21.4899V25.9977C112.082 26.1414 112.026 26.2793 111.924 26.3809C111.822 26.4825 111.684 26.5396 111.54 26.5396H109.979C109.835 26.5396 109.697 26.4825 109.596 26.3809C109.494 26.2793 109.438 26.1414 109.438 25.9977V12.4504C109.438 12.3067 109.494 12.1689 109.596 12.0672C109.697 11.9656 109.835 11.9085 109.979 11.9085H111.527C111.601 11.9067 111.673 11.9198 111.742 11.947C111.81 11.9743 111.872 12.0151 111.924 12.0671C111.976 12.119 112.017 12.181 112.044 12.2492C112.071 12.3175 112.084 12.3905 112.082 12.464ZM114.914 20.8531C116.746 20.8531 117.644 19.2918 117.644 17.3986C117.644 15.5054 116.746 13.9813 114.914 13.9813C113.081 13.9813 112.082 15.502 112.082 17.3986C112.082 19.2952 113.062 20.8531 114.914 20.8531Z"></path><path d="M124.689 12.4637V13.3172C125.073 12.7846 125.584 12.3555 126.175 12.0683C126.766 11.7811 127.419 11.6447 128.076 11.6712C131.073 11.6712 133.01 14.1504 133.01 17.3984C133.01 20.6463 131.073 23.1559 128.076 23.1559C127.417 23.1799 126.763 23.0403 126.172 22.7495C125.581 22.4587 125.071 22.0258 124.689 21.4896V25.9974C124.689 26.1412 124.631 26.279 124.53 26.3807C124.428 26.4823 124.29 26.5394 124.147 26.5394H122.589C122.445 26.5394 122.307 26.4823 122.206 26.3807C122.104 26.279 122.047 26.1412 122.047 25.9974V12.4502C122.046 12.3789 122.06 12.3082 122.087 12.2423C122.114 12.1763 122.154 12.1164 122.204 12.066C122.255 12.0156 122.315 11.9757 122.38 11.9486C122.447 11.9215 122.517 11.9078 122.589 11.9083H124.147C124.219 11.9078 124.291 11.9219 124.358 11.9499C124.425 11.9778 124.485 12.0189 124.536 12.0707C124.586 12.1226 124.626 12.1841 124.652 12.2517C124.678 12.3192 124.691 12.3913 124.689 12.4637ZM127.523 20.8529C129.356 20.8529 130.233 19.2916 130.233 17.3984C130.233 15.5051 129.339 13.981 127.523 13.981C125.708 13.981 124.689 15.5017 124.689 17.3984C124.689 19.295 125.671 20.8529 127.523 20.8529Z"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M26.0362 1.36815C24.4417 0.867188 22.9893 0.867188 20.0373 0.867188H11.1812C8.24598 0.867188 6.77676 0.867188 5.20932 1.35464C4.35365 1.66446 3.57651 2.15864 2.93294 2.80218C2.28943 3.44565 1.79528 4.22274 1.48543 5.07842C0.984375 6.66273 0.984375 8.12853 0.984375 11.0635V19.9194C0.984375 22.8713 0.984375 24.3236 1.47185 25.9045C1.7817 26.7602 2.27591 27.5373 2.91942 28.1808C3.56294 28.8243 4.34007 29.3184 5.19581 29.6283C6.78015 30.1293 8.24598 30.1293 11.1812 30.1293H20.0508C22.9893 30.1293 24.4552 30.1293 26.0362 29.6283C26.8919 29.3184 27.669 28.8243 28.3125 28.1808C28.9561 27.5373 29.4503 26.7602 29.7601 25.9045C30.2612 24.3202 30.2612 22.8544 30.2612 19.9194V11.0771C30.2612 8.13871 30.2612 6.67286 29.7601 5.09194C29.4503 4.23631 28.9561 3.45917 28.3125 2.8157C27.669 2.17216 26.8919 1.67804 26.0362 1.36815ZM20.2896 11.8979C19.1918 10.9688 17.8008 10.458 16.3626 10.4558C15.1777 10.4558 13.9928 10.8485 13.9928 11.9385C13.9928 12.9322 15.0477 13.321 16.3473 13.8C16.4733 13.8465 16.6017 13.8938 16.7316 13.9426C19.3011 14.8092 21.4169 15.8721 21.4169 18.3908C21.4169 21.1261 19.2943 22.9947 15.8209 23.208L15.5061 24.6738C15.4773 24.8067 15.4038 24.9256 15.2978 25.0106C15.1917 25.0957 15.0597 25.1417 14.9238 25.141H12.7402C12.652 25.1389 12.5653 25.1173 12.4863 25.078C12.4072 25.0387 12.3378 24.9825 12.2829 24.9134C12.228 24.8443 12.189 24.764 12.1686 24.6781C12.1481 24.5922 12.1468 24.5029 12.1647 24.4166L12.5032 22.8695C11.1922 22.5352 9.98689 21.8749 8.99935 20.95C8.94275 20.8954 8.89769 20.83 8.86696 20.7575C8.83617 20.6851 8.82031 20.6073 8.82031 20.5286C8.82031 20.4499 8.83617 20.3721 8.86696 20.2996C8.89769 20.2272 8.94275 20.1617 8.99935 20.1071L10.2113 18.9223C10.3215 18.8139 10.4698 18.7532 10.6243 18.7532C10.7788 18.7532 10.9272 18.8139 11.0373 18.9223C12.1476 19.9815 13.6299 20.5615 15.1641 20.537C16.7451 20.537 17.8183 19.8668 17.8183 18.8038C17.8183 17.8428 16.9383 17.5209 15.2686 16.9102C15.0914 16.8454 14.9053 16.7773 14.7105 16.7049C12.5642 15.9398 10.533 14.8464 10.533 12.3041C10.533 9.36229 12.9907 7.92699 15.8886 7.78477L16.1933 6.29187C16.2226 6.16025 16.2959 6.0425 16.4012 5.95817C16.5064 5.87384 16.6373 5.82795 16.7722 5.82813H18.949C19.0366 5.82784 19.1231 5.84709 19.2023 5.88443C19.2815 5.92182 19.3513 5.97637 19.4068 6.04414C19.4623 6.11191 19.5019 6.19115 19.5228 6.27619C19.5438 6.36123 19.5455 6.44983 19.5279 6.53563L19.1893 8.20457C20.2976 8.56683 21.3244 9.14178 22.2125 9.89721C22.2731 9.94923 22.3222 10.0133 22.3568 10.0852C22.3914 10.1572 22.4107 10.2355 22.4136 10.3154C22.4164 10.3952 22.4028 10.4747 22.3734 10.549C22.344 10.6232 22.2996 10.6906 22.243 10.7469L21.1123 11.8809C21.0032 11.9882 20.8573 12.0498 20.7043 12.0529C20.5513 12.0561 20.403 12.0006 20.2896 11.8979Z"></path></svg>
diff --git a/public/logos/integrations/dropbox.svg b/public/logos/integrations/dropbox.svg
deleted file mode 100644
index 4c01c6a..0000000
--- a/public/logos/integrations/dropbox.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128"><path fill="#0061FE" d="M0 0h128v128H0z"/><path fill="#F7F5F2" d="M43.7 32 23.404 44.75 43.701 57.5 64 44.75 84.3 57.5l20.298-12.75L84.299 32 64.002 44.75 43.7 32Zm0 51L23.404 70.25 43.701 57.5 64 70.25 43.702 83Zm20.302-12.75L84.299 57.5l20.298 12.75L84.299 83 64.002 70.25Zm0 29.75L43.7 87.25 64 74.5l20.3 12.75L64.002 100Z"/></svg>
diff --git a/public/logos/integrations/figma.svg b/public/logos/integrations/figma.svg
deleted file mode 100644
index 78a05a9..0000000
--- a/public/logos/integrations/figma.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="54" height="80" viewBox="0 0 54 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_912_3)">
-<path d="M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z" fill="#0ACF83"/>
-<path d="M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z" fill="#A259FF"/>
-<path d="M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z" fill="#F24E1E"/>
-<path d="M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z" fill="#FF7262"/>
-<path d="M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z" fill="#1ABCFE"/>
-</g>
-<defs>
-<clipPath id="clip0_912_3">
-<rect width="53.3333" height="80" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/public/logos/integrations/github.svg b/public/logos/integrations/github.svg
deleted file mode 100644
index 7c4a574..0000000
--- a/public/logos/integrations/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" fill="none"><path fill="#1b1f23" fill-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28s87.04 5.76 128 17.28c97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0" clip-rule="evenodd"/></svg>
diff --git a/public/logos/integrations/gmail.svg b/public/logos/integrations/gmail.svg
deleted file mode 100644
index fc19b56..0000000
--- a/public/logos/integrations/gmail.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 49.4 512 399.42">
-  <g fill="none" fill-rule="evenodd">
-    <g fill-rule="nonzero">
-      <path fill="#4285f4" d="M34.91 448.818h81.454V251L0 163.727V413.91c0 19.287 15.622 34.91 34.91 34.91z"/>
-      <path fill="#34a853" d="M395.636 448.818h81.455c19.287 0 34.909-15.622 34.909-34.909V163.727L395.636 251z"/>
-      <path fill="#fbbc04" d="M395.636 99.727V251L512 163.727v-46.545c0-43.142-49.25-67.782-83.782-41.891z"/>
-    </g>
-    <path fill="#ea4335" d="M116.364 251V99.727L256 204.455 395.636 99.727V251L256 355.727z"/>
-    <path fill="#c5221f" fill-rule="nonzero" d="M0 117.182v46.545L116.364 251V99.727L83.782 75.291C49.25 49.4 0 74.04 0 117.18z"/>
-  </g>
-</svg>
diff --git a/public/logos/integrations/google-drive.svg b/public/logos/integrations/google-drive.svg
deleted file mode 100644
index 361112a..0000000
--- a/public/logos/integrations/google-drive.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.3 78">
-  <path fill="#0066da" d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3L27.5 53H0c0 1.55.4 3.1 1.2 4.5z"/>
-  <path fill="#00ac47" d="M43.65 25 29.9 1.2c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44A9.06 9.06 0 0 0 0 53h27.5z"/>
-  <path fill="#ea4335" d="M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75L86.1 57.5c.8-1.4 1.2-2.95 1.2-4.5H59.798l5.852 11.5z"/>
-  <path fill="#00832d" d="M43.65 25 57.4 1.2C56.05.4 54.5 0 52.9 0H34.4c-1.6 0-3.15.45-4.5 1.2z"/>
-  <path fill="#2684fc" d="M59.8 53H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"/>
-  <path fill="#ffba00" d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3L43.65 25 59.8 53h27.45c0-1.55-.4-3.1-1.2-4.5z"/>
-</svg>
diff --git a/public/logos/integrations/notion.svg b/public/logos/integrations/notion.svg
deleted file mode 100644
index 0de885e..0000000
--- a/public/logos/integrations/notion.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="256" height="268" preserveAspectRatio="xMidYMid" viewBox="0 0 256 268"><path fill="#FFF" d="M16.092 11.538 164.09.608c18.179-1.56 22.85-.508 34.28 7.801l47.243 33.282C253.406 47.414 256 48.975 256 55.207v182.527c0 11.439-4.155 18.205-18.696 19.24L65.44 267.378c-10.913.517-16.11-1.043-21.825-8.327L8.826 213.814C2.586 205.487 0 199.254 0 191.97V29.726c0-9.352 4.155-17.153 16.092-18.188Z"/><path d="M164.09.608 16.092 11.538C4.155 12.573 0 20.374 0 29.726v162.245c0 7.284 2.585 13.516 8.826 21.843l34.789 45.237c5.715 7.284 10.912 8.844 21.825 8.327l171.864-10.404c14.532-1.035 18.696-7.801 18.696-19.24V55.207c0-5.911-2.336-7.614-9.21-12.66l-1.185-.856L198.37 8.409C186.94.1 182.27-.952 164.09.608ZM69.327 52.22c-14.033.945-17.216 1.159-25.186-5.323L23.876 30.778c-2.06-2.086-1.026-4.69 4.163-5.207l142.274-10.395c11.947-1.043 18.17 3.12 22.842 6.758l24.401 17.68c1.043.525 3.638 3.637.517 3.637L71.146 52.095l-1.819.125Zm-16.36 183.954V81.222c0-6.767 2.077-9.887 8.3-10.413L230.02 60.93c5.724-.517 8.31 3.12 8.31 9.879v153.917c0 6.767-1.044 12.49-10.387 13.008l-161.487 9.361c-9.343.517-13.489-2.594-13.489-10.921ZM212.377 89.53c1.034 4.681 0 9.362-4.681 9.897l-7.783 1.542v114.404c-6.758 3.637-12.981 5.715-18.18 5.715-8.308 0-10.386-2.604-16.609-10.396l-50.898-80.079v77.476l16.1 3.646s0 9.362-12.989 9.362l-35.814 2.077c-1.043-2.086 0-7.284 3.63-8.318l9.351-2.595V109.823l-12.98-1.052c-1.044-4.68 1.55-11.439 8.826-11.965l38.426-2.585 52.958 81.113v-71.76l-13.498-1.552c-1.043-5.733 3.111-9.896 8.3-10.404l35.84-2.087Z"/></svg>
diff --git a/public/logos/integrations/slack.svg b/public/logos/integrations/slack.svg
deleted file mode 100644
index 6d14c72..0000000
--- a/public/logos/integrations/slack.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<svg
-  enable-background="new 0 0 2447.6 2452.5"
-  viewBox="0 0 2447.6 2452.5"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <g clip-rule="evenodd" fill-rule="evenodd">
-    <path
-      d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z"
-      fill="#36c5f0"
-    />
-    <path
-      d="m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z"
-      fill="#2eb67d"
-    />
-    <path
-      d="m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z"
-      fill="#ecb22e"
-    />
-    <path
-      d="m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0"
-      fill="#e01e5a"
-    />
-  </g>
-</svg>
diff --git a/public/logos/integrations/supabase.svg b/public/logos/integrations/supabase.svg
deleted file mode 100644
index 574f67e..0000000
--- a/public/logos/integrations/supabase.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg viewBox="0 0 109 113" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#paint0_linear)"/>
-<path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#paint1_linear)" fill-opacity="0.2"/>
-<path d="M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z" fill="#3ECF8E"/>
-<defs>
-<linearGradient id="paint0_linear" x1="53.9738" y1="54.974" x2="94.1635" y2="71.8295" gradientUnits="userSpaceOnUse">
-<stop stop-color="#249361"/>
-<stop offset="1" stop-color="#3ECF8E"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="36.1558" y1="30.578" x2="54.4844" y2="65.0806" gradientUnits="userSpaceOnUse">
-<stop/>
-<stop offset="1" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/public/logos/linear.svg b/public/logos/linear.svg
deleted file mode 100644
index f98ad4f..0000000
--- a/public/logos/linear.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 122 31" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65498 5.4192C4.49517 5.59338 4.50576 5.86062 4.67364 6.02715L25.4235 26.6055C25.5914 26.772 25.8609 26.7825 26.0365 26.624C29.079 23.8784 30.9888 19.9197 30.9888 15.5187C30.9888 7.22841 24.2123 0.507812 15.8529 0.507812C11.4152 0.507812 7.42352 2.40182 4.65498 5.4192ZM2.06157 9.32463C1.98489 9.4923 2.02355 9.68889 2.15481 9.81906L21.6 29.1035C21.7313 29.2337 21.9295 29.2721 22.0986 29.196C22.5478 28.994 22.9852 28.7708 23.4097 28.5277C23.662 28.3833 23.7007 28.0419 23.4946 27.8376L3.43132 7.94007C3.22533 7.73577 2.88109 7.77411 2.73544 8.02431C2.49037 8.44527 2.26532 8.87913 2.06157 9.32463ZM0.88189 14.8466C0.790844 14.7563 0.742401 14.6319 0.750973 14.5045C0.791115 13.9077 0.866419 13.3206 0.974847 12.745C1.03986 12.3998 1.46512 12.2801 1.71546 12.5283L18.8682 29.5393C19.1185 29.7875 18.9977 30.2093 18.6497 30.2738C18.0693 30.3813 17.4773 30.456 16.8756 30.4958C16.7471 30.5043 16.6216 30.4562 16.5306 30.3659L0.88189 14.8466ZM1.93451 19.0355C1.622 18.7256 1.11767 18.9926 1.23213 19.416C2.62655 24.5739 6.7222 28.6357 11.9231 30.0186C12.35 30.1321 12.6193 29.632 12.3068 29.322L1.93451 19.0355ZM61.7293 8.76831C62.8144 8.76831 63.6937 7.89291 63.6937 6.81306C63.6937 5.73321 62.8144 4.85781 61.7293 4.85781C60.6445 4.85781 59.7652 5.73321 59.7652 6.81306C59.7652 7.89291 60.6445 8.76831 61.7293 8.76831ZM44.9039 25.8202V4.85898H48.3948V22.7534H57.8071V25.8202H44.9039ZM69.7501 17.2669V25.8202H66.3724V10.9645H69.7077V13.5107L69.7501 13.4826C70.0892 12.6854 70.6358 12.0196 71.3896 11.485C72.1432 10.941 73.1042 10.669 74.2728 10.669C75.3091 10.669 76.2511 10.8988 77.0993 11.3584C77.9472 11.8085 78.6254 12.4697 79.1342 13.3419C79.643 14.2142 79.8974 15.2833 79.8974 16.5494V25.8202H76.5197V17.0137C76.5197 15.8882 76.2181 15.0348 75.6152 14.4533C75.0217 13.8625 74.2256 13.567 73.2267 13.567C72.586 13.567 72.0019 13.6983 71.4743 13.9609C70.9468 14.2235 70.5275 14.6268 70.2165 15.1708C69.9056 15.7147 69.7501 16.4134 69.7501 17.2669ZM100.334 25.567C101.107 25.8952 101.993 26.0594 102.991 26.0594C103.811 26.0594 104.513 25.9562 105.097 25.7498C105.681 25.5341 106.162 25.2481 106.539 24.8917C106.925 24.5353 107.231 24.1461 107.457 23.7241H107.514V25.8202H110.75V15.5928C110.75 14.8706 110.609 14.2095 110.326 13.6092C110.044 13.009 109.634 12.4885 109.097 12.0477C108.569 11.6069 107.928 11.2693 107.174 11.0348C106.421 10.7909 105.573 10.669 104.631 10.669C103.34 10.669 102.223 10.8894 101.281 11.3302C100.348 11.7617 99.6183 12.3431 99.0905 13.0747C98.5629 13.8062 98.2755 14.6315 98.2283 15.5506H101.493C101.531 15.1192 101.682 14.7347 101.945 14.397C102.209 14.0594 102.567 13.7968 103.02 13.6092C103.472 13.4123 103.995 13.3138 104.588 13.3138C105.182 13.3138 105.686 13.4123 106.101 13.6092C106.524 13.8062 106.85 14.0735 107.076 14.4111C107.302 14.7487 107.415 15.1426 107.415 15.5928V15.7054C107.415 16.043 107.297 16.2915 107.062 16.451C106.835 16.6104 106.449 16.7276 105.903 16.8026C105.366 16.8777 104.631 16.9668 103.698 17.0699C102.935 17.1543 102.2 17.281 101.493 17.4498C100.787 17.6186 100.155 17.8671 99.5993 18.1954C99.0529 18.5236 98.6195 18.9597 98.2991 19.5037C97.9788 20.0477 97.8188 20.7464 97.8188 21.5998C97.8188 22.5846 98.0447 23.4099 98.497 24.0758C98.9492 24.7323 99.5618 25.2293 100.334 25.567ZM105.804 23.0769C105.257 23.3677 104.584 23.513 103.783 23.513C102.972 23.513 102.327 23.3442 101.847 23.0066C101.366 22.6596 101.126 22.186 101.126 21.5858C101.126 21.1168 101.258 20.737 101.521 20.4462C101.795 20.1555 102.153 19.9257 102.596 19.7569C103.038 19.5881 103.519 19.4709 104.037 19.4052C104.414 19.349 104.781 19.2927 105.14 19.2364C105.497 19.1708 105.832 19.1098 106.143 19.0535C106.454 18.9879 106.718 18.9222 106.934 18.8566C107.161 18.7909 107.325 18.7206 107.429 18.6455V20.3056C107.429 20.887 107.292 21.4216 107.019 21.9093C106.755 22.3876 106.35 22.7768 105.804 23.0769ZM113.697 25.8202V10.9645H116.948V13.4123H116.99C117.263 12.5682 117.692 11.9258 118.276 11.485C118.87 11.0348 119.647 10.8097 120.608 10.8097C120.844 10.8097 121.056 10.8191 121.244 10.8379C121.442 10.8472 121.607 10.8566 121.739 10.866V13.8906C121.616 13.8718 121.4 13.8484 121.089 13.8203C120.778 13.7921 120.448 13.778 120.099 13.778C119.543 13.778 119.035 13.9046 118.573 14.1579C118.111 14.4111 117.744 14.8003 117.471 15.3255C117.207 15.8414 117.075 16.4932 117.075 17.281V25.8202H113.697ZM60.0335 25.8202V10.9645H63.4112V25.8202H60.0335ZM85.5155 25.159C86.599 25.8249 87.8853 26.1578 89.3739 26.1578C90.5234 26.1578 91.5691 25.9515 92.5114 25.5388C93.4631 25.1168 94.2544 24.54 94.8857 23.8085C95.517 23.0676 95.9269 22.2141 96.1154 21.2481H92.9355C92.7939 21.6889 92.5631 22.0781 92.2428 22.4157C91.9321 22.744 91.541 23.0019 91.07 23.1895C90.5987 23.3771 90.0524 23.4708 89.4304 23.4708C88.5919 23.4708 87.871 23.2833 87.2682 22.9081C86.6747 22.533 86.2224 22.0125 85.9114 21.3466C85.6292 20.7337 85.4749 20.0397 85.4489 19.2645H96.3132V18.3642C96.3132 17.22 96.1435 16.179 95.8044 15.2411C95.4653 14.2939 94.9846 13.4779 94.3627 12.7933C93.741 12.0993 92.9921 11.5647 92.1157 11.1896C91.2488 10.8144 90.2832 10.6268 89.2184 10.6268C87.8335 10.6268 86.6087 10.9598 85.5439 11.6257C84.4791 12.2915 83.6454 13.2107 83.0422 14.383C82.4394 15.5553 82.1378 16.8964 82.1378 18.4064C82.1378 19.907 82.43 21.2434 83.0141 22.4157C83.5982 23.5787 84.4322 24.4931 85.5155 25.159ZM92.6245 15.3255C92.3135 14.6878 91.8707 14.1954 91.2959 13.8484C90.7212 13.5014 90.043 13.3279 89.2607 13.3279C88.4881 13.3279 87.8145 13.5014 87.2397 13.8484C86.6746 14.1954 86.2318 14.6878 85.9114 15.3255C85.6828 15.7874 85.5382 16.3126 85.4777 16.9011H93.058C92.9975 16.3126 92.8529 15.7874 92.6245 15.3255Z"></path></svg>
diff --git a/public/logos/loom.svg b/public/logos/loom.svg
deleted file mode 100644
index 95db52e..0000000
--- a/public/logos/loom.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 99 31" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path d="M38.0781 26.5517V4.44531H42.0332V26.5517H38.0781Z"></path><path d="M76.0156 11.5289H79.7927V13.3616C80.5953 11.8961 82.4697 11.1016 84.075 11.1016C86.0686 11.1016 87.6738 11.9875 88.4172 13.6052C89.5763 11.7725 91.124 11.1016 93.0571 11.1016C95.763 11.1016 98.3503 12.7811 98.3503 16.811V26.5515H94.5139V17.6361C94.5139 16.0175 93.7402 14.7965 91.926 14.7965C90.2305 14.7965 89.2189 16.1402 89.2189 17.7588V26.5525H85.2946V17.6361C85.2946 16.0175 84.4919 14.7965 82.7067 14.7965C80.9813 14.7965 79.9698 16.1097 79.9698 17.7588V26.5525H76.0156V11.5289Z"></path><path d="M50.971 26.9864C46.5155 26.9864 43.2891 23.5951 43.2891 19.0402C43.2891 14.5579 46.5052 11.0859 50.971 11.0859C55.459 11.0859 58.6533 14.5901 58.6533 19.0402C58.6533 23.562 55.425 26.9864 50.971 26.9864ZM50.971 14.763C48.6732 14.763 46.8038 16.6816 46.8038 19.0412C46.8038 21.4006 48.6732 23.3193 50.971 23.3193C53.2691 23.3193 55.1376 21.4006 55.1376 19.0412C55.1376 16.6816 53.2691 14.763 50.971 14.763Z"></path><path d="M67.1041 26.9864C62.6483 26.9864 59.4219 23.5951 59.4219 19.0402C59.4219 14.5579 62.638 11.0859 67.1041 11.0859C71.5918 11.0859 74.7861 14.5901 74.7861 19.0402C74.7861 23.562 71.5561 26.9864 67.1041 26.9864ZM67.1041 14.7119C64.7797 14.7119 62.8885 16.6539 62.8885 19.0393C62.8885 21.4248 64.7797 23.3667 67.1041 23.3667C69.4282 23.3667 71.3194 21.4248 71.3194 19.0393C71.3185 16.6539 69.4273 14.7119 67.1041 14.7119Z"></path><path d="M30.1043 13.8198H21.4933L28.9509 9.40149L27.3131 6.48975L19.8556 10.9081L24.1602 3.25587L21.3228 1.57426L17.0181 9.22646V0.390625H13.7425V9.22731L9.43615 1.57426L6.59959 3.25502L10.9051 10.9072L3.44749 6.48975L1.80966 9.40064L9.26724 13.819H0.65625V17.1805H9.26641L1.80966 21.5989L3.44749 24.5106L10.9043 20.0931L6.59876 27.7453L9.43615 29.426L13.7416 21.7731V30.6097H17.0173V21.7739L21.322 29.426L24.1593 27.7453L19.8539 20.0923L27.3114 24.5106L28.9493 21.5989L21.4925 17.1813H30.1026V13.8198H30.1043ZM15.3803 20.0719C12.9104 20.0719 10.9084 18.0176 10.9084 15.4828C10.9084 12.9482 12.9104 10.8937 15.3803 10.8937C17.8502 10.8937 19.8521 12.9482 19.8521 15.4828C19.8521 18.0176 17.8502 20.0719 15.3803 20.0719Z"></path></svg>
diff --git a/public/logos/medium.svg b/public/logos/medium.svg
deleted file mode 100644
index a419dc3..0000000
--- a/public/logos/medium.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 132 21" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path d="M62.1915 1.56344L62.1641 1.56944C61.1444 1.79968 60.627 2.14298 60.627 3.3812H60.6224L60.627 18.2354C60.714 19.2134 61.2396 19.5153 62.1641 19.7239L62.1915 19.7302V19.9404H55.0749V19.7302L55.1023 19.7239C56.0258 19.5153 56.5392 19.2134 56.6262 18.2354V3.78459L49.767 19.907H49.3889L42.7236 4.22197V17.8774C42.7236 19.1156 43.2415 19.4589 44.2617 19.6892L44.2886 19.6952V19.907H40.2031V19.6945L40.2299 19.6884C41.25 19.4583 41.7701 19.1149 41.7701 17.8767V3.3812C41.7701 2.14298 41.2521 1.79968 40.2319 1.56944L40.2051 1.56344V1.35156H46.2267L51.415 13.5466L56.6038 1.35156H62.1915V1.56344Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M73.6869 11.9082H65.346L65.345 11.9089C65.1832 14.7676 66.9661 17.1276 69.2933 17.3017C70.9984 17.4292 72.4968 16.3842 73.3307 14.6598L73.5704 14.7442C73.0957 17.9527 71.1917 20.343 67.9221 20.343C64.1966 20.343 62.0993 17.24 62.0093 13.3573C62.0067 13.2072 62.0077 13.058 62.0108 12.9098C62.0128 12.8174 62.0164 12.7253 62.021 12.6336C62.0235 12.5845 62.026 12.5385 62.0296 12.4871C62.0332 12.4357 62.0367 12.3843 62.0413 12.3329C62.1751 10.6186 62.7272 9.09318 63.6379 7.96441C64.2037 7.26377 64.884 6.72991 65.6549 6.37292C66.3321 6.03191 67.2841 5.84375 68.06 5.84375H68.0936C69.589 5.84375 71.0126 6.34957 71.9742 7.26875C73.0865 8.33244 73.6635 9.8816 73.6869 11.8732V11.9082ZM68.0376 6.65751C66.4679 6.68987 65.5327 8.56971 65.4162 11.1742H70.1802C70.229 9.14122 69.9141 7.78093 69.243 7.12995C68.9275 6.82435 68.5215 6.66555 68.0376 6.65751Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M87.1166 17.8132C87.1166 19.1145 87.6346 19.4738 88.6542 19.7151L88.6812 19.7204V19.9426H83.121V17.7972C82.4844 19.3954 81.0928 20.343 79.3634 20.343C76.4077 20.343 74.4214 17.6311 74.4219 13.5962C74.4219 11.337 75.0711 9.38915 76.2999 7.96379C77.4788 6.59618 79.1136 5.84313 80.9015 5.84313C81.7833 5.84313 82.5104 6.03297 83.121 6.42298V4.04938C83.121 3.52357 82.9927 3.14984 82.7292 2.90632C82.3923 2.59532 81.8128 2.47723 80.958 2.54627L80.9198 2.54928V2.32575L87.1166 0.5V17.8132ZM81.5116 18.1759C82.2768 18.1759 82.8477 17.8189 83.121 17.17V7.60945C82.8508 6.98655 82.2845 6.62951 81.5645 6.62951C79.8463 6.62951 78.7355 8.93874 78.7355 12.5088C78.7355 14.2241 79.0164 15.6722 79.5507 16.6965C80.0472 17.6508 80.7463 18.1759 81.5116 18.1759Z"></path><path d="M91.7591 0.644531C93.0189 0.644531 93.9689 1.59481 93.9689 2.85465C93.9689 4.11454 93.0189 5.06476 91.7591 5.06476C90.5059 5.06476 89.5234 4.09383 89.5234 2.85465C89.5234 1.61546 90.5049 0.644531 91.7591 0.644531Z"></path><path d="M93.8929 17.8119C93.8929 19.1132 94.4104 19.4725 95.4306 19.7137L95.4591 19.7191V19.9413H89.8937V9.62677C89.8937 8.22074 89.5645 7.80631 88.3612 7.69925L88.3281 7.69625V7.47934L93.8884 5.88281V17.8119H93.8929Z"></path><path d="M108.142 17.8119C108.142 19.1132 108.66 19.4725 109.68 19.7137L109.706 19.7227V19.9449H104.146V17.7429C103.514 19.3284 102.079 20.3417 100.442 20.3417C98.5098 20.3417 97.2764 19.4595 96.8053 17.7725L96.7056 17.3371C96.6257 16.8988 96.587 16.454 96.5895 16.0085V9.62677C96.5895 8.22039 96.2598 7.806 95.057 7.69925L95.0234 7.69625V7.4797L100.584 5.88317V15.9034C100.584 17.3858 101.25 18.2023 102.459 18.2023C103.204 18.1763 103.819 17.7909 104.147 17.1419V9.60138C104.147 8.18904 103.863 7.75095 102.879 7.64751L102.848 7.6442V7.42663L108.142 5.88281V17.8119Z"></path><path d="M131.286 19.7207V19.9432H125.726V10.0431C125.726 8.44255 125.157 7.66482 123.984 7.66482C123.016 7.66482 122.518 8.36649 122.271 8.95936C122.321 9.26455 122.346 9.57356 122.344 9.88292V18.1575C122.344 19.1285 122.629 19.5068 123.512 19.7144L123.539 19.721V19.9432H118.35V10.0431C118.35 8.4656 117.764 7.66482 116.608 7.66482C115.677 7.66482 115.206 8.31107 114.973 8.85663V18.1575C114.973 19.1285 115.258 19.5068 116.141 19.7144L116.168 19.721V19.9432H110.98V9.53993C110.98 8.16998 110.636 7.74353 109.448 7.63811L109.414 7.63511V7.41692L114.975 5.88578V8.21699C115.537 6.72625 116.847 5.84375 118.52 5.84375C120.424 5.84375 121.711 6.75327 122.158 8.40821C122.721 6.84638 124.185 5.84375 125.92 5.84375C128.3 5.84375 129.721 7.35383 129.721 9.88394V17.9984C129.721 18.978 130.152 19.4591 131.259 19.7144L131.286 19.7207Z"></path><path d="M10.0364 20.5015C15.4631 20.5015 19.8622 16.0719 19.8622 10.608C19.8622 5.14408 15.4628 0.714844 10.0364 0.714844C4.61003 0.714844 0.210938 5.14276 0.210938 10.608C0.210938 16.0732 4.60973 20.5015 10.0364 20.5015Z"></path><path d="M25.7254 19.9227C28.4386 19.9227 30.6383 15.7534 30.6383 10.6098C30.6383 5.46753 28.4386 1.29688 25.7254 1.29688C23.0122 1.29688 20.8125 5.46753 20.8125 10.6098C20.8125 15.7521 23.0122 19.9227 25.7254 19.9227Z"></path><path d="M35.0496 10.6057C35.0496 15.2142 34.2759 18.9497 33.3217 18.9497C32.3675 18.9497 31.5938 15.2128 31.5938 10.6057C31.5938 5.99865 32.3675 2.26172 33.322 2.26172C34.2766 2.26172 35.0496 5.99763 35.0496 10.6057Z"></path></svg>
diff --git a/public/logos/nextjs.svg b/public/logos/nextjs.svg
deleted file mode 100644
index 65745d8..0000000
--- a/public/logos/nextjs.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="394" height="80" viewBox="0 0 394 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M261.919 0.0330722H330.547V12.7H303.323V79.339H289.71V12.7H261.919V0.0330722Z" fill="black"/>
-<path d="M149.052 0.0330722V12.7H94.0421V33.0772H138.281V45.7441H94.0421V66.6721H149.052V79.339H80.43V12.7H80.4243V0.0330722H149.052Z" fill="black"/>
-<path d="M183.32 0.0661486H165.506L229.312 79.3721H247.178L215.271 39.7464L247.127 0.126654L229.312 0.154184L206.352 28.6697L183.32 0.0661486Z" fill="black"/>
-<path d="M201.6 56.7148L192.679 45.6229L165.455 79.4326H183.32L201.6 56.7148Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M80.907 79.339L17.0151 0H0V79.3059H13.6121V16.9516L63.8067 79.339H80.907Z" fill="black"/>
-<path d="M333.607 78.8546C332.61 78.8546 331.762 78.5093 331.052 77.8186C330.342 77.1279 329.991 76.2917 330 75.3011C329.991 74.3377 330.342 73.5106 331.052 72.8199C331.762 72.1292 332.61 71.7838 333.607 71.7838C334.566 71.7838 335.405 72.1292 336.115 72.8199C336.835 73.5106 337.194 74.3377 337.204 75.3011C337.194 75.9554 337.028 76.5552 336.696 77.0914C336.355 77.6368 335.922 78.064 335.377 78.373C334.842 78.6911 334.252 78.8546 333.607 78.8546Z" fill="black"/>
-<path d="M356.84 45.4453H362.872V68.6846C362.863 70.8204 362.401 72.6472 361.498 74.1832C360.585 75.7191 359.321 76.8914 357.698 77.7185C356.084 78.5364 354.193 78.9546 352.044 78.9546C350.079 78.9546 348.318 78.6001 346.75 77.9094C345.182 77.2187 343.937 76.1826 343.024 74.8193C342.101 73.456 341.649 71.7565 341.649 69.7207H347.691C347.7 70.6114 347.903 71.3838 348.29 72.0291C348.677 72.6744 349.212 73.1651 349.895 73.5105C350.586 73.8559 351.38 74.0286 352.274 74.0286C353.243 74.0286 354.073 73.8286 354.746 73.4196C355.419 73.0197 355.936 72.4199 356.296 71.6201C356.646 70.8295 356.831 69.8479 356.84 68.6846V45.4453Z" fill="black"/>
-<path d="M387.691 54.5338C387.544 53.1251 386.898 52.0254 385.773 51.2438C384.638 50.4531 383.172 50.0623 381.373 50.0623C380.11 50.0623 379.022 50.2532 378.118 50.6258C377.214 51.0075 376.513 51.5164 376.033 52.1617C375.554 52.807 375.314 53.5432 375.295 54.3703C375.295 55.061 375.461 55.6608 375.784 56.1607C376.107 56.6696 376.54 57.0968 377.103 57.4422C377.656 57.7966 378.274 58.0874 378.948 58.3237C379.63 58.56 380.313 58.76 380.995 58.9236L384.14 59.6961C385.404 59.9869 386.631 60.3778 387.802 60.8776C388.973 61.3684 390.034 61.9955 390.965 62.7498C391.897 63.5042 392.635 64.413 393.179 65.4764C393.723 66.5397 394 67.7848 394 69.2208C394 71.1566 393.502 72.8562 392.496 74.3285C391.491 75.7917 390.043 76.9369 388.143 77.764C386.252 78.582 383.965 79 381.272 79C378.671 79 376.402 78.6002 374.493 77.8004C372.575 77.0097 371.08 75.8463 370.001 74.3194C368.922 72.7926 368.341 70.9294 368.258 68.7391H374.235C374.318 69.8842 374.687 70.8386 375.314 71.6111C375.95 72.3745 376.78 72.938 377.795 73.3197C378.819 73.6923 379.962 73.8832 381.226 73.8832C382.545 73.8832 383.707 73.6832 384.712 73.2924C385.708 72.9016 386.492 72.3564 387.055 71.6475C387.627 70.9476 387.913 70.1206 387.922 69.1754C387.913 68.312 387.654 67.5939 387.156 67.0304C386.649 66.467 385.948 65.9944 385.053 65.6127C384.15 65.231 383.098 64.8856 381.899 64.5857L378.081 63.6223C375.323 62.9225 373.137 61.8592 371.541 60.4323C369.937 59.0054 369.143 57.115 369.143 54.7429C369.143 52.798 369.678 51.0894 370.758 49.6261C371.827 48.1629 373.294 47.0268 375.148 46.2179C377.011 45.4 379.114 45 381.456 45C383.836 45 385.92 45.4 387.719 46.2179C389.517 47.0268 390.929 48.1538 391.952 49.5897C392.976 51.0257 393.511 52.6707 393.539 54.5338H387.691Z" fill="black"/>
-</svg>
diff --git a/public/logos/openai.svg b/public/logos/openai.svg
deleted file mode 100644
index 7c57230..0000000
--- a/public/logos/openai.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 110 31" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path d="M34.5469 14.5155C34.5469 19.4338 37.7054 22.8631 42.0822 22.8631C46.4591 22.8631 49.6176 19.4338 49.6176 14.5155C49.6176 9.59721 46.4591 6.16797 42.0822 6.16797C37.7054 6.16797 34.5469 9.59721 34.5469 14.5155ZM46.7298 14.5155C46.7298 18.035 44.8121 20.3137 42.0822 20.3137C39.3524 20.3137 37.4347 18.035 37.4347 14.5155C37.4347 10.996 39.3524 8.71736 42.0822 8.71736C44.8121 8.71736 46.7298 10.996 46.7298 14.5155Z"></path><path d="M57.7468 22.8652C61.0633 22.8652 62.9584 20.0676 62.9584 16.706C62.9584 13.3444 61.0633 10.5469 57.7468 10.5469C56.2127 10.5469 55.0846 11.156 54.3401 12.0359V10.7725H51.6328V26.678H54.3401V21.3761C55.0846 22.256 56.2127 22.8652 57.7468 22.8652ZM54.2724 16.3676C54.2724 14.1341 55.5359 12.9158 57.2054 12.9158C59.1682 12.9158 60.2285 14.4499 60.2285 16.706C60.2285 18.9621 59.1682 20.4963 57.2054 20.4963C55.5359 20.4963 54.2724 19.2554 54.2724 17.067V16.3676Z"></path><path d="M70.2843 22.8652C72.6532 22.8652 74.5258 21.6243 75.3605 19.5487L73.0367 18.6688C72.6758 19.8871 71.6154 20.5639 70.2843 20.5639C68.5471 20.5639 67.3288 19.3231 67.1258 17.2926H75.4282V16.3902C75.4282 13.1414 73.6008 10.5469 70.1715 10.5469C66.7422 10.5469 64.5312 13.2316 64.5312 16.706C64.5312 20.3609 66.9002 22.8652 70.2843 22.8652ZM70.1489 12.8255C71.8636 12.8255 72.6758 13.9536 72.6983 15.2621H67.2611C67.6672 13.6603 68.7501 12.8255 70.1489 12.8255Z"></path><path d="M77.4609 22.617H80.1683V15.6682C80.1683 13.9761 81.4091 13.0737 82.6274 13.0737C84.1164 13.0737 84.703 14.1341 84.703 15.6005V22.617H87.4103V14.8109C87.4103 12.2615 85.9213 10.5469 83.4396 10.5469C81.9054 10.5469 80.8451 11.2463 80.1683 12.0359V10.7725H77.4609V22.617Z"></path><path d="M95.3397 6.41797L89.2031 22.6167H92.0684L93.4446 18.9167H100.438L101.837 22.6167H104.748L98.611 6.41797H95.3397ZM96.919 9.62163L99.4909 16.3899H94.3921L96.919 9.62163Z"></path><path d="M109.396 6.46484H106.508V22.6636H109.396V6.46484Z"></path><path d="M27.9278 12.3665C28.6102 10.3182 28.3752 8.07433 27.2838 6.21115C25.6425 3.35343 22.343 1.88321 19.1205 2.57508C17.687 0.960086 15.6273 0.0416664 13.4681 0.054827C10.1742 0.0473067 7.25158 2.16804 6.2382 5.30213C4.12219 5.73551 2.29568 7.06002 1.22685 8.93727C-0.426682 11.7875 -0.0497272 15.3803 2.15937 17.8244C1.4769 19.8728 1.71191 22.1166 2.8033 23.9798C4.4446 26.8375 7.74416 28.3078 10.9666 27.6159C12.3992 29.2309 14.4598 30.1494 16.6191 30.1352C19.9149 30.1437 22.8384 28.021 23.8518 24.8841C25.9678 24.4508 27.7943 23.1263 28.8631 21.249C30.5148 18.3988 30.137 14.8088 27.9287 12.3646L27.9278 12.3665ZM16.621 28.1696C15.3021 28.1714 14.0246 27.7099 13.0121 26.8648C13.0582 26.8403 13.1381 26.7962 13.1898 26.7642L19.1797 23.3049C19.4862 23.131 19.6742 22.8048 19.6723 22.4522V14.0078L22.2038 15.4696C22.2311 15.4828 22.249 15.5091 22.2527 15.5392V22.5321C22.249 25.6418 19.7306 28.163 16.621 28.1696ZM4.50945 22.9965C3.84863 21.8553 3.61081 20.5176 3.83735 19.2194C3.88154 19.2457 3.95954 19.2937 4.01501 19.3257L10.0049 22.785C10.3086 22.9627 10.6846 22.9627 10.9892 22.785L18.3018 18.5624V21.4859C18.3036 21.5159 18.2895 21.5451 18.266 21.5639L12.2112 25.0599C9.51423 26.6129 6.06995 25.6897 4.51042 22.9965H4.50945ZM2.93302 9.9215C3.59104 8.77841 4.62981 7.90416 5.8669 7.45014C5.8669 7.50182 5.86408 7.59303 5.86408 7.65695V14.5766C5.86218 14.9281 6.05019 15.2543 6.35572 15.4282L13.6683 19.65L11.1368 21.1117C11.1114 21.1287 11.0794 21.1315 11.0512 21.1193L4.99548 17.6204C2.30413 16.0618 1.38101 12.6185 2.93208 9.92243L2.93302 9.9215ZM23.7324 14.7618L16.4198 10.5391L18.9513 9.07829C18.9767 9.06136 19.0087 9.05853 19.0369 9.07077L25.0926 12.5668C27.7887 14.1244 28.7127 17.5734 27.155 20.2695C26.4961 21.4107 25.4583 22.2849 24.2221 22.7399V15.6134C24.2249 15.2619 24.0379 14.9366 23.7333 14.7618H23.7324ZM26.2517 10.9697C26.2075 10.9424 26.1295 10.8954 26.074 10.8634L20.0841 7.40406C19.7804 7.2264 19.4044 7.2264 19.0998 7.40406L11.7873 11.6267V8.70321C11.7854 8.67313 11.7995 8.64398 11.823 8.62518L17.8778 5.13199C20.5748 3.57621 24.0228 4.50217 25.5777 7.20008C26.2347 8.33941 26.4726 9.67333 26.2498 10.9697H26.2517ZM10.411 16.1803L7.87856 14.7185C7.85131 14.7054 7.83347 14.679 7.82971 14.649V7.65599C7.83157 4.54257 10.3575 2.01951 13.4709 2.02139C14.7879 2.02139 16.0626 2.48389 17.075 3.32618C17.0289 3.3506 16.95 3.39479 16.8973 3.42677L10.9074 6.88612C10.6009 7.06002 10.4129 7.38526 10.4148 7.73778L10.411 16.1784V16.1803ZM11.7863 13.2154L15.0436 11.3344L18.3008 13.2145V16.9756L15.0436 18.8556L11.7863 16.9756V13.2154Z"></path></svg>
diff --git a/public/logos/retool.svg b/public/logos/retool.svg
deleted file mode 100644
index b964e8e..0000000
--- a/public/logos/retool.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 113 25" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 2.69908C0.75 1.48458 1.73458 0.5 2.94908 0.5H11.551C12.7655 0.5 13.75 1.48458 13.75 2.69908V4.4005C13.75 5.00775 13.2577 5.50004 12.6505 5.50004H1.84954C1.24229 5.50004 0.75 5.00775 0.75 4.4005V2.69908Z"></path><path d="M0.75 9.59954C0.75 8.99224 1.24229 8.5 1.84954 8.5H22.551C23.7655 8.5 24.7501 9.48453 24.7501 10.6991V16.4005C24.7501 17.0077 24.2578 17.5 23.6506 17.5H2.94908C1.73458 17.5 0.75 16.5154 0.75 15.3009V9.59954Z"></path><path d="M11.75 21.5995C11.75 20.9923 12.2423 20.5 12.8495 20.5H23.6505C24.2577 20.5 24.75 20.9923 24.75 21.5995V22.3009C24.75 23.5154 23.7654 24.5 22.5509 24.5H13.9491C12.7346 24.5 11.75 23.5154 11.75 22.3009V21.5995Z"></path><path d="M38.3455 15.241H40.6572L44.9499 22.2582H50.2059L45.4452 14.7456C48.0872 13.8375 49.628 11.8012 49.628 8.85671C49.628 4.72899 46.7389 2.5 42.0881 2.5H33.75V22.2582H38.3455V15.241ZM38.3455 11.4985V6.38009H41.8404C44.0144 6.38009 45.115 7.31571 45.115 8.93927C45.115 10.5353 44.0144 11.4985 41.8404 11.4985H38.3455Z"></path><path d="M58.113 22.5607C61.0026 22.5607 63.6446 21.1023 64.7178 18.3229L61.0305 17.1396C60.6177 18.4055 59.5444 19.0659 58.1682 19.0659C56.4896 19.0659 55.3064 17.9377 55.0036 15.9563H64.8278V14.8006C64.8278 10.7002 62.4335 7.45312 58.0309 7.45312C53.8477 7.45312 50.7656 10.7002 50.7656 14.9932C50.7656 19.5062 53.7378 22.5607 58.113 22.5607ZM57.9757 10.8655C59.5991 10.8655 60.4525 11.9662 60.4799 13.2595H55.1413C55.5815 11.6635 56.6274 10.8655 57.9757 10.8655Z"></path><path d="M67.3281 18.378C67.3281 21.35 68.8967 22.3957 72.0335 22.3957C73.0794 22.3957 73.9051 22.3133 74.6755 22.2031V18.5982C74.1801 18.6532 73.9324 18.6807 73.4097 18.6807C72.309 18.6807 71.6759 18.4606 71.6759 17.2498V11.3884H74.5103V7.75595H71.6759V3.73828H67.3281V7.75595H65.4844V11.3884H67.3281V18.378Z"></path><path d="M90.4203 15.0207C90.4203 10.5077 87.4212 7.45312 83.1555 7.45312C78.8628 7.45312 75.8906 10.5077 75.8906 15.0207C75.8906 19.5337 78.8628 22.5607 83.1555 22.5607C87.4212 22.5607 90.4203 19.5337 90.4203 15.0207ZM80.2663 15.0207C80.2663 12.489 81.3943 11.0581 83.1555 11.0581C84.9171 11.0581 86.0451 12.489 86.0451 15.0207C86.0451 17.5524 84.9171 18.9833 83.1555 18.9833C81.3943 18.9833 80.2663 17.5524 80.2663 15.0207Z"></path><path d="M106.28 15.0207C106.28 10.5077 103.281 7.45312 99.0148 7.45312C94.7222 7.45312 91.75 10.5077 91.75 15.0207C91.75 19.5337 94.7222 22.5607 99.0148 22.5607C103.281 22.5607 106.28 19.5337 106.28 15.0207ZM96.1257 15.0207C96.1257 12.489 97.2537 11.0581 99.0148 11.0581C100.776 11.0581 101.904 12.489 101.904 15.0207C101.904 17.5524 100.776 18.9833 99.0148 18.9833C97.2537 18.9833 96.1257 17.5524 96.1257 15.0207Z"></path><path d="M112.747 2.5H108.344V22.2582H112.747V2.5Z"></path></svg>
diff --git a/public/logos/stripe.svg b/public/logos/stripe.svg
deleted file mode 100644
index 76cce7a..0000000
--- a/public/logos/stripe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 73 31" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M72.2313 15.5944C72.2313 10.4676 69.7478 6.4222 65.0013 6.4222C60.2348 6.4222 57.3508 10.4676 57.3508 15.5543C57.3508 21.5824 60.7558 24.6264 65.6423 24.6264C68.0253 24.6264 69.8278 24.0857 71.1898 23.3247V19.3194C69.8278 20.0003 68.2658 20.4209 66.2833 20.4209C64.3403 20.4209 62.6183 19.74 62.3978 17.3768H72.1913C72.1913 17.1165 72.2313 16.0751 72.2313 15.5944ZM62.3378 13.6919C62.3378 11.4289 63.7198 10.4876 64.9813 10.4876C66.2028 10.4876 67.5048 11.4289 67.5048 13.6919H62.3378ZM49.6203 6.4222C47.6578 6.4222 46.3958 7.3434 45.6948 7.98425L45.4348 6.7426H41.0288V30.0938L46.0353 29.0323L46.0553 23.3648C46.7763 23.8855 47.8378 24.6264 49.6003 24.6264C53.1853 24.6264 56.4498 21.7426 56.4498 15.3941C56.4298 9.5864 53.1253 6.4222 49.6203 6.4222ZM48.4188 20.2206C47.2373 20.2206 46.5363 19.8001 46.0553 19.2794L46.0353 11.8494C46.5563 11.2687 47.2773 10.8681 48.4188 10.8681C50.2413 10.8681 51.5028 12.9108 51.5028 15.5343C51.5028 18.2179 50.2613 20.2206 48.4188 20.2206ZM34.1393 5.2406L39.1663 4.15915V0.09375L34.1393 1.15515V5.2406ZM34.1393 6.76265H39.1663V24.286H34.1393V6.76265ZM28.7518 8.2446L28.4313 6.76265H24.1053V24.286H29.1123V12.4102C30.2938 10.8681 32.2968 11.1485 32.9178 11.3688V6.76265C32.2768 6.5223 29.9333 6.08175 28.7518 8.2446ZM18.7383 2.41685L13.8513 3.45825L13.8313 19.4996C13.8313 22.4636 16.0543 24.6465 19.0188 24.6465C20.6608 24.6465 21.8623 24.3461 22.5233 23.9856V19.9202C21.8823 20.1805 18.7183 21.1017 18.7183 18.1378V11.0284H22.5233V6.76265H18.7183L18.7383 2.41685ZM5.19971 11.8494C5.19971 11.0684 5.84061 10.768 6.90206 10.768C8.42411 10.768 10.3468 11.2286 11.8688 12.0497V7.3434C10.2066 6.68255 8.56431 6.4222 6.90206 6.4222C2.83651 6.4222 0.132812 8.545 0.132812 12.0898C0.132812 17.6171 7.74321 16.736 7.74321 19.1191C7.74321 20.0403 6.94211 20.3407 5.82056 20.3407C4.15831 20.3407 2.03541 19.6598 0.353111 18.7386V23.505C2.21566 24.3061 4.09821 24.6465 5.82056 24.6465C9.98626 24.6465 12.8503 22.5837 12.8503 18.9989C12.8303 13.031 5.19971 14.0924 5.19971 11.8494Z"></path></svg>
diff --git a/public/logos/tailwindcss.svg b/public/logos/tailwindcss.svg
deleted file mode 100644
index 8c2cc0b..0000000
--- a/public/logos/tailwindcss.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 262 33"><g fill-rule="evenodd" clip-path="url(#prefix__clip0)" clip-rule="evenodd"><path fill="#38bdf8" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z"/><path fill="#0f172a" d="M80.996 13.652h-4.712v9.12c0 2.432 1.596 2.394 4.712 2.242V28.7c-6.308.76-8.816-.988-8.816-5.928v-9.12h-3.496V9.7h3.496V4.596l4.104-1.216V9.7h4.712v3.952zM98.958 9.7h4.104v19h-4.104v-2.736c-1.444 2.014-3.686 3.23-6.65 3.23-5.168 0-9.462-4.37-9.462-9.994 0-5.662 4.294-9.994 9.462-9.994 2.964 0 5.206 1.216 6.65 3.192V9.7zm-6.004 15.58c3.42 0 6.004-2.546 6.004-6.08 0-3.534-2.584-6.08-6.004-6.08-3.42 0-6.004 2.546-6.004 6.08 0 3.534 2.584 6.08 6.004 6.08zm16.948-18.43c-1.444 0-2.622-1.216-2.622-2.622a2.627 2.627 0 012.622-2.622 2.627 2.627 0 012.622 2.622c0 1.406-1.178 2.622-2.622 2.622zM107.85 28.7v-19h4.104v19h-4.104zm8.854 0V.96h4.104V28.7h-4.104zm30.742-19h4.332l-5.966 19h-4.028l-3.952-12.806-3.99 12.806h-4.028l-5.966-19h4.332l3.686 13.11 3.99-13.11h3.914l3.952 13.11 3.724-13.11zm9.424-2.85c-1.444 0-2.622-1.216-2.622-2.622a2.627 2.627 0 012.622-2.622 2.627 2.627 0 012.622 2.622c0 1.406-1.178 2.622-2.622 2.622zm-2.052 21.85v-19h4.104v19h-4.104zm18.848-19.494c4.256 0 7.296 2.888 7.296 7.828V28.7h-4.104V17.452c0-2.888-1.672-4.408-4.256-4.408-2.698 0-4.826 1.596-4.826 5.472V28.7h-4.104v-19h4.104v2.432c1.254-1.976 3.306-2.926 5.89-2.926zM200.418 2.1h4.104v26.6h-4.104v-2.736c-1.444 2.014-3.686 3.23-6.65 3.23-5.168 0-9.462-4.37-9.462-9.994 0-5.662 4.294-9.994 9.462-9.994 2.964 0 5.206 1.216 6.65 3.192V2.1zm-6.004 23.18c3.42 0 6.004-2.546 6.004-6.08 0-3.534-2.584-6.08-6.004-6.08-3.42 0-6.004 2.546-6.004 6.08 0 3.534 2.584 6.08 6.004 6.08zm23.864 3.914c-5.738 0-10.032-4.37-10.032-9.994 0-5.662 4.294-9.994 10.032-9.994 3.724 0 6.954 1.938 8.474 4.902l-3.534 2.052c-.836-1.786-2.698-2.926-4.978-2.926-3.344 0-5.89 2.546-5.89 5.966 0 3.42 2.546 5.966 5.89 5.966 2.28 0 4.142-1.178 5.054-2.926l3.534 2.014c-1.596 3.002-4.826 4.94-8.55 4.94zm15.314-14.25c0 3.458 10.222 1.368 10.222 8.398 0 3.8-3.306 5.852-7.41 5.852-3.8 0-6.536-1.71-7.752-4.446l3.534-2.052c.608 1.71 2.128 2.736 4.218 2.736 1.824 0 3.23-.608 3.23-2.128 0-3.382-10.222-1.482-10.222-8.284 0-3.572 3.078-5.814 6.954-5.814 3.116 0 5.7 1.444 7.03 3.952l-3.458 1.938c-.684-1.482-2.014-2.166-3.572-2.166-1.482 0-2.774.646-2.774 2.014zm17.518 0c0 3.458 10.222 1.368 10.222 8.398 0 3.8-3.306 5.852-7.41 5.852-3.8 0-6.536-1.71-7.752-4.446l3.534-2.052c.608 1.71 2.128 2.736 4.218 2.736 1.824 0 3.23-.608 3.23-2.128 0-3.382-10.222-1.482-10.222-8.284 0-3.572 3.078-5.814 6.954-5.814 3.116 0 5.7 1.444 7.03 3.952l-3.458 1.938c-.684-1.482-2.014-2.166-3.572-2.166-1.482 0-2.774.646-2.774 2.014z"/></g><defs><clipPath id="prefix__clip0"><path fill="#fff" d="M0 0h262v32.4H0z"/></clipPath></defs></svg>
diff --git a/public/logos/wise.svg b/public/logos/wise.svg
deleted file mode 100644
index 0280b42..0000000
--- a/public/logos/wise.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 96 23" fill="#000000" xmlns="http://www.w3.org/2000/svg"><path d="M53.6896 0.965339H59.5709L56.6122 22.0721H50.7313L53.6896 0.965339ZM46.2752 0.965339L42.3065 13.1242L40.5746 0.965339H36.4617L31.2658 13.0881L30.6168 0.965339H24.9158L26.9005 22.0721H31.6268L37.4717 8.72251L39.5286 22.0721H44.1827L51.8677 0.965339H46.2752ZM95.6509 13.2324H81.6879C81.76 15.9747 83.4016 17.7786 85.8191 17.7786C87.641 17.7786 89.0845 16.8044 90.203 14.9463L94.9167 17.0895C93.2968 20.2807 89.8833 22.3606 85.6749 22.3606C79.9382 22.3606 76.1315 18.5001 76.1315 12.2945C76.1315 5.47532 80.6054 0.640625 86.9194 0.640625C92.4758 0.640625 95.9754 4.39293 95.9754 10.2378C95.9754 11.2121 95.8672 12.1862 95.6509 13.2324ZM90.4194 9.19153C90.4194 6.73812 89.0484 5.18671 86.8473 5.18671C84.6466 5.18671 82.6979 6.81028 82.1932 9.19153H90.4194ZM6.53496 7.32622L0.53125 14.342H11.2506L12.4557 11.0334H7.8627L10.6697 7.78807L10.6787 7.70145L8.85309 4.56074H17.0631L10.6986 22.0721H15.0536L22.7386 0.965339H2.88366L6.53314 7.32622H6.53496ZM69.132 5.18671C71.2067 5.18671 73.0251 6.30155 74.6124 8.21378L75.446 2.26424C73.9665 1.26303 71.9643 0.640625 69.3123 0.640625C64.0448 0.640625 61.0861 3.72547 61.0861 7.64011C61.0861 10.3552 62.6017 12.0148 65.0912 13.0881L66.2819 13.6294C68.5004 14.5765 69.096 15.0455 69.096 16.0468C69.096 17.048 68.0947 17.7425 66.5704 17.7425C64.0535 17.7514 62.0153 16.4617 60.4818 14.2607L59.6322 20.324C61.3784 21.6555 63.6173 22.3606 66.5704 22.3606C71.5764 22.3606 74.6524 19.4743 74.6524 15.4694C74.6524 12.7454 73.4435 10.9956 70.3948 9.62454L69.096 9.01117C67.2919 8.20839 66.6786 7.76639 66.6786 6.88243C66.6786 5.92632 67.5174 5.18671 69.132 5.18671Z"></path></svg>