From 21c82882f4c6fd5093ebd5dcc93f3edcf6d927f6 Mon Sep 17 00:00:00 2001
From: pmgasset <david@pmgasset.com>
Date: Wed, 15 Apr 2026 10:29:18 -0400
Subject: [PATCH] Initial commit

---
 .env.example                                  |   29 +
 .gitignore                                    |   37 +
 middleware.ts                                 |    5 +
 next.config.ts                                |    9 +
 package-lock.json                             | 1798 +++++++++++++++++
 package.json                                  |   26 +
 postcss.config.mjs                            |    7 +
 public/images/logo-fortinet.svg               |    4 +
 public/images/logo-gliinet.svg                |    4 +
 public/images/logo-peplink.svg                |    4 +
 public/images/logo-starlink.svg               |    4 +
 public/images/logo-ubiquiti-unifi.svg         |    4 +
 public/images/logo-wireguard.svg              |    4 +
 src/app/api/auth/[...nextauth]/route.ts       |    3 +
 src/app/api/leads/route.ts                    |   52 +
 src/app/api/zoho/plans/route.ts               |   36 +
 src/app/globals.css                           |   30 +
 src/app/layout.tsx                            |   47 +
 src/app/migrate/layout.tsx                    |   14 +
 src/app/migrate/page.tsx                      |  138 ++
 src/app/page.tsx                              |   25 +
 src/components/analytics/SalesIQWidget.tsx    |   44 +
 src/components/layout/Footer.tsx              |   83 +
 src/components/layout/Navbar.tsx              |   44 +
 src/components/sections/FounderSection.tsx    |  108 +
 src/components/sections/HeroSection.tsx       |   76 +
 src/components/sections/HowItWorksSection.tsx |   66 +
 .../sections/LeadCaptureSection.tsx           |   60 +
 src/components/sections/PricingSection.tsx    |   90 +
 .../sections/StarlinkManagedSection.tsx       |  112 +
 src/components/sections/TrustBarSection.tsx   |   28 +
 src/components/sections/VPNSection.tsx        |   55 +
 src/components/sections/WarrantySection.tsx   |   54 +
 src/components/ui/Badge.tsx                   |   29 +
 src/components/ui/Button.tsx                  |   51 +
 src/components/ui/Card.tsx                    |   18 +
 src/components/ui/LeadForm.tsx                |  236 +++
 src/components/ui/SectionWrapper.tsx          |   22 +
 src/lib/auth.ts                               |   20 +
 src/lib/constants.ts                          |  139 ++
 src/lib/salesiq.ts                            |   59 +
 src/lib/zoho.ts                               |  134 ++
 src/types/index.ts                            |   50 +
 src/types/salesiq.d.ts                        |   37 +
 tailwind.config.ts                            |   33 +
 tsconfig.json                                 |   40 +
 46 files changed, 3968 insertions(+)
 create mode 100644 .env.example
 create mode 100644 .gitignore
 create mode 100644 middleware.ts
 create mode 100644 next.config.ts
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 postcss.config.mjs
 create mode 100644 public/images/logo-fortinet.svg
 create mode 100644 public/images/logo-gliinet.svg
 create mode 100644 public/images/logo-peplink.svg
 create mode 100644 public/images/logo-starlink.svg
 create mode 100644 public/images/logo-ubiquiti-unifi.svg
 create mode 100644 public/images/logo-wireguard.svg
 create mode 100644 src/app/api/auth/[...nextauth]/route.ts
 create mode 100644 src/app/api/leads/route.ts
 create mode 100644 src/app/api/zoho/plans/route.ts
 create mode 100644 src/app/globals.css
 create mode 100644 src/app/layout.tsx
 create mode 100644 src/app/migrate/layout.tsx
 create mode 100644 src/app/migrate/page.tsx
 create mode 100644 src/app/page.tsx
 create mode 100644 src/components/analytics/SalesIQWidget.tsx
 create mode 100644 src/components/layout/Footer.tsx
 create mode 100644 src/components/layout/Navbar.tsx
 create mode 100644 src/components/sections/FounderSection.tsx
 create mode 100644 src/components/sections/HeroSection.tsx
 create mode 100644 src/components/sections/HowItWorksSection.tsx
 create mode 100644 src/components/sections/LeadCaptureSection.tsx
 create mode 100644 src/components/sections/PricingSection.tsx
 create mode 100644 src/components/sections/StarlinkManagedSection.tsx
 create mode 100644 src/components/sections/TrustBarSection.tsx
 create mode 100644 src/components/sections/VPNSection.tsx
 create mode 100644 src/components/sections/WarrantySection.tsx
 create mode 100644 src/components/ui/Badge.tsx
 create mode 100644 src/components/ui/Button.tsx
 create mode 100644 src/components/ui/Card.tsx
 create mode 100644 src/components/ui/LeadForm.tsx
 create mode 100644 src/components/ui/SectionWrapper.tsx
 create mode 100644 src/lib/auth.ts
 create mode 100644 src/lib/constants.ts
 create mode 100644 src/lib/salesiq.ts
 create mode 100644 src/lib/zoho.ts
 create mode 100644 src/types/index.ts
 create mode 100644 src/types/salesiq.d.ts
 create mode 100644 tailwind.config.ts
 create mode 100644 tsconfig.json

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..edbf78f
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,29 @@
+# ── Zoho OAuth (Server-to-Server / Client Credentials) ──────────────────────
+# Create a "Server-based Application" in Zoho API Console
+# https://api-console.zoho.com
+ZOHO_CLIENT_ID=
+ZOHO_CLIENT_SECRET=
+ZOHO_ACCOUNTS_URL=https://accounts.zoho.com/oauth/v2/token
+ZOHO_CRM_API_URL=https://www.zohoapis.com/crm/v3
+ZOHO_BILLING_API_URL=https://www.zohoapis.com/billing/v1
+ZOHO_BOOKING_ORG_ID=
+
+# ── Zoho Bookings ────────────────────────────────────────────────────────────
+# The public URL of your Zoho Bookings service page
+ZOHO_BOOKINGS_URL=https://bookings.zoho.com/portal/YOUR_PORTAL/book
+NEXT_PUBLIC_BOOKINGS_URL=https://bookings.zoho.com/portal/YOUR_PORTAL/book
+
+# ── Zoho SalesIQ Live Chat & Analytics ──────────────────────────────────────
+# Find in SalesIQ → Settings → Websites & Mobile Apps → widget embed code
+# The widgetcode value inside the <script> snippet
+NEXT_PUBLIC_SALESIQ_WIDGET_CODE=
+
+# ── NextAuth (Auth.js v5) ────────────────────────────────────────────────────
+# Generate: openssl rand -base64 32
+AUTH_SECRET=
+AUTH_URL=http://localhost:3000
+
+# Google OAuth provider (for /migrate login)
+# https://console.cloud.google.com/apis/credentials
+AUTH_GOOGLE_ID=
+AUTH_GOOGLE_SECRET=
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..00bba9b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000..7d8ac89
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,5 @@
+export { auth as middleware } from "@/lib/auth";
+
+export const config = {
+  matcher: ["/migrate/:path*"],
+};
diff --git a/next.config.ts b/next.config.ts
new file mode 100644
index 0000000..862135b
--- /dev/null
+++ b/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  images: {
+    remotePatterns: [],
+  },
+};
+
+export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..a5c467c
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1798 @@
+{
+  "name": "techsolve-travel",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "techsolve-travel",
+      "version": "0.1.0",
+      "dependencies": {
+        "@auth/core": "^0.38.0",
+        "lucide-react": "^0.511.0",
+        "next": "^15.3.0",
+        "next-auth": "^5.0.0-beta.28",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4.1.4",
+        "@types/node": "^22",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tailwindcss": "^4.1.4",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@auth/core": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.38.0.tgz",
+      "integrity": "sha512-ClHl44x4cY3wfJmHLpW+XrYqED0fZIzbHmwbExltzroCjR5ts3DLTWzADRba8mJFYZ8JIEJDa+lXnGl0E9Bl7Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^6.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.15.tgz",
+      "integrity": "sha512-vcmyu5/MyFzN7CdqRHO3uHO44p/QPCZkuTUXroeUmhNP8bL5PHFEhik22JUazt+CDDoD6EpBYRCaS2pISL+/hg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.15.tgz",
+      "integrity": "sha512-6PvFO2Tzt10GFK2Ro9tAVEtacMqRmTarYMFKAnV2vYMdwWc73xzmDQyAV7SwEdMhzmiRoo7+m88DuiXlJlGeaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.15.tgz",
+      "integrity": "sha512-G+YNV+z6FDZTp/+IdGyIMFqalBTaQSnvAA+X/hrt+eaTRFSznRMz9K7rTmzvM6tDmKegNtyzgufZW0HwVzEqaQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.15.tgz",
+      "integrity": "sha512-eVkrMcVIBqGfXB+QUC7jjZ94Z6uX/dNStbQFabewAnk13Uy18Igd1YZ/GtPRzdhtm7QwC0e6o7zOQecul4iC1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.15.tgz",
+      "integrity": "sha512-RwSHKMQ7InLy5GfkY2/n5PcFycKA08qI1VST78n09nN36nUPqCvGSMiLXlfUmzmpQpF6XeBYP2KRWHi0UW3uNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.15.tgz",
+      "integrity": "sha512-nplqvY86LakS+eeiuWsNWvfmK8pFcOEW7ZtVRt4QH70lL+0x6LG/m1OpJ/tvrbwjmR8HH9/fH2jzW1GlL03TIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.15.tgz",
+      "integrity": "sha512-eAgl9NKQ84/sww0v81DQINl/vL2IBxD7sMybd0cWRw6wqgouVI53brVRBrggqBRP/NWeIAE1dm5cbKYoiMlqDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.15.tgz",
+      "integrity": "sha512-GJVZC86lzSquh0MtvZT+L7G8+jMnJcldloOjA8Kf3wXvBrvb6OGe2MzPuALxFshSm/IpwUtD2mIoof39ymf52A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.15.tgz",
+      "integrity": "sha512-nFucjVdwlFqxh/JG3hWSJ4p8+YJV7Ii8aPDuBQULB6DzUF4UNZETXLfEUk+oI2zEznWWULPt7MeuTE6xtK1HSA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+      "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.2.tgz",
+      "integrity": "sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.2.2",
+        "@tailwindcss/oxide": "4.2.2",
+        "postcss": "^8.5.6",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.19.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.17.tgz",
+      "integrity": "sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001788",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.2.tgz",
+      "integrity": "sha512-d7kPDd34KO/YnzaDOlikGpOurfF0ByC2sEV4cANCtdqLlTfBlw2p14O/5d/zv40gJPbIQxfES3nSx1/oYNyuZQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.511.0.tgz",
+      "integrity": "sha512-VK5a2ydJ7xm8GvBeKLS9mu1pVK6ucef9780JVUjw6bAjJL/QXnd4Y0p7SPeOUMC27YhzNCZvm5d/QX0Tp3rc0w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.15.tgz",
+      "integrity": "sha512-VSqCrJwtLVGwAVE0Sb/yikrQfkwkZW9p+lL/J4+xe+G3ZA+QnWPqgcfH1tDUEuk9y+pthzzVFp4L/U8JerMfMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.15",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.15",
+        "@next/swc-darwin-x64": "15.5.15",
+        "@next/swc-linux-arm64-gnu": "15.5.15",
+        "@next/swc-linux-arm64-musl": "15.5.15",
+        "@next/swc-linux-x64-gnu": "15.5.15",
+        "@next/swc-linux-x64-musl": "15.5.15",
+        "@next/swc-win32-arm64-msvc": "15.5.15",
+        "@next/swc-win32-x64-msvc": "15.5.15",
+        "sharp": "^0.34.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.30",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.30.tgz",
+      "integrity": "sha512-+c51gquM3F6nMVmoAusRJ7RIoY0K4Ts9HCCwyy/BRoe4mp3msZpOzYMyb5LAYc1wSo74PMQkGDcaghIO7W6Xjg==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.0"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0",
+        "nodemailer": "^7.0.7",
+        "react": "^18.2.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth/node_modules/@auth/core": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.0.tgz",
+      "integrity": "sha512-Wd7mHPQ/8zy6Qj7f4T46vg3aoor8fskJm6g2Zyj064oQ3+p0xNZXAV60ww0hY+MbTesfu29kK14Zk5d5JTazXQ==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^6.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.8.5",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.5.tgz",
+      "integrity": "sha512-A8jmyUckVhRJj5lspguklcl90Ydqk61H3dcU0oLhH3Yv13KpAliKTt5hknpGGPZSSfOwGyraNEFmofDYH+1kSg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+      "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
+      "integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.5"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+      "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..2f2fb08
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "techsolve-travel",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^15.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next-auth": "^5.0.0-beta.28",
+    "@auth/core": "^0.38.0",
+    "lucide-react": "^0.511.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.4",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4.1.4",
+    "typescript": "^5"
+  }
+}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/public/images/logo-fortinet.svg b/public/images/logo-fortinet.svg
new file mode 100644
index 0000000..121a039
--- /dev/null
+++ b/public/images/logo-fortinet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 40" fill="none">
+  <rect width="110" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="55" y="26" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1E3A5F" text-anchor="middle">Fortinet</text>
+</svg>
diff --git a/public/images/logo-gliinet.svg b/public/images/logo-gliinet.svg
new file mode 100644
index 0000000..233205e
--- /dev/null
+++ b/public/images/logo-gliinet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 40" fill="none">
+  <rect width="100" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="50" y="26" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#1E3A5F" text-anchor="middle">GL.iNet</text>
+</svg>
diff --git a/public/images/logo-peplink.svg b/public/images/logo-peplink.svg
new file mode 100644
index 0000000..11c34a5
--- /dev/null
+++ b/public/images/logo-peplink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 40" fill="none">
+  <rect width="120" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="60" y="26" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1E3A5F" text-anchor="middle">Peplink</text>
+</svg>
diff --git a/public/images/logo-starlink.svg b/public/images/logo-starlink.svg
new file mode 100644
index 0000000..82fa564
--- /dev/null
+++ b/public/images/logo-starlink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 40" fill="none">
+  <rect width="110" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="55" y="26" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1E3A5F" text-anchor="middle">Starlink</text>
+</svg>
diff --git a/public/images/logo-ubiquiti-unifi.svg b/public/images/logo-ubiquiti-unifi.svg
new file mode 100644
index 0000000..9d0d3e5
--- /dev/null
+++ b/public/images/logo-ubiquiti-unifi.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 40" fill="none">
+  <rect width="110" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="55" y="26" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#1E3A5F" text-anchor="middle">Ubiquiti UniFi</text>
+</svg>
diff --git a/public/images/logo-wireguard.svg b/public/images/logo-wireguard.svg
new file mode 100644
index 0000000..2fafd3c
--- /dev/null
+++ b/public/images/logo-wireguard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 40" fill="none">
+  <rect width="120" height="40" rx="4" fill="#1E3A5F" opacity="0.1"/>
+  <text x="60" y="26" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#1E3A5F" text-anchor="middle">WireGuard</text>
+</svg>
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000..c55a45e
--- /dev/null
+++ b/src/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,3 @@
+import { handlers } from "@/lib/auth";
+
+export const { GET, POST } = handlers;
diff --git a/src/app/api/leads/route.ts b/src/app/api/leads/route.ts
new file mode 100644
index 0000000..8f0f323
--- /dev/null
+++ b/src/app/api/leads/route.ts
@@ -0,0 +1,52 @@
+import { NextResponse } from "next/server";
+import { createCRMLead } from "@/lib/zoho";
+import type { LeadFormData, ZohoCRMLead } from "@/types";
+
+export async function POST(request: Request) {
+  let body: Partial<LeadFormData>;
+
+  try {
+    body = await request.json();
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  // Validate required fields
+  if (!body.firstName?.trim() || !body.lastName?.trim() || !body.email?.trim()) {
+    return NextResponse.json(
+      { error: "firstName, lastName, and email are required" },
+      { status: 400 }
+    );
+  }
+
+  // Basic email format check
+  const emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  if (!emailRe.test(body.email)) {
+    return NextResponse.json({ error: "Invalid email address" }, { status: 400 });
+  }
+
+  const lead: ZohoCRMLead = {
+    First_Name: body.firstName.trim(),
+    Last_Name: body.lastName.trim(),
+    Email: body.email.trim(),
+    Phone: body.phone?.trim() || undefined,
+    Lead_Source: "Website",
+    Description: [
+      body.currentSetup ? `Current setup: ${body.currentSetup}` : "",
+      body.message?.trim() ?? "",
+    ]
+      .filter(Boolean)
+      .join("\n"),
+  };
+
+  try {
+    await createCRMLead(lead);
+    return NextResponse.json({ ok: true }, { status: 201 });
+  } catch (err) {
+    console.error("[POST /api/leads]", err);
+    return NextResponse.json(
+      { error: "Failed to submit lead. Please try again." },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/zoho/plans/route.ts b/src/app/api/zoho/plans/route.ts
new file mode 100644
index 0000000..d632111
--- /dev/null
+++ b/src/app/api/zoho/plans/route.ts
@@ -0,0 +1,36 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { upgradeSubscription } from "@/lib/zoho";
+
+export async function POST(request: Request) {
+  const session = await auth();
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  let body: { subscriptionId?: string; planCode?: string };
+
+  try {
+    body = await request.json();
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.subscriptionId || !body.planCode) {
+    return NextResponse.json(
+      { error: "subscriptionId and planCode are required" },
+      { status: 400 }
+    );
+  }
+
+  try {
+    await upgradeSubscription(body.subscriptionId, body.planCode);
+    return NextResponse.json({ ok: true });
+  } catch (err) {
+    console.error("[POST /api/zoho/plans]", err);
+    return NextResponse.json(
+      { error: "Upgrade failed. Please try again." },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..01a8965
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,30 @@
+@import "tailwindcss";
+
+@theme {
+  --color-brand-blue: #1e3a5f;
+  --color-brand-blue-mid: #2d5282;
+  --color-brand-blue-light: #ebf4ff;
+  --color-brand-orange: #f97316;
+  --color-brand-gold: #f59e0b;
+
+  --font-sans: var(--font-inter), sans-serif;
+  --font-display: var(--font-montserrat), sans-serif;
+
+  --background-image-hero-gradient: linear-gradient(
+    to bottom right,
+    rgba(30, 58, 95, 0.88),
+    rgba(30, 58, 95, 0.45)
+  );
+}
+
+@layer base {
+  html {
+    scroll-behavior: smooth;
+  }
+  h1,
+  h2,
+  h3,
+  h4 {
+    font-family: var(--font-montserrat), sans-serif;
+  }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..1869c5a
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,47 @@
+import type { Metadata } from "next";
+import { Inter, Montserrat } from "next/font/google";
+import "./globals.css";
+import Navbar from "@/components/layout/Navbar";
+import Footer from "@/components/layout/Footer";
+import SalesIQWidget from "@/components/analytics/SalesIQWidget";
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const montserrat = Montserrat({
+  variable: "--font-montserrat",
+  subsets: ["latin"],
+  display: "swap",
+});
+
+export const metadata: Metadata = {
+  title: "TechSolve Travel — Enterprise Connectivity for the Modern Nomad",
+  description:
+    "Professional-grade managed connectivity for RVers and full-time nomads. Starlink gap coverage, WireGuard VPN, and a Lifetime Hardware Warranty — starting at $19/mo.",
+  openGraph: {
+    title: "TechSolve Travel — Enterprise Connectivity for the Modern Nomad",
+    description:
+      "We bridge the Starlink gap with enterprise failover, secure WireGuard tunnels, and unlimited managed data.",
+    type: "website",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={`${inter.variable} ${montserrat.variable}`}>
+      <body className="font-sans antialiased">
+        <Navbar />
+        <main>{children}</main>
+        <Footer />
+        <SalesIQWidget />
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/migrate/layout.tsx b/src/app/migrate/layout.tsx
new file mode 100644
index 0000000..f2bb6cc
--- /dev/null
+++ b/src/app/migrate/layout.tsx
@@ -0,0 +1,14 @@
+import { auth } from "@/lib/auth";
+import { redirect } from "next/navigation";
+
+export default async function MigrateLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const session = await auth();
+  if (!session) {
+    redirect("/api/auth/signin");
+  }
+  return <>{children}</>;
+}
diff --git a/src/app/migrate/page.tsx b/src/app/migrate/page.tsx
new file mode 100644
index 0000000..152ae43
--- /dev/null
+++ b/src/app/migrate/page.tsx
@@ -0,0 +1,138 @@
+import { auth } from "@/lib/auth";
+import { revalidatePath } from "next/cache";
+import { getSubscriptionForEmail, upgradeSubscription } from "@/lib/zoho";
+import Button from "@/components/ui/Button";
+import { ShieldCheck, CheckCircle2 } from "lucide-react";
+
+const ALWAYS_ON_PLAN_CODE = "always-on-99";
+
+export default async function MigratePage() {
+  const session = await auth();
+  const email = session?.user?.email ?? "";
+
+  const subscription = email
+    ? await getSubscriptionForEmail(email).catch(() => null)
+    : null;
+
+  const isAlreadyUpgraded =
+    subscription?.plan_code === ALWAYS_ON_PLAN_CODE ||
+    subscription?.plan_code === "always-on";
+
+  async function handleUpgrade(formData: FormData) {
+    "use server";
+    const subscriptionId = formData.get("subscriptionId") as string;
+    if (!subscriptionId) return;
+    await upgradeSubscription(subscriptionId, ALWAYS_ON_PLAN_CODE);
+    revalidatePath("/migrate");
+  }
+
+  return (
+    <main className="min-h-screen bg-slate-50 py-16 px-4">
+      <div className="max-w-lg mx-auto">
+        {/* Header */}
+        <div className="text-center mb-10">
+          <span className="font-display font-black text-2xl text-brand-blue">
+            TechSolve<span className="text-brand-orange">Travel</span>
+          </span>
+          <h1 className="mt-4 font-display text-3xl font-bold text-brand-blue">
+            Legacy Member Portal
+          </h1>
+          <p className="mt-2 text-slate-500 text-sm">
+            Signed in as{" "}
+            <span className="font-medium text-brand-blue">{email}</span>
+          </p>
+        </div>
+
+        {/* Card */}
+        <div className="bg-white rounded-2xl shadow-sm border border-slate-100 p-8">
+          {!subscription ? (
+            // No subscription found
+            <div className="text-center py-6">
+              <p className="text-slate-500 mb-6">
+                We couldn&apos;t find an active subscription linked to{" "}
+                <strong>{email}</strong>. If you believe this is an error,
+                please contact us.
+              </p>
+              <Button href="#contact" variant="outline" size="md">
+                Contact Support
+              </Button>
+            </div>
+          ) : isAlreadyUpgraded ? (
+            // Already on Always-On
+            <div className="text-center py-6">
+              <div className="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4">
+                <CheckCircle2 className="w-8 h-8 text-green-600" />
+              </div>
+              <h2 className="font-display text-xl font-bold text-brand-blue mb-2">
+                You&apos;re Already Covered
+              </h2>
+              <p className="text-slate-500 text-sm">
+                Your account is on the{" "}
+                <strong>Always-On Managed Data</strong> plan. Your Lifetime
+                Hardware Warranty is active.
+              </p>
+            </div>
+          ) : (
+            // Eligible for upgrade
+            <div>
+              <h2 className="font-display text-xl font-bold text-brand-blue mb-2">
+                Upgrade to Always-On
+              </h2>
+              <p className="text-slate-500 text-sm mb-6">
+                You&apos;re currently on the{" "}
+                <strong>
+                  {subscription.plan_code === "safety-net"
+                    ? "Travel Standby ($19/mo)"
+                    : subscription.plan_code}
+                </strong>{" "}
+                plan. Upgrade to unlock unlimited data, Starlink management,
+                WireGuard VPN, and your Lifetime Hardware Warranty.
+              </p>
+
+              {/* Upgrade benefits */}
+              <ul className="space-y-3 mb-8">
+                {[
+                  "LIFETIME HARDWARE WARRANTY — immediate coverage",
+                  "Proprietary Unlimited High-Speed Data",
+                  "Starlink Account Management & Vendor Mediation",
+                  "Priority Real-Time Remote Tech Support",
+                  "Pre-configured WireGuard VPN",
+                ].map((benefit) => (
+                  <li key={benefit} className="flex items-start gap-3">
+                    <ShieldCheck className="w-5 h-5 text-brand-orange shrink-0 mt-0.5" />
+                    <span className="text-sm text-slate-600">{benefit}</span>
+                  </li>
+                ))}
+              </ul>
+
+              {/* Upgrade form */}
+              <form action={handleUpgrade}>
+                <input
+                  type="hidden"
+                  name="subscriptionId"
+                  value={subscription.subscription_id}
+                />
+                <button
+                  type="submit"
+                  className="w-full bg-brand-orange text-white font-semibold rounded-lg px-6 py-4 text-base hover:bg-brand-gold transition-colors"
+                >
+                  Upgrade to Always-On — $99/mo
+                </button>
+              </form>
+              <p className="text-xs text-center text-slate-400 mt-3">
+                Your billing cycle adjusts immediately. Cancel anytime.
+              </p>
+            </div>
+          )}
+        </div>
+
+        {/* Back link */}
+        <div className="text-center mt-6">
+          <a href="/" className="text-sm text-slate-400 hover:text-brand-blue transition-colors">
+            ← Back to TechSolve Travel
+          </a>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..35794bf
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,25 @@
+import HeroSection from "@/components/sections/HeroSection";
+import TrustBarSection from "@/components/sections/TrustBarSection";
+import HowItWorksSection from "@/components/sections/HowItWorksSection";
+import PricingSection from "@/components/sections/PricingSection";
+import FounderSection from "@/components/sections/FounderSection";
+import StarlinkManagedSection from "@/components/sections/StarlinkManagedSection";
+import WarrantySection from "@/components/sections/WarrantySection";
+import VPNSection from "@/components/sections/VPNSection";
+import LeadCaptureSection from "@/components/sections/LeadCaptureSection";
+
+export default function Home() {
+  return (
+    <>
+      <HeroSection />
+      <TrustBarSection />
+      <HowItWorksSection />
+      <PricingSection />
+      <FounderSection />
+      <StarlinkManagedSection />
+      <WarrantySection />
+      <VPNSection />
+      <LeadCaptureSection />
+    </>
+  );
+}
diff --git a/src/components/analytics/SalesIQWidget.tsx b/src/components/analytics/SalesIQWidget.tsx
new file mode 100644
index 0000000..2509b11
--- /dev/null
+++ b/src/components/analytics/SalesIQWidget.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import Script from "next/script";
+
+/**
+ * Loads the Zoho SalesIQ live chat + analytics widget.
+ * Requires NEXT_PUBLIC_SALESIQ_WIDGET_CODE to be set.
+ * Renders nothing if the env var is absent (safe for local dev).
+ */
+export default function SalesIQWidget() {
+  const widgetCode = process.env.NEXT_PUBLIC_SALESIQ_WIDGET_CODE;
+
+  if (!widgetCode) return null;
+
+  // The official SalesIQ embed pattern — sets up the init object then
+  // dynamically injects the widget script. Wrapped in a single
+  // afterInteractive Script tag so it never blocks rendering.
+  const initScript = `
+    (function(){
+      var $zoho = window.$zoho = window.$zoho || {};
+      $zoho.salesiq = $zoho.salesiq || {
+        widgetcode: "${widgetCode}",
+        values: {},
+        ready: function(){}
+      };
+      var d = document,
+          s = d.createElement("script");
+      s.type  = "text/javascript";
+      s.id    = "zsiqscript";
+      s.defer = true;
+      s.src   = "https://salesiq.zoho.com/widget";
+      var t = d.getElementsByTagName("script")[0];
+      t.parentNode.insertBefore(s, t);
+    })();
+  `;
+
+  return (
+    <Script
+      id="zsiq-salesiq-init"
+      strategy="afterInteractive"
+      dangerouslySetInnerHTML={{ __html: initScript }}
+    />
+  );
+}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..c7a5d15
--- /dev/null
+++ b/src/components/layout/Footer.tsx
@@ -0,0 +1,83 @@
+import { NAV_LINKS } from "@/lib/constants";
+
+export default function Footer() {
+  return (
+    <footer className="bg-brand-blue border-t border-white/10">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-10">
+          {/* Brand */}
+          <div>
+            <span className="font-display font-black text-xl text-white">
+              TechSolve<span className="text-brand-orange">Travel</span>
+            </span>
+            <p className="mt-3 text-sm text-slate-400 leading-relaxed">
+              Enterprise-grade managed connectivity for the modern nomad.
+              Bringing 20+ years of IT consultancy to the road.
+            </p>
+          </div>
+
+          {/* Links */}
+          <div>
+            <h3 className="text-sm font-semibold text-white uppercase tracking-wider mb-4">
+              Navigation
+            </h3>
+            <ul className="space-y-2">
+              {NAV_LINKS.map((link) => (
+                <li key={link.href}>
+                  <a
+                    href={link.href}
+                    className="text-sm text-slate-400 hover:text-white transition-colors"
+                  >
+                    {link.label}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Contact */}
+          <div>
+            <h3 className="text-sm font-semibold text-white uppercase tracking-wider mb-4">
+              Get in Touch
+            </h3>
+            <ul className="space-y-2 text-sm text-slate-400">
+              <li>
+                <a
+                  href="#contact"
+                  className="hover:text-white transition-colors"
+                >
+                  Contact Us
+                </a>
+              </li>
+              <li>
+                <a
+                  href={process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact"}
+                  className="hover:text-white transition-colors"
+                >
+                  Book a Connectivity Audit
+                </a>
+              </li>
+              <li>
+                <a
+                  href="/migrate"
+                  className="hover:text-white transition-colors"
+                >
+                  Legacy Member Upgrade Portal
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div className="mt-10 pt-6 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4">
+          <p className="text-xs text-slate-500">
+            © {new Date().getFullYear()} TechSolve LLC. All rights reserved.
+          </p>
+          <p className="text-xs text-slate-500">
+            A division of TechSolve LLC — Enterprise IT Consultancy
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
new file mode 100644
index 0000000..c3e49d5
--- /dev/null
+++ b/src/components/layout/Navbar.tsx
@@ -0,0 +1,44 @@
+import Link from "next/link";
+import Button from "@/components/ui/Button";
+import { NAV_LINKS } from "@/lib/constants";
+
+export default function Navbar() {
+  return (
+    <header className="sticky top-0 z-50 bg-brand-blue/95 backdrop-blur-sm border-b border-white/10">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+        <nav className="flex items-center justify-between h-16">
+          {/* Logo */}
+          <Link href="/" className="flex items-center gap-2 shrink-0">
+            <span className="font-display font-black text-xl text-white">
+              TechSolve
+              <span className="text-brand-orange">Travel</span>
+            </span>
+          </Link>
+
+          {/* Nav links — hidden on mobile */}
+          <ul className="hidden md:flex items-center gap-6">
+            {NAV_LINKS.map((link) => (
+              <li key={link.href}>
+                <a
+                  href={link.href}
+                  className="text-sm text-slate-300 hover:text-white transition-colors"
+                >
+                  {link.label}
+                </a>
+              </li>
+            ))}
+          </ul>
+
+          {/* CTA */}
+          <Button
+            href={process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact"}
+            variant="primary"
+            size="sm"
+          >
+            Book Audit
+          </Button>
+        </nav>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/sections/FounderSection.tsx b/src/components/sections/FounderSection.tsx
new file mode 100644
index 0000000..1577a3e
--- /dev/null
+++ b/src/components/sections/FounderSection.tsx
@@ -0,0 +1,108 @@
+import Image from "next/image";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import Button from "@/components/ui/Button";
+
+export default function FounderSection() {
+  return (
+    <SectionWrapper id="founder" className="bg-white">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20 items-center">
+        {/* Photo */}
+        <div className="relative">
+          <div className="relative rounded-2xl overflow-hidden aspect-[4/5] bg-slate-100 shadow-xl">
+            <Image
+              src="/images/david.jpg"
+              alt="David, Founder of TechSolve Travel, working from his RV with a Starlink and Peplink setup"
+              fill
+              className="object-cover object-top"
+              sizes="(max-width: 768px) 100vw, 50vw"
+            />
+            {/* Fallback gradient shown when image is missing */}
+            <div className="absolute inset-0 bg-gradient-to-t from-brand-blue/60 to-transparent" />
+          </div>
+
+          {/* Floating badge */}
+          <div className="absolute -bottom-4 -right-4 bg-brand-orange text-white rounded-2xl px-5 py-3 shadow-lg">
+            <p className="font-display font-black text-2xl leading-none">20+</p>
+            <p className="text-xs font-medium mt-0.5">Years Enterprise IT</p>
+          </div>
+        </div>
+
+        {/* Copy */}
+        <div>
+          <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+            Meet Your Founder
+          </p>
+          <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue leading-tight mb-6">
+            Enterprise Expertise.{" "}
+            <span className="text-brand-orange">Nomadic Spirit.</span>
+          </h2>
+
+          {/* Narrative */}
+          <div className="space-y-4 text-slate-600 leading-relaxed mb-8">
+            <p>
+              David is a self-employed entrepreneur and IT consultant with over
+              two decades of experience building secure, enterprise-grade
+              networks for businesses that couldn&apos;t afford a second of
+              downtime — specializing in{" "}
+              <strong className="text-brand-blue">
+                Ubiquiti UniFi, Peplink, WireGuard, and Fortinet
+              </strong>
+              .
+            </p>
+            <p>
+              When David hit the road, he discovered the &ldquo;Travel
+              WiFi&rdquo; market was full of empty promises. So he didn&apos;t
+              just join the industry — he acquired{" "}
+              <strong className="text-brand-blue">Travel Data WiFi</strong> to
+              fix it, merging high-level technical consultancy with mobile
+              connectivity.
+            </p>
+          </div>
+
+          {/* Pull quote */}
+          <blockquote className="border-l-4 border-brand-orange pl-6 italic text-lg text-brand-blue mb-8">
+            &ldquo;I spent two decades building secure networks for businesses
+            that couldn&apos;t afford a second of downtime. When I hit the road,
+            I realized the &lsquo;Travel WiFi&rsquo; market was full of empty
+            promises. I built TechSolve Travel to change that. I don&apos;t
+            just sell you a SIM; I design your uptime, secure your data with
+            WireGuard, and personally guarantee your hardware for life.&rdquo;
+          </blockquote>
+
+          {/* Founder's Promise */}
+          <div className="bg-brand-blue-light rounded-xl p-5 mb-8">
+            <p className="text-sm font-semibold text-brand-blue mb-1">
+              The Founder&apos;s Promise
+            </p>
+            <p className="text-sm text-slate-600 leading-relaxed">
+              When you call for support, you&apos;re not getting a call center.
+              You&apos;re getting a team led by an enterprise networking expert
+              who solves problems in real-time via live screen share. The
+              Lifetime Hardware Warranty is David&apos;s personal guarantee —
+              not a policy, a promise.
+            </p>
+          </div>
+
+          {/* CTA */}
+          <div>
+            <Button
+              href={process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact"}
+              variant="primary"
+              size="lg"
+            >
+              Book Your Connectivity Audit
+            </Button>
+            <p className="text-xs text-slate-400 mt-2">
+              Let&apos;s design your rig together.
+            </p>
+          </div>
+
+          {/* Signature */}
+          <p className="mt-8 font-display italic text-brand-blue text-xl font-semibold">
+            I&apos;ve got your back on the road. &mdash; David
+          </p>
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
new file mode 100644
index 0000000..ce62d36
--- /dev/null
+++ b/src/components/sections/HeroSection.tsx
@@ -0,0 +1,76 @@
+import Image from "next/image";
+import Button from "@/components/ui/Button";
+
+export default function HeroSection() {
+  return (
+    <section className="relative min-h-[90vh] flex items-center">
+      {/* Background image */}
+      <Image
+        src="/images/hero-rv-sunset.jpg"
+        alt="RV parked at sunset with Starlink dish and enterprise networking hardware"
+        fill
+        priority
+        className="object-cover object-center"
+        sizes="100vw"
+      />
+
+      {/* Gradient overlay */}
+      <div className="absolute inset-0 bg-hero-gradient" />
+
+      {/* Content */}
+      <div className="relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
+        <div className="max-w-3xl">
+          {/* Eyebrow */}
+          <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-4">
+            Managed Connectivity for Full-Time Nomads
+          </p>
+
+          {/* Headline */}
+          <h1 className="font-display text-5xl md:text-6xl lg:text-7xl font-black text-white leading-tight mb-6">
+            Your Office Has No Borders.{" "}
+            <span className="text-brand-orange">
+              Your Connection Shouldn&apos;t Either.
+            </span>
+          </h1>
+
+          {/* Sub-headline */}
+          <p className="text-lg md:text-xl text-slate-200 leading-relaxed mb-10 max-w-2xl">
+            Professional-grade connectivity for the modern nomad. We bridge the
+            Starlink gap with enterprise failover, secure WireGuard tunnels, and
+            unlimited managed data — backed by a Lifetime Hardware Warranty.
+          </p>
+
+          {/* CTAs */}
+          <div className="flex flex-col sm:flex-row gap-4">
+            <Button
+              href={process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact"}
+              variant="primary"
+              size="lg"
+            >
+              Book Your Connectivity Audit
+            </Button>
+            <Button href="#pricing" variant="outline" size="lg">
+              View Plans
+            </Button>
+          </div>
+
+          {/* Social proof micro-bar */}
+          <div className="mt-12 flex flex-wrap gap-6 text-sm text-slate-300">
+            <span className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-green-400 inline-block" />
+              20+ years enterprise IT
+            </span>
+            <span className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-green-400 inline-block" />
+              Lifetime hardware warranty
+            </span>
+            <span className="flex items-center gap-2">
+              <span className="w-2 h-2 rounded-full bg-green-400 inline-block" />
+              WireGuard VPN included
+            </span>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/sections/HowItWorksSection.tsx b/src/components/sections/HowItWorksSection.tsx
new file mode 100644
index 0000000..d604ddf
--- /dev/null
+++ b/src/components/sections/HowItWorksSection.tsx
@@ -0,0 +1,66 @@
+import { CalendarDays, Package, Wifi } from "lucide-react";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import { PROCESS_STEPS } from "@/lib/constants";
+import type { ProcessStep } from "@/types";
+
+const iconMap: Record<ProcessStep["icon"], React.ElementType> = {
+  calendar: CalendarDays,
+  package: Package,
+  wifi: Wifi,
+};
+
+export default function HowItWorksSection() {
+  return (
+    <SectionWrapper id="how-it-works" className="bg-slate-50">
+      <div className="text-center mb-14">
+        <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+          The Process
+        </p>
+        <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue">
+          Three Steps to Enterprise Connectivity
+        </h2>
+        <p className="mt-4 text-slate-500 max-w-xl mx-auto">
+          No guesswork. No call centers. A human expert designs, ships, and
+          supports your entire connectivity stack.
+        </p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+        {PROCESS_STEPS.map((step) => {
+          const Icon = iconMap[step.icon];
+          return (
+            <div
+              key={step.step}
+              className="relative bg-white rounded-2xl p-8 border border-slate-100 shadow-sm flex flex-col items-start"
+            >
+              {/* Step number */}
+              <span className="text-xs font-bold uppercase tracking-widest text-brand-orange mb-4">
+                Step {step.step}
+              </span>
+
+              {/* Icon */}
+              <div className="w-12 h-12 rounded-xl bg-brand-blue/10 flex items-center justify-center mb-5">
+                <Icon className="w-6 h-6 text-brand-blue" />
+              </div>
+
+              {/* Title */}
+              <h3 className="font-display text-xl font-semibold text-brand-blue mb-3">
+                {step.title}
+              </h3>
+
+              {/* Description */}
+              <p className="text-slate-500 leading-relaxed text-sm">
+                {step.description}
+              </p>
+
+              {/* Connector dot (not shown on last) */}
+              {step.step < 3 && (
+                <span className="hidden md:block absolute -right-4 top-1/2 -translate-y-1/2 w-8 h-0.5 bg-brand-orange/30 z-10" />
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/LeadCaptureSection.tsx b/src/components/sections/LeadCaptureSection.tsx
new file mode 100644
index 0000000..7d25ef3
--- /dev/null
+++ b/src/components/sections/LeadCaptureSection.tsx
@@ -0,0 +1,60 @@
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import LeadForm from "@/components/ui/LeadForm";
+
+export default function LeadCaptureSection() {
+  return (
+    <SectionWrapper id="contact" dark>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20 items-start">
+        {/* Left: copy */}
+        <div>
+          <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+            Free Consultation
+          </p>
+          <h2 className="font-display text-3xl md:text-4xl font-bold text-white leading-tight mb-6">
+            Let&apos;s Design Your Rig&apos;s Connectivity Stack
+          </h2>
+          <p className="text-slate-300 leading-relaxed mb-8">
+            Every rig is different. Parking patterns, power constraints, budget,
+            and bandwidth needs all factor into the ideal setup. Book a free
+            audit and we&apos;ll map out your perfect connectivity solution —
+            no commitment required.
+          </p>
+
+          <ul className="space-y-4">
+            {[
+              "Custom hardware recommendations for your exact rig",
+              "Starlink integration and failover design",
+              "WireGuard VPN setup and security review",
+              "Honest pricing — no upsells, no surprises",
+            ].map((point) => (
+              <li key={point} className="flex items-start gap-3 text-slate-300">
+                <svg
+                  className="w-5 h-5 text-brand-orange shrink-0 mt-0.5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M5 13l4 4L19 7"
+                  />
+                </svg>
+                <span className="text-sm">{point}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+
+        {/* Right: form */}
+        <div className="bg-white rounded-2xl p-8 shadow-xl">
+          <h3 className="font-display text-xl font-bold text-brand-blue mb-6">
+            Request Your Free Audit
+          </h3>
+          <LeadForm />
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/PricingSection.tsx b/src/components/sections/PricingSection.tsx
new file mode 100644
index 0000000..5d86283
--- /dev/null
+++ b/src/components/sections/PricingSection.tsx
@@ -0,0 +1,90 @@
+import { CheckCircle2, ShieldCheck } from "lucide-react";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import Card from "@/components/ui/Card";
+import Badge from "@/components/ui/Badge";
+import Button from "@/components/ui/Button";
+import { PRICING_TIERS } from "@/lib/constants";
+
+export default function PricingSection() {
+  return (
+    <SectionWrapper id="pricing" className="bg-slate-50">
+      <div className="text-center mb-14">
+        <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+          Simple Pricing
+        </p>
+        <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue">
+          Choose Your Coverage
+        </h2>
+        <p className="mt-4 text-slate-500 max-w-xl mx-auto">
+          No contracts. Cancel anytime. Every plan includes real human support
+          from an enterprise networking expert.
+        </p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-8 items-center py-6">
+        {PRICING_TIERS.map((tier) => (
+          <Card key={tier.id} featured={tier.featured} className="relative">
+            {/* Badge */}
+            <Badge variant={tier.badgeVariant} pill>
+              {tier.badge}
+            </Badge>
+
+            {/* Plan name + price */}
+            <div className="mt-6 mb-2">
+              <h3 className="font-display text-xl font-bold text-brand-blue">
+                {tier.name}
+              </h3>
+              <p className="text-slate-500 text-sm mt-1">{tier.description}</p>
+            </div>
+            <div className="flex items-baseline gap-1 my-5">
+              <span className="font-display text-5xl font-black text-brand-blue">
+                ${tier.price}
+              </span>
+              <span className="text-slate-400 text-lg">/mo</span>
+            </div>
+
+            {/* Features */}
+            <ul className="space-y-3 flex-1 mb-8">
+              {tier.features.map((feature, i) => (
+                <li key={i} className="flex items-start gap-3">
+                  {feature.icon === "shield" ? (
+                    <ShieldCheck className="w-5 h-5 text-brand-orange shrink-0 mt-0.5" />
+                  ) : (
+                    <CheckCircle2 className="w-5 h-5 text-brand-orange shrink-0 mt-0.5" />
+                  )}
+                  <span
+                    className={`text-sm leading-snug ${
+                      feature.bold
+                        ? "font-bold text-brand-blue text-base"
+                        : "text-slate-600"
+                    }`}
+                  >
+                    {feature.text}
+                  </span>
+                </li>
+              ))}
+            </ul>
+
+            {/* CTA */}
+            <Button
+              href={tier.ctaHref}
+              variant={tier.featured ? "primary" : "outline"}
+              size="md"
+              className="w-full justify-center"
+            >
+              {tier.ctaLabel}
+            </Button>
+          </Card>
+        ))}
+      </div>
+
+      {/* Footnote */}
+      <p className="text-center text-xs text-slate-400 mt-10 max-w-2xl mx-auto">
+        * Starlink Concierge services (available on Failover Bundle &amp;
+        Always-On plans) require Authorized Technical Contact status on your
+        Starlink account. We manage the technical headaches so you
+        don&apos;t have to.
+      </p>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/StarlinkManagedSection.tsx b/src/components/sections/StarlinkManagedSection.tsx
new file mode 100644
index 0000000..2737ad0
--- /dev/null
+++ b/src/components/sections/StarlinkManagedSection.tsx
@@ -0,0 +1,112 @@
+import { MessageSquare, Activity, Settings2 } from "lucide-react";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import Button from "@/components/ui/Button";
+
+const features = [
+  {
+    icon: MessageSquare,
+    title: "Vendor Mediation",
+    description:
+      "We open, track, and escalate Starlink support tickets on your behalf. Stop waiting days staring at an app — we do the shouting.",
+  },
+  {
+    icon: Activity,
+    title: "Technical Advocacy",
+    description:
+      "We provide the diagnostic logs and technical language Starlink needs to process hardware RMAs faster — cables, dishes, routers covered.",
+  },
+  {
+    icon: Settings2,
+    title: "Proactive Management",
+    description:
+      'We manage service address updates, monitor dish health and obstructions, and ensure "Bypass Mode" is optimized for your TechSolve hardware stack.',
+  },
+];
+
+export default function StarlinkManagedSection() {
+  return (
+    <SectionWrapper id="starlink" className="bg-slate-50">
+      <div className="text-center mb-14">
+        {/* Tier badges */}
+        <div className="flex justify-center gap-2 mb-4">
+          <span className="bg-emerald-100 text-emerald-700 px-3 py-1 rounded-full text-xs font-bold uppercase">
+            Failover Bundle
+          </span>
+          <span className="bg-brand-orange text-white px-3 py-1 rounded-full text-xs font-bold uppercase">
+            Always-On
+          </span>
+        </div>
+
+        <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+          Starlink Concierge Service
+        </p>
+        <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue">
+          Starlink is the Engine.{" "}
+          <span className="text-brand-orange">We Are the Pit Crew.</span>
+        </h2>
+        <p className="mt-4 text-slate-500 max-w-xl mx-auto">
+          Starlink offers incredible speeds — but their support is famously
+          unreachable. We bridge that gap so you can focus on the road.
+        </p>
+      </div>
+
+      {/* Feature cards */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-14">
+        {features.map((feature) => {
+          const Icon = feature.icon;
+          return (
+            <div
+              key={feature.title}
+              className="bg-white rounded-2xl p-8 border border-slate-100 shadow-sm"
+            >
+              <div className="w-12 h-12 rounded-xl bg-brand-blue/10 flex items-center justify-center mb-5">
+                <Icon className="w-6 h-6 text-brand-blue" />
+              </div>
+              <h3 className="font-display text-lg font-semibold text-brand-blue mb-3">
+                {feature.title}
+              </h3>
+              <p className="text-slate-500 text-sm leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          );
+        })}
+      </div>
+
+      {/* Authorized user pitch */}
+      <div className="bg-brand-blue rounded-2xl p-8 md:p-12 text-white">
+        <div className="max-w-3xl mx-auto text-center">
+          <h3 className="font-display text-2xl md:text-3xl font-bold mb-6">
+            Your Dedicated Vendor Manager
+          </h3>
+          <blockquote className="text-lg text-slate-200 leading-relaxed italic mb-8">
+            &ldquo;Starlink offers incredible speeds, but their support is
+            famously unreachable. When your connection drops or your hardware
+            fails, don&apos;t spend your travel days shouting into a void. Add
+            us as an Authorized User on your account, and our team will handle
+            the vendor mediation, ticket escalation, and technical
+            troubleshooting on your behalf. We aren&apos;t just your backup
+            data provider — we are your dedicated vendor manager.&rdquo;
+          </blockquote>
+          <p className="text-sm text-slate-300 mb-8">
+            By adding David as an Authorized Technical Contact, you gain an
+            enterprise-grade advocate.{" "}
+            <strong className="text-white">
+              You keep ownership of your account; we provide the management.
+            </strong>
+          </p>
+          <Button
+            href={process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact"}
+            variant="primary"
+            size="lg"
+          >
+            Delegate My Starlink Management
+          </Button>
+          <p className="text-xs text-slate-400 mt-3">
+            Available on Failover Bundle ($49) and Always-On ($99) plans.
+          </p>
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/TrustBarSection.tsx b/src/components/sections/TrustBarSection.tsx
new file mode 100644
index 0000000..21d5768
--- /dev/null
+++ b/src/components/sections/TrustBarSection.tsx
@@ -0,0 +1,28 @@
+import Image from "next/image";
+import { TRUST_LOGOS } from "@/lib/constants";
+
+export default function TrustBarSection() {
+  return (
+    <section className="bg-brand-blue py-10">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+        <p className="text-center text-xs font-semibold uppercase tracking-widest text-slate-400 mb-8">
+          Bringing 20+ years of Enterprise IT Consultancy (TechSolve LLC) to
+          the nomad community
+        </p>
+        <div className="flex flex-wrap justify-center items-center gap-8 md:gap-14">
+          {TRUST_LOGOS.map((logo) => (
+            <div key={logo.name} className="relative opacity-70 hover:opacity-100 transition-opacity">
+              <Image
+                src={logo.src}
+                alt={logo.name}
+                width={logo.width}
+                height={logo.height}
+                className="object-contain brightness-0 invert"
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/sections/VPNSection.tsx b/src/components/sections/VPNSection.tsx
new file mode 100644
index 0000000..e03270b
--- /dev/null
+++ b/src/components/sections/VPNSection.tsx
@@ -0,0 +1,55 @@
+import { Lock } from "lucide-react";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import Button from "@/components/ui/Button";
+
+export default function VPNSection() {
+  return (
+    <SectionWrapper id="vpn" className="bg-slate-50">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20 items-center">
+        {/* Quote side — reversed column order on desktop */}
+        <div className="bg-brand-blue rounded-2xl p-8 md:p-10 md:order-1">
+          <blockquote className="border-l-4 border-brand-orange pl-6 italic text-xl text-white leading-relaxed mb-8">
+            &ldquo;Work like you&apos;re at the office. Our WireGuard tunnels
+            give you a dedicated IP and secure access back to your home base,
+            bypassing &lsquo;Travel WiFi&rsquo; restrictions.&rdquo;
+          </blockquote>
+
+          <div className="space-y-4">
+            {[
+              "Bypass streaming geo-blocks and corporate VPN requirements.",
+              "Dedicated IP so banking, remote desktops, and SaaS tools never flag you.",
+              "Military-grade WireGuard encryption — faster and more modern than OpenVPN.",
+            ].map((point) => (
+              <div key={point} className="flex items-start gap-3">
+                <Lock className="w-5 h-5 text-brand-orange shrink-0 mt-0.5" />
+                <p className="text-sm text-slate-300 leading-snug">{point}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* Copy side */}
+        <div className="md:order-2">
+          <div className="w-16 h-16 rounded-2xl bg-brand-blue/10 flex items-center justify-center mb-6">
+            <Lock className="w-8 h-8 text-brand-blue" />
+          </div>
+          <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+            Always-On Exclusive
+          </p>
+          <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue leading-tight mb-6">
+            Pre-Configured WireGuard VPN
+          </h2>
+          <p className="text-slate-500 leading-relaxed mb-8">
+            Most nomads think a travel SIM means accepting public WiFi risks,
+            geo-blocked content, and being locked out of work systems. The
+            Always-On plan ships with a fully configured WireGuard tunnel —
+            your private, encrypted highway, no matter where you park.
+          </p>
+          <Button href="#pricing" variant="primary" size="md">
+            Get the Always-On Plan
+          </Button>
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/sections/WarrantySection.tsx b/src/components/sections/WarrantySection.tsx
new file mode 100644
index 0000000..f832751
--- /dev/null
+++ b/src/components/sections/WarrantySection.tsx
@@ -0,0 +1,54 @@
+import { ShieldCheck } from "lucide-react";
+import SectionWrapper from "@/components/ui/SectionWrapper";
+import Button from "@/components/ui/Button";
+
+export default function WarrantySection() {
+  return (
+    <SectionWrapper id="warranty" className="bg-white">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-12 lg:gap-20 items-center">
+        {/* Icon side */}
+        <div className="flex flex-col items-start">
+          <div className="w-16 h-16 rounded-2xl bg-brand-orange/10 flex items-center justify-center mb-6">
+            <ShieldCheck className="w-8 h-8 text-brand-orange" />
+          </div>
+          <p className="text-brand-orange font-semibold text-sm uppercase tracking-widest mb-3">
+            Always-On Exclusive
+          </p>
+          <h2 className="font-display text-3xl md:text-4xl font-bold text-brand-blue leading-tight mb-6">
+            Lifetime Hardware Warranty
+          </h2>
+          <p className="text-slate-500 leading-relaxed mb-8">
+            Hardware fails. It happens to the best equipment in the worst
+            locations — a National Park with zero cell service, a remote campsite
+            with no FedEx for miles. We eliminate that risk entirely.
+          </p>
+          <Button href="#pricing" variant="primary" size="md">
+            Get the Always-On Plan
+          </Button>
+        </div>
+
+        {/* Quote side */}
+        <div className="bg-brand-blue-light rounded-2xl p-8 md:p-10">
+          <blockquote className="border-l-4 border-brand-orange pl-6 italic text-xl text-brand-blue leading-relaxed mb-8">
+            &ldquo;Stop worrying about hardware failure in the middle of a
+            National Park. If we sold it to you and you&apos;re on the
+            Always-On plan, it&apos;s covered. Forever.&rdquo;
+          </blockquote>
+
+          <div className="space-y-4">
+            {[
+              "If your TechSolve-purchased router fails, we replace it — free.",
+              "No deductibles. No fine print. Active subscription = active coverage.",
+              "Ships directly to your next campsite.",
+            ].map((point) => (
+              <div key={point} className="flex items-start gap-3">
+                <ShieldCheck className="w-5 h-5 text-brand-orange shrink-0 mt-0.5" />
+                <p className="text-sm text-slate-600 leading-snug">{point}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </SectionWrapper>
+  );
+}
diff --git a/src/components/ui/Badge.tsx b/src/components/ui/Badge.tsx
new file mode 100644
index 0000000..9c76737
--- /dev/null
+++ b/src/components/ui/Badge.tsx
@@ -0,0 +1,29 @@
+interface BadgeProps {
+  children: React.ReactNode;
+  variant?: "blue" | "emerald" | "orange";
+  className?: string;
+  pill?: boolean;
+}
+
+export default function Badge({
+  children,
+  variant = "blue",
+  className = "",
+  pill = false,
+}: BadgeProps) {
+  const variants = {
+    blue: "bg-blue-100 text-blue-700",
+    emerald: "bg-emerald-100 text-emerald-700",
+    orange: "bg-brand-orange text-white",
+  };
+
+  const shape = pill
+    ? "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full text-xs font-bold uppercase whitespace-nowrap"
+    : "inline-block px-3 py-1 rounded-full text-xs font-bold uppercase";
+
+  return (
+    <span className={`${shape} ${variants[variant]} ${className}`}>
+      {children}
+    </span>
+  );
+}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
new file mode 100644
index 0000000..66e9a4c
--- /dev/null
+++ b/src/components/ui/Button.tsx
@@ -0,0 +1,51 @@
+import { type ButtonHTMLAttributes } from "react";
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "primary" | "secondary" | "outline";
+  size?: "sm" | "md" | "lg";
+  href?: string;
+  asChild?: boolean;
+}
+
+export default function Button({
+  variant = "primary",
+  size = "md",
+  href,
+  className = "",
+  children,
+  ...props
+}: ButtonProps) {
+  const base =
+    "inline-flex items-center justify-center font-semibold rounded-lg transition-colors duration-200 cursor-pointer";
+
+  const variants = {
+    primary:
+      "bg-brand-orange text-white hover:bg-brand-gold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-orange",
+    secondary:
+      "bg-brand-blue text-white hover:bg-brand-blue-mid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-blue",
+    outline:
+      "border-2 border-brand-orange text-brand-orange hover:bg-brand-orange hover:text-white",
+  };
+
+  const sizes = {
+    sm: "px-4 py-2 text-sm",
+    md: "px-6 py-3 text-base",
+    lg: "px-8 py-4 text-lg",
+  };
+
+  const classes = `${base} ${variants[variant]} ${sizes[size]} ${className}`;
+
+  if (href) {
+    return (
+      <a href={href} className={classes}>
+        {children}
+      </a>
+    );
+  }
+
+  return (
+    <button className={classes} {...props}>
+      {children}
+    </button>
+  );
+}
diff --git a/src/components/ui/Card.tsx b/src/components/ui/Card.tsx
new file mode 100644
index 0000000..fc98251
--- /dev/null
+++ b/src/components/ui/Card.tsx
@@ -0,0 +1,18 @@
+interface CardProps {
+  children: React.ReactNode;
+  featured?: boolean;
+  className?: string;
+}
+
+export default function Card({
+  children,
+  featured = false,
+  className = "",
+}: CardProps) {
+  const base = "relative rounded-2xl p-8 flex flex-col";
+  const style = featured
+    ? "bg-white border-2 border-brand-orange ring-4 ring-brand-orange/20 shadow-2xl scale-105 z-10"
+    : "bg-white border border-slate-200 shadow-sm";
+
+  return <div className={`${base} ${style} ${className}`}>{children}</div>;
+}
diff --git a/src/components/ui/LeadForm.tsx b/src/components/ui/LeadForm.tsx
new file mode 100644
index 0000000..2c7bd5d
--- /dev/null
+++ b/src/components/ui/LeadForm.tsx
@@ -0,0 +1,236 @@
+"use client";
+
+import { useState } from "react";
+import Button from "@/components/ui/Button";
+import { identifyVisitor } from "@/lib/salesiq";
+import type { LeadFormData } from "@/types";
+
+type FormState = "idle" | "submitting" | "success" | "error";
+
+const SETUP_OPTIONS = [
+  "Starlink Only",
+  "Cell Data Only",
+  "Starlink + Cell Backup",
+  "No Current Setup",
+];
+
+const EMPTY: LeadFormData = {
+  firstName: "",
+  lastName: "",
+  email: "",
+  phone: "",
+  currentSetup: "",
+  message: "",
+};
+
+export default function LeadForm() {
+  const [form, setForm] = useState<LeadFormData>(EMPTY);
+  const [state, setState] = useState<FormState>("idle");
+  const [errorMsg, setErrorMsg] = useState("");
+
+  function update(field: keyof LeadFormData, value: string) {
+    setForm((prev) => ({ ...prev, [field]: value }));
+  }
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    if (!form.firstName || !form.lastName || !form.email) return;
+
+    setState("submitting");
+    setErrorMsg("");
+
+    try {
+      const res = await fetch("/api/leads", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(form),
+      });
+
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        throw new Error(data.error ?? "Submission failed");
+      }
+
+      setState("success");
+      // Identify visitor in SalesIQ so the operator sees their details
+      identifyVisitor({
+        name: `${form.firstName} ${form.lastName}`.trim(),
+        email: form.email,
+        phone: form.phone,
+        plan: form.currentSetup || undefined,
+      });
+      setForm(EMPTY);
+    } catch (err) {
+      setState("error");
+      setErrorMsg(
+        err instanceof Error ? err.message : "Something went wrong. Try again."
+      );
+    }
+  }
+
+  if (state === "success") {
+    return (
+      <div className="text-center py-12">
+        <div className="w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4">
+          <svg
+            className="w-8 h-8 text-green-600"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M5 13l4 4L19 7"
+            />
+          </svg>
+        </div>
+        <h3 className="font-display text-2xl font-bold text-brand-blue mb-2">
+          You&apos;re on the list!
+        </h3>
+        <p className="text-slate-500">
+          We&apos;ll reach out within 24 hours to schedule your free
+          Connectivity Audit.
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-5" noValidate>
+      <div className="grid grid-cols-1 sm:grid-cols-2 gap-5">
+        <div>
+          <label
+            htmlFor="firstName"
+            className="block text-sm font-medium text-slate-700 mb-1"
+          >
+            First Name <span className="text-brand-orange">*</span>
+          </label>
+          <input
+            id="firstName"
+            type="text"
+            required
+            value={form.firstName}
+            onChange={(e) => update("firstName", e.target.value)}
+            placeholder="Jane"
+            className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange"
+          />
+        </div>
+        <div>
+          <label
+            htmlFor="lastName"
+            className="block text-sm font-medium text-slate-700 mb-1"
+          >
+            Last Name <span className="text-brand-orange">*</span>
+          </label>
+          <input
+            id="lastName"
+            type="text"
+            required
+            value={form.lastName}
+            onChange={(e) => update("lastName", e.target.value)}
+            placeholder="Nomad"
+            className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange"
+          />
+        </div>
+      </div>
+
+      <div>
+        <label
+          htmlFor="email"
+          className="block text-sm font-medium text-slate-700 mb-1"
+        >
+          Email <span className="text-brand-orange">*</span>
+        </label>
+        <input
+          id="email"
+          type="email"
+          required
+          value={form.email}
+          onChange={(e) => update("email", e.target.value)}
+          placeholder="jane@example.com"
+          className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange"
+        />
+      </div>
+
+      <div>
+        <label
+          htmlFor="phone"
+          className="block text-sm font-medium text-slate-700 mb-1"
+        >
+          Phone{" "}
+          <span className="text-slate-400 font-normal">(optional)</span>
+        </label>
+        <input
+          id="phone"
+          type="tel"
+          value={form.phone}
+          onChange={(e) => update("phone", e.target.value)}
+          placeholder="(555) 000-0000"
+          className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange"
+        />
+      </div>
+
+      <div>
+        <label
+          htmlFor="currentSetup"
+          className="block text-sm font-medium text-slate-700 mb-1"
+        >
+          Current Connectivity Setup
+        </label>
+        <select
+          id="currentSetup"
+          value={form.currentSetup}
+          onChange={(e) => update("currentSetup", e.target.value)}
+          className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange bg-white"
+        >
+          <option value="">Select your current setup</option>
+          {SETUP_OPTIONS.map((opt) => (
+            <option key={opt} value={opt}>
+              {opt}
+            </option>
+          ))}
+        </select>
+      </div>
+
+      <div>
+        <label
+          htmlFor="message"
+          className="block text-sm font-medium text-slate-700 mb-1"
+        >
+          Tell us about your rig{" "}
+          <span className="text-slate-400 font-normal">(optional)</span>
+        </label>
+        <textarea
+          id="message"
+          rows={4}
+          value={form.message}
+          onChange={(e) => update("message", e.target.value)}
+          placeholder="Type of vehicle, full-time vs part-time, biggest connectivity pain points..."
+          className="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-orange/50 focus:border-brand-orange resize-none"
+        />
+      </div>
+
+      {state === "error" && (
+        <p className="text-sm text-red-600 bg-red-50 rounded-lg px-4 py-3">
+          {errorMsg}
+        </p>
+      )}
+
+      <Button
+        type="submit"
+        variant="primary"
+        size="lg"
+        disabled={state === "submitting"}
+        className="w-full justify-center disabled:opacity-60 disabled:cursor-not-allowed"
+      >
+        {state === "submitting" ? "Sending..." : "Get My Free Connectivity Audit"}
+      </Button>
+
+      <p className="text-xs text-center text-slate-400">
+        No spam. We&apos;ll only reach out about your rig.
+      </p>
+    </form>
+  );
+}
diff --git a/src/components/ui/SectionWrapper.tsx b/src/components/ui/SectionWrapper.tsx
new file mode 100644
index 0000000..7e819c0
--- /dev/null
+++ b/src/components/ui/SectionWrapper.tsx
@@ -0,0 +1,22 @@
+interface SectionWrapperProps {
+  children: React.ReactNode;
+  id?: string;
+  className?: string;
+  dark?: boolean;
+}
+
+export default function SectionWrapper({
+  children,
+  id,
+  className = "",
+  dark = false,
+}: SectionWrapperProps) {
+  return (
+    <section
+      id={id}
+      className={`py-16 md:py-24 ${dark ? "bg-brand-blue" : "bg-white"} ${className}`}
+    >
+      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">{children}</div>
+    </section>
+  );
+}
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
new file mode 100644
index 0000000..ed88866
--- /dev/null
+++ b/src/lib/auth.ts
@@ -0,0 +1,20 @@
+import NextAuth from "next-auth";
+import Google from "next-auth/providers/google";
+
+export const { handlers, auth, signIn, signOut } = NextAuth({
+  providers: [
+    Google({
+      clientId: process.env.AUTH_GOOGLE_ID,
+      clientSecret: process.env.AUTH_GOOGLE_SECRET,
+    }),
+  ],
+  callbacks: {
+    authorized({ auth }) {
+      // Used by middleware to check if the session is valid
+      return !!auth?.user;
+    },
+  },
+  pages: {
+    signIn: "/api/auth/signin",
+  },
+});
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
new file mode 100644
index 0000000..85f7bd3
--- /dev/null
+++ b/src/lib/constants.ts
@@ -0,0 +1,139 @@
+import type { PricingTier, ProcessStep, TrustLogo } from "@/types";
+
+export const PROCESS_STEPS: ProcessStep[] = [
+  {
+    step: 1,
+    title: "The Audit",
+    description:
+      "We analyze your rig's power, hardware, and location needs in a live video consultation. No cookie-cutter solutions — we design your uptime from scratch.",
+    icon: "calendar",
+  },
+  {
+    step: 2,
+    title: "The Build",
+    description:
+      "Pre-configured Peplink or GL.iNet hardware is shipped directly to your campsite — ready to plug in, zero technical setup required.",
+    icon: "package",
+  },
+  {
+    step: 3,
+    title: "The Connection",
+    description:
+      "Secure, unlimited managed data with a Lifetime Hardware Warranty. One call away from enterprise-grade support, wherever you park.",
+    icon: "wifi",
+  },
+];
+
+export const PRICING_TIERS: PricingTier[] = [
+  {
+    id: "safety-net",
+    name: "Travel Standby",
+    price: 19,
+    badge: "Safety Net",
+    badgeVariant: "blue",
+    description: "Keep the connection alive between adventures.",
+    features: [
+      { text: "Keep your SIM active (no reactivation fees)", icon: "check" },
+      { text: "Access to technical knowledge base", icon: "check" },
+      { text: "Emergency low-speed data access", icon: "check" },
+    ],
+    ctaLabel: "Get Started",
+    ctaHref: "#contact",
+    featured: false,
+  },
+  {
+    id: "failover-bundle",
+    name: "Failover Bundle",
+    price: 49,
+    badge: "Starlink Essential",
+    badgeVariant: "emerald",
+    description: "Vendor management + reliable emergency backup.",
+    features: [
+      {
+        text: "Starlink Account Management & Vendor Mediation",
+        icon: "check",
+      },
+      { text: "20GB High-Speed LTE/5G Failover Data", icon: "check" },
+      { text: "Priority Support Ticket Mediation", icon: "check" },
+      {
+        text: 'Automated "Rain & Tree" Failover Configuration',
+        icon: "check",
+      },
+    ],
+    ctaLabel: "Get Started",
+    ctaHref: "#contact",
+    featured: false,
+  },
+  {
+    id: "always-on",
+    name: "Always-On Managed Data",
+    price: 99,
+    badge: "Full-Timer's Lifeline",
+    badgeVariant: "orange",
+    description: "Ultimate uptime and total hardware protection.",
+    features: [
+      {
+        text: "LIFETIME HARDWARE WARRANTY",
+        icon: "shield",
+        bold: true,
+      },
+      { text: "Proprietary Unlimited High-Speed Data", icon: "check" },
+      {
+        text: "Starlink Account Management & Vendor Mediation",
+        icon: "check",
+      },
+      {
+        text: "Priority Real-Time Remote Tech Support (live screen share)",
+        icon: "check",
+      },
+      {
+        text: "Pre-configured WireGuard VPN (bypass geo-blocks & secure your rig)",
+        icon: "check",
+      },
+    ],
+    ctaLabel: "Book Your Audit",
+    ctaHref: process.env.NEXT_PUBLIC_BOOKINGS_URL ?? "#contact",
+    featured: true,
+  },
+];
+
+export const TRUST_LOGOS: TrustLogo[] = [
+  { name: "Peplink", src: "/images/logo-peplink.svg", width: 120, height: 40 },
+  {
+    name: "GL.iNet",
+    src: "/images/logo-gliinet.svg",
+    width: 100,
+    height: 40,
+  },
+  {
+    name: "Ubiquiti UniFi",
+    src: "/images/logo-ubiquiti-unifi.svg",
+    width: 110,
+    height: 40,
+  },
+  {
+    name: "WireGuard",
+    src: "/images/logo-wireguard.svg",
+    width: 120,
+    height: 40,
+  },
+  {
+    name: "Fortinet",
+    src: "/images/logo-fortinet.svg",
+    width: 110,
+    height: 40,
+  },
+  {
+    name: "Starlink",
+    src: "/images/logo-starlink.svg",
+    width: 110,
+    height: 40,
+  },
+];
+
+export const NAV_LINKS = [
+  { label: "How It Works", href: "#how-it-works" },
+  { label: "Plans", href: "#pricing" },
+  { label: "About", href: "#founder" },
+  { label: "Starlink Mgmt", href: "#starlink" },
+];
diff --git a/src/lib/salesiq.ts b/src/lib/salesiq.ts
new file mode 100644
index 0000000..fb9e685
--- /dev/null
+++ b/src/lib/salesiq.ts
@@ -0,0 +1,59 @@
+/**
+ * Client-side helpers for the SalesIQ visitor API.
+ * Safe to call at any time — all functions no-op if the widget hasn't
+ * loaded yet or the env var is absent.
+ */
+
+function sdk() {
+  return typeof window !== "undefined" ? window.$zoho?.salesiq : undefined;
+}
+
+/**
+ * Identify the visitor after a successful lead form submission.
+ * Surfaces their name and email in the SalesIQ operator console
+ * and links the chat session to the CRM lead.
+ */
+export function identifyVisitor(opts: {
+  name: string;
+  email: string;
+  phone?: string;
+  plan?: string;
+}) {
+  const sq = sdk();
+  if (!sq) return;
+
+  try {
+    sq.visitor.name(opts.name);
+    sq.visitor.email(opts.email);
+    if (opts.phone) sq.visitor.contactnumber(opts.phone);
+    if (opts.plan) {
+      sq.visitor.info({ interested_plan: opts.plan });
+    }
+  } catch {
+    // Widget may still be initializing — swallow silently
+  }
+}
+
+/**
+ * Track a custom page-level event (e.g. pricing section viewed).
+ * Uses the visitor info API since SalesIQ doesn't have a standalone
+ * custom event method — attaches metadata to the visitor record.
+ */
+export function trackEvent(key: string, value: string | number | boolean) {
+  const sq = sdk();
+  if (!sq) return;
+
+  try {
+    sq.visitor.info({ [key]: value });
+  } catch {
+    // Swallow
+  }
+}
+
+/**
+ * Programmatically open the live chat window.
+ * Useful for "Chat with us" CTA buttons.
+ */
+export function openChat() {
+  sdk()?.chat?.open();
+}
diff --git a/src/lib/zoho.ts b/src/lib/zoho.ts
new file mode 100644
index 0000000..8566786
--- /dev/null
+++ b/src/lib/zoho.ts
@@ -0,0 +1,134 @@
+import type { ZohoCRMLead } from "@/types";
+
+// ---------------------------------------------------------------------------
+// Token (client_credentials — stateless, correct for serverless)
+// ---------------------------------------------------------------------------
+
+async function getZohoAccessToken(scope: string): Promise<string> {
+  const params = new URLSearchParams({
+    grant_type: "client_credentials",
+    client_id: process.env.ZOHO_CLIENT_ID!,
+    client_secret: process.env.ZOHO_CLIENT_SECRET!,
+    scope,
+  });
+
+  const res = await fetch(
+    `${process.env.ZOHO_ACCOUNTS_URL ?? "https://accounts.zoho.com/oauth/v2/token"}`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/x-www-form-urlencoded" },
+      body: params.toString(),
+      cache: "no-store",
+    }
+  );
+
+  if (!res.ok) {
+    throw new Error(`Zoho token request failed: ${res.status}`);
+  }
+
+  const data = await res.json();
+
+  if (!data.access_token) {
+    throw new Error("Zoho token response missing access_token");
+  }
+
+  return data.access_token as string;
+}
+
+// ---------------------------------------------------------------------------
+// CRM — Leads
+// ---------------------------------------------------------------------------
+
+export async function createCRMLead(lead: ZohoCRMLead): Promise<void> {
+  const token = await getZohoAccessToken("ZohoCRM.modules.leads.CREATE");
+
+  const res = await fetch(
+    `${process.env.ZOHO_CRM_API_URL ?? "https://www.zohoapis.com/crm/v3"}/Leads`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Zoho-oauthtoken ${token}`,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ data: [lead] }),
+      cache: "no-store",
+    }
+  );
+
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(
+      `Zoho CRM lead creation failed: ${res.status} — ${JSON.stringify(body)}`
+    );
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Billing / Subscriptions
+// ---------------------------------------------------------------------------
+
+export interface ZohoSubscription {
+  subscription_id: string;
+  plan_code: string;
+  status: string;
+  customer_email: string;
+}
+
+export async function getSubscriptionForEmail(
+  email: string
+): Promise<ZohoSubscription | null> {
+  const token = await getZohoAccessToken(
+    "ZohoSubscriptions.subscriptions.READ"
+  );
+
+  const url = new URL(
+    `${process.env.ZOHO_BILLING_API_URL ?? "https://www.zohoapis.com/billing/v1"}/subscriptions`
+  );
+  url.searchParams.set("email", email);
+
+  const res = await fetch(url.toString(), {
+    headers: {
+      Authorization: `Zoho-oauthtoken ${token}`,
+      "X-com-zoho-subscriptions-organizationid":
+        process.env.ZOHO_BOOKING_ORG_ID ?? "",
+    },
+    cache: "no-store",
+  });
+
+  if (!res.ok) return null;
+
+  const data = await res.json();
+  const subs: ZohoSubscription[] = data.subscriptions ?? [];
+  return subs[0] ?? null;
+}
+
+export async function upgradeSubscription(
+  subscriptionId: string,
+  planCode: string
+): Promise<void> {
+  const token = await getZohoAccessToken(
+    "ZohoSubscriptions.subscriptions.UPDATE"
+  );
+
+  const res = await fetch(
+    `${process.env.ZOHO_BILLING_API_URL ?? "https://www.zohoapis.com/billing/v1"}/subscriptions/${subscriptionId}`,
+    {
+      method: "PUT",
+      headers: {
+        Authorization: `Zoho-oauthtoken ${token}`,
+        "Content-Type": "application/json",
+        "X-com-zoho-subscriptions-organizationid":
+          process.env.ZOHO_BOOKING_ORG_ID ?? "",
+      },
+      body: JSON.stringify({ plan: { plan_code: planCode } }),
+      cache: "no-store",
+    }
+  );
+
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(
+      `Zoho subscription upgrade failed: ${res.status} — ${JSON.stringify(body)}`
+    );
+  }
+}
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..3f38fe6
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,50 @@
+export interface PricingTier {
+  id: string;
+  name: string;
+  price: number;
+  badge: string;
+  badgeVariant: "blue" | "emerald" | "orange";
+  description: string;
+  features: PricingFeature[];
+  ctaLabel: string;
+  ctaHref: string;
+  featured: boolean;
+}
+
+export interface PricingFeature {
+  text: string;
+  icon?: "shield" | "check";
+  bold?: boolean;
+}
+
+export interface ProcessStep {
+  step: number;
+  title: string;
+  description: string;
+  icon: "calendar" | "package" | "wifi";
+}
+
+export interface TrustLogo {
+  name: string;
+  src: string;
+  width: number;
+  height: number;
+}
+
+export interface LeadFormData {
+  firstName: string;
+  lastName: string;
+  email: string;
+  phone?: string;
+  currentSetup: string;
+  message?: string;
+}
+
+export interface ZohoCRMLead {
+  Last_Name: string;
+  First_Name: string;
+  Email: string;
+  Phone?: string;
+  Lead_Source: string;
+  Description?: string;
+}
diff --git a/src/types/salesiq.d.ts b/src/types/salesiq.d.ts
new file mode 100644
index 0000000..071096e
--- /dev/null
+++ b/src/types/salesiq.d.ts
@@ -0,0 +1,37 @@
+// Type declarations for the Zoho SalesIQ global SDK
+// https://www.zoho.com/salesiq/help/developer-guides/javascript-api.html
+
+interface SalesIQVisitor {
+  name: (name: string) => void;
+  email: (email: string) => void;
+  contactnumber: (phone: string) => void;
+  info: (data: Record<string, string | number | boolean>) => void;
+  uniqueid: (id: string) => void;
+}
+
+interface SalesIQChat {
+  open: () => void;
+  close: () => void;
+  start: () => void;
+}
+
+interface SalesIQInstance {
+  widgetcode: string;
+  values: Record<string, unknown>;
+  ready: () => void;
+  visitor: SalesIQVisitor;
+  chat: SalesIQChat;
+  floatbutton: {
+    visible: (show: boolean) => void;
+  };
+}
+
+declare global {
+  interface Window {
+    $zoho?: {
+      salesiq?: SalesIQInstance;
+    };
+  }
+}
+
+export {};
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..7a63bfd
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,33 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        brand: {
+          blue: "#1E3A5F",
+          "blue-mid": "#2D5282",
+          "blue-light": "#EBF4FF",
+          orange: "#F97316",
+          gold: "#F59E0B",
+        },
+      },
+      fontFamily: {
+        sans: ["var(--font-inter)", "sans-serif"],
+        display: ["var(--font-montserrat)", "sans-serif"],
+      },
+      backgroundImage: {
+        "hero-gradient":
+          "linear-gradient(to bottom right, rgba(30,58,95,0.88), rgba(30,58,95,0.45))",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..f48e7ee
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "target": "ES2017"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}