diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 11138b72e3..97c5046aca 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -1,5 +1,35 @@
 import { Link, useRouterState } from "@tanstack/react-router";
 import { ExternalLinkIcon, MailIcon } from "lucide-react";
+import { useState } from "react";
+
+import { Image } from "@/components/image";
+
+function getNextRandomIndex(length: number, prevIndex: number): number {
+  if (length <= 1) return 0;
+  let next = prevIndex;
+  while (next === prevIndex) {
+    next = Math.floor(Math.random() * length);
+  }
+  return next;
+}
+
+const vsList = [
+  { slug: "otter", name: "Otter.ai" },
+  { slug: "granola", name: "Granola" },
+  { slug: "fireflies", name: "Fireflies" },
+  { slug: "fathom", name: "Fathom" },
+  { slug: "notion", name: "Notion" },
+  { slug: "obsidian", name: "Obsidian" },
+];
+
+const useCasesList = [
+  { to: "/solution/sales", label: "Sales" },
+  { to: "/solution/recruiting", label: "Recruiting" },
+  { to: "/solution/consulting", label: "Consulting" },
+  { to: "/solution/coaching", label: "Coaching" },
+  { to: "/solution/research", label: "Research" },
+  { to: "/solution/journalism", label: "Journalism" },
+];
 
 function getMaxWidthClass(pathname: string): string {
   const isBlogOrDocs =
@@ -30,7 +60,7 @@ function BrandSection({ currentYear }: { currentYear: number }) {
   return (
     <div className="lg:flex-1">
       <Link to="/" className="inline-block mb-4">
-        <img
+        <Image
           src="/api/images/hyprnote/logo.svg"
           alt="Hyprnote"
           className="h-6"
@@ -146,12 +176,30 @@ function ProductLinks() {
 }
 
 function ResourcesLinks() {
+  const [vsIndex, setVsIndex] = useState(() =>
+    Math.floor(Math.random() * vsList.length),
+  );
+  const [useCaseIndex, setUseCaseIndex] = useState(() =>
+    Math.floor(Math.random() * useCasesList.length),
+  );
+
+  const currentVs = vsList[vsIndex];
+  const currentUseCase = useCasesList[useCaseIndex];
+
   return (
     <div>
       <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
         Resources
       </h3>
       <ul className="space-y-3">
+        <li>
+          <Link
+            to="/pricing"
+            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+          >
+            Pricing
+          </Link>
+        </li>
         <li>
           <a
             href="/docs/faq"
@@ -161,13 +209,20 @@ function ResourcesLinks() {
           </a>
         </li>
         <li>
-          <a
-            href="mailto:support@hyprnote.com"
-            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1 no-underline hover:underline hover:decoration-dotted"
+          <Link
+            to="/company-handbook"
+            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
           >
-            Support
-            <MailIcon className="size-3" />
-          </a>
+            Company Handbook
+          </Link>
+        </li>
+        <li>
+          <Link
+            to="/gallery"
+            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+          >
+            Prompt Gallery
+          </Link>
         </li>
         <li>
           <a
@@ -181,27 +236,60 @@ function ResourcesLinks() {
           </a>
         </li>
         <li>
-          <Link
-            to="/pricing"
-            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+          <a
+            href="mailto:support@hyprnote.com"
+            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1 no-underline hover:underline hover:decoration-dotted"
           >
-            Pricing
-          </Link>
+            Support
+            <MailIcon className="size-3" />
+          </a>
         </li>
         <li>
           <Link
-            to="/gallery"
-            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+            to={currentUseCase.to}
+            className="group text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+            aria-label={`Hyprnote for ${currentUseCase.label}`}
+            onMouseEnter={() => {
+              setUseCaseIndex((prev) =>
+                getNextRandomIndex(useCasesList.length, prev),
+              );
+            }}
+            onFocus={() => {
+              setUseCaseIndex((prev) =>
+                getNextRandomIndex(useCasesList.length, prev),
+              );
+            }}
           >
-            Prompt Gallery
+            👍 for{" "}
+            <span className="inline-block blur-sm group-hover:blur-none group-focus:blur-none transition-all duration-150">
+              {currentUseCase.label}
+            </span>
           </Link>
         </li>
         <li>
           <Link
-            to="/company-handbook"
-            className="text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+            to="/vs/$slug"
+            params={{ slug: currentVs.slug }}
+            className="group text-sm text-neutral-600 hover:text-stone-600 transition-colors no-underline hover:underline hover:decoration-dotted"
+            aria-label={`Versus ${currentVs.name}`}
+            onMouseEnter={() => {
+              setVsIndex((prev) => getNextRandomIndex(vsList.length, prev));
+            }}
+            onFocus={() => {
+              setVsIndex((prev) => getNextRandomIndex(vsList.length, prev));
+            }}
           >
-            Company Handbook
+            <img
+              src="/api/images/hyprnote/icon.png"
+              alt="Hyprnote"
+              width={12}
+              height={12}
+              className="size-4 rounded border border-neutral-100 inline"
+            />{" "}
+            vs{" "}
+            <span className="inline-block blur-sm group-hover:blur-none group-focus:blur-none transition-all duration-150">
+              {currentVs.name}
+            </span>
           </Link>
         </li>
       </ul>
diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
index 1f3570567d..4fe3b3f95b 100644
--- a/apps/web/src/routeTree.gen.ts
+++ b/apps/web/src/routeTree.gen.ts
@@ -55,14 +55,18 @@ import { Route as ApiImagesSplatRouteImport } from './routes/api/images.$'
 import { Route as ViewVsSlugRouteImport } from './routes/_view/vs/$slug'
 import { Route as ViewTemplatesSlugRouteImport } from './routes/_view/templates/$slug'
 import { Route as ViewSolutionSalesRouteImport } from './routes/_view/solution/sales'
+import { Route as ViewSolutionResearchRouteImport } from './routes/_view/solution/research'
 import { Route as ViewSolutionRecruitingRouteImport } from './routes/_view/solution/recruiting'
 import { Route as ViewSolutionProjectManagementRouteImport } from './routes/_view/solution/project-management'
 import { Route as ViewSolutionMediaRouteImport } from './routes/_view/solution/media'
 import { Route as ViewSolutionLegalRouteImport } from './routes/_view/solution/legal'
+import { Route as ViewSolutionJournalismRouteImport } from './routes/_view/solution/journalism'
 import { Route as ViewSolutionHealthcareRouteImport } from './routes/_view/solution/healthcare'
 import { Route as ViewSolutionGovernmentRouteImport } from './routes/_view/solution/government'
 import { Route as ViewSolutionFieldEngineeringRouteImport } from './routes/_view/solution/field-engineering'
 import { Route as ViewSolutionCustomerSuccessRouteImport } from './routes/_view/solution/customer-success'
+import { Route as ViewSolutionConsultingRouteImport } from './routes/_view/solution/consulting'
+import { Route as ViewSolutionCoachingRouteImport } from './routes/_view/solution/coaching'
 import { Route as ViewShortcutsSlugRouteImport } from './routes/_view/shortcuts/$slug'
 import { Route as ViewRoadmapSlugRouteImport } from './routes/_view/roadmap/$slug'
 import { Route as ViewProductWorkflowsRouteImport } from './routes/_view/product/workflows'
@@ -328,6 +332,11 @@ const ViewSolutionSalesRoute = ViewSolutionSalesRouteImport.update({
   path: '/solution/sales',
   getParentRoute: () => ViewRouteRoute,
 } as any)
+const ViewSolutionResearchRoute = ViewSolutionResearchRouteImport.update({
+  id: '/solution/research',
+  path: '/solution/research',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewSolutionRecruitingRoute = ViewSolutionRecruitingRouteImport.update({
   id: '/solution/recruiting',
   path: '/solution/recruiting',
@@ -349,6 +358,11 @@ const ViewSolutionLegalRoute = ViewSolutionLegalRouteImport.update({
   path: '/solution/legal',
   getParentRoute: () => ViewRouteRoute,
 } as any)
+const ViewSolutionJournalismRoute = ViewSolutionJournalismRouteImport.update({
+  id: '/solution/journalism',
+  path: '/solution/journalism',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewSolutionHealthcareRoute = ViewSolutionHealthcareRouteImport.update({
   id: '/solution/healthcare',
   path: '/solution/healthcare',
@@ -371,6 +385,16 @@ const ViewSolutionCustomerSuccessRoute =
     path: '/solution/customer-success',
     getParentRoute: () => ViewRouteRoute,
   } as any)
+const ViewSolutionConsultingRoute = ViewSolutionConsultingRouteImport.update({
+  id: '/solution/consulting',
+  path: '/solution/consulting',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
+const ViewSolutionCoachingRoute = ViewSolutionCoachingRouteImport.update({
+  id: '/solution/coaching',
+  path: '/solution/coaching',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewShortcutsSlugRoute = ViewShortcutsSlugRouteImport.update({
   id: '/shortcuts/$slug',
   path: '/shortcuts/$slug',
@@ -601,14 +625,18 @@ export interface FileRoutesByFullPath {
   '/product/workflows': typeof ViewProductWorkflowsRoute
   '/roadmap/$slug': typeof ViewRoadmapSlugRoute
   '/shortcuts/$slug': typeof ViewShortcutsSlugRoute
+  '/solution/coaching': typeof ViewSolutionCoachingRoute
+  '/solution/consulting': typeof ViewSolutionConsultingRoute
   '/solution/customer-success': typeof ViewSolutionCustomerSuccessRoute
   '/solution/field-engineering': typeof ViewSolutionFieldEngineeringRoute
   '/solution/government': typeof ViewSolutionGovernmentRoute
   '/solution/healthcare': typeof ViewSolutionHealthcareRoute
+  '/solution/journalism': typeof ViewSolutionJournalismRoute
   '/solution/legal': typeof ViewSolutionLegalRoute
   '/solution/media': typeof ViewSolutionMediaRoute
   '/solution/project-management': typeof ViewSolutionProjectManagementRoute
   '/solution/recruiting': typeof ViewSolutionRecruitingRoute
+  '/solution/research': typeof ViewSolutionResearchRoute
   '/solution/sales': typeof ViewSolutionSalesRoute
   '/templates/$slug': typeof ViewTemplatesSlugRoute
   '/vs/$slug': typeof ViewVsSlugRoute
@@ -686,14 +714,18 @@ export interface FileRoutesByTo {
   '/product/workflows': typeof ViewProductWorkflowsRoute
   '/roadmap/$slug': typeof ViewRoadmapSlugRoute
   '/shortcuts/$slug': typeof ViewShortcutsSlugRoute
+  '/solution/coaching': typeof ViewSolutionCoachingRoute
+  '/solution/consulting': typeof ViewSolutionConsultingRoute
   '/solution/customer-success': typeof ViewSolutionCustomerSuccessRoute
   '/solution/field-engineering': typeof ViewSolutionFieldEngineeringRoute
   '/solution/government': typeof ViewSolutionGovernmentRoute
   '/solution/healthcare': typeof ViewSolutionHealthcareRoute
+  '/solution/journalism': typeof ViewSolutionJournalismRoute
   '/solution/legal': typeof ViewSolutionLegalRoute
   '/solution/media': typeof ViewSolutionMediaRoute
   '/solution/project-management': typeof ViewSolutionProjectManagementRoute
   '/solution/recruiting': typeof ViewSolutionRecruitingRoute
+  '/solution/research': typeof ViewSolutionResearchRoute
   '/solution/sales': typeof ViewSolutionSalesRoute
   '/templates/$slug': typeof ViewTemplatesSlugRoute
   '/vs/$slug': typeof ViewVsSlugRoute
@@ -776,14 +808,18 @@ export interface FileRoutesById {
   '/_view/product/workflows': typeof ViewProductWorkflowsRoute
   '/_view/roadmap/$slug': typeof ViewRoadmapSlugRoute
   '/_view/shortcuts/$slug': typeof ViewShortcutsSlugRoute
+  '/_view/solution/coaching': typeof ViewSolutionCoachingRoute
+  '/_view/solution/consulting': typeof ViewSolutionConsultingRoute
   '/_view/solution/customer-success': typeof ViewSolutionCustomerSuccessRoute
   '/_view/solution/field-engineering': typeof ViewSolutionFieldEngineeringRoute
   '/_view/solution/government': typeof ViewSolutionGovernmentRoute
   '/_view/solution/healthcare': typeof ViewSolutionHealthcareRoute
+  '/_view/solution/journalism': typeof ViewSolutionJournalismRoute
   '/_view/solution/legal': typeof ViewSolutionLegalRoute
   '/_view/solution/media': typeof ViewSolutionMediaRoute
   '/_view/solution/project-management': typeof ViewSolutionProjectManagementRoute
   '/_view/solution/recruiting': typeof ViewSolutionRecruitingRoute
+  '/_view/solution/research': typeof ViewSolutionResearchRoute
   '/_view/solution/sales': typeof ViewSolutionSalesRoute
   '/_view/templates/$slug': typeof ViewTemplatesSlugRoute
   '/_view/vs/$slug': typeof ViewVsSlugRoute
@@ -866,14 +902,18 @@ export interface FileRouteTypes {
     | '/product/workflows'
     | '/roadmap/$slug'
     | '/shortcuts/$slug'
+    | '/solution/coaching'
+    | '/solution/consulting'
     | '/solution/customer-success'
     | '/solution/field-engineering'
     | '/solution/government'
     | '/solution/healthcare'
+    | '/solution/journalism'
     | '/solution/legal'
     | '/solution/media'
     | '/solution/project-management'
     | '/solution/recruiting'
+    | '/solution/research'
     | '/solution/sales'
     | '/templates/$slug'
     | '/vs/$slug'
@@ -951,14 +991,18 @@ export interface FileRouteTypes {
     | '/product/workflows'
     | '/roadmap/$slug'
     | '/shortcuts/$slug'
+    | '/solution/coaching'
+    | '/solution/consulting'
     | '/solution/customer-success'
     | '/solution/field-engineering'
     | '/solution/government'
     | '/solution/healthcare'
+    | '/solution/journalism'
     | '/solution/legal'
     | '/solution/media'
     | '/solution/project-management'
     | '/solution/recruiting'
+    | '/solution/research'
     | '/solution/sales'
     | '/templates/$slug'
     | '/vs/$slug'
@@ -1040,14 +1084,18 @@ export interface FileRouteTypes {
     | '/_view/product/workflows'
     | '/_view/roadmap/$slug'
     | '/_view/shortcuts/$slug'
+    | '/_view/solution/coaching'
+    | '/_view/solution/consulting'
     | '/_view/solution/customer-success'
     | '/_view/solution/field-engineering'
     | '/_view/solution/government'
     | '/_view/solution/healthcare'
+    | '/_view/solution/journalism'
     | '/_view/solution/legal'
     | '/_view/solution/media'
     | '/_view/solution/project-management'
     | '/_view/solution/recruiting'
+    | '/_view/solution/research'
     | '/_view/solution/sales'
     | '/_view/templates/$slug'
     | '/_view/vs/$slug'
@@ -1413,6 +1461,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewSolutionSalesRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/solution/research': {
+      id: '/_view/solution/research'
+      path: '/solution/research'
+      fullPath: '/solution/research'
+      preLoaderRoute: typeof ViewSolutionResearchRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/solution/recruiting': {
       id: '/_view/solution/recruiting'
       path: '/solution/recruiting'
@@ -1441,6 +1496,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewSolutionLegalRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/solution/journalism': {
+      id: '/_view/solution/journalism'
+      path: '/solution/journalism'
+      fullPath: '/solution/journalism'
+      preLoaderRoute: typeof ViewSolutionJournalismRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/solution/healthcare': {
       id: '/_view/solution/healthcare'
       path: '/solution/healthcare'
@@ -1469,6 +1531,20 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewSolutionCustomerSuccessRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/solution/consulting': {
+      id: '/_view/solution/consulting'
+      path: '/solution/consulting'
+      fullPath: '/solution/consulting'
+      preLoaderRoute: typeof ViewSolutionConsultingRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
+    '/_view/solution/coaching': {
+      id: '/_view/solution/coaching'
+      path: '/solution/coaching'
+      fullPath: '/solution/coaching'
+      preLoaderRoute: typeof ViewSolutionCoachingRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/shortcuts/$slug': {
       id: '/_view/shortcuts/$slug'
       path: '/shortcuts/$slug'
@@ -1793,14 +1869,18 @@ interface ViewRouteRouteChildren {
   ViewProductWorkflowsRoute: typeof ViewProductWorkflowsRoute
   ViewRoadmapSlugRoute: typeof ViewRoadmapSlugRoute
   ViewShortcutsSlugRoute: typeof ViewShortcutsSlugRoute
+  ViewSolutionCoachingRoute: typeof ViewSolutionCoachingRoute
+  ViewSolutionConsultingRoute: typeof ViewSolutionConsultingRoute
   ViewSolutionCustomerSuccessRoute: typeof ViewSolutionCustomerSuccessRoute
   ViewSolutionFieldEngineeringRoute: typeof ViewSolutionFieldEngineeringRoute
   ViewSolutionGovernmentRoute: typeof ViewSolutionGovernmentRoute
   ViewSolutionHealthcareRoute: typeof ViewSolutionHealthcareRoute
+  ViewSolutionJournalismRoute: typeof ViewSolutionJournalismRoute
   ViewSolutionLegalRoute: typeof ViewSolutionLegalRoute
   ViewSolutionMediaRoute: typeof ViewSolutionMediaRoute
   ViewSolutionProjectManagementRoute: typeof ViewSolutionProjectManagementRoute
   ViewSolutionRecruitingRoute: typeof ViewSolutionRecruitingRoute
+  ViewSolutionResearchRoute: typeof ViewSolutionResearchRoute
   ViewSolutionSalesRoute: typeof ViewSolutionSalesRoute
   ViewTemplatesSlugRoute: typeof ViewTemplatesSlugRoute
   ViewVsSlugRoute: typeof ViewVsSlugRoute
@@ -1858,14 +1938,18 @@ const ViewRouteRouteChildren: ViewRouteRouteChildren = {
   ViewProductWorkflowsRoute: ViewProductWorkflowsRoute,
   ViewRoadmapSlugRoute: ViewRoadmapSlugRoute,
   ViewShortcutsSlugRoute: ViewShortcutsSlugRoute,
+  ViewSolutionCoachingRoute: ViewSolutionCoachingRoute,
+  ViewSolutionConsultingRoute: ViewSolutionConsultingRoute,
   ViewSolutionCustomerSuccessRoute: ViewSolutionCustomerSuccessRoute,
   ViewSolutionFieldEngineeringRoute: ViewSolutionFieldEngineeringRoute,
   ViewSolutionGovernmentRoute: ViewSolutionGovernmentRoute,
   ViewSolutionHealthcareRoute: ViewSolutionHealthcareRoute,
+  ViewSolutionJournalismRoute: ViewSolutionJournalismRoute,
   ViewSolutionLegalRoute: ViewSolutionLegalRoute,
   ViewSolutionMediaRoute: ViewSolutionMediaRoute,
   ViewSolutionProjectManagementRoute: ViewSolutionProjectManagementRoute,
   ViewSolutionRecruitingRoute: ViewSolutionRecruitingRoute,
+  ViewSolutionResearchRoute: ViewSolutionResearchRoute,
   ViewSolutionSalesRoute: ViewSolutionSalesRoute,
   ViewTemplatesSlugRoute: ViewTemplatesSlugRoute,
   ViewVsSlugRoute: ViewVsSlugRoute,
diff --git a/apps/web/src/routes/_view/solution/coaching.tsx b/apps/web/src/routes/_view/solution/coaching.tsx
new file mode 100644
index 0000000000..006652fdb1
--- /dev/null
+++ b/apps/web/src/routes/_view/solution/coaching.tsx
@@ -0,0 +1,244 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+import { cn } from "@hypr/utils";
+
+export const Route = createFileRoute("/_view/solution/coaching")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "AI Meeting Notes for Coaches - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Capture coaching sessions, client progress, and breakthrough moments with AI-powered meeting notes. Focus on your clients with Hyprnote.",
+      },
+      {
+        property: "og:title",
+        content: "AI Meeting Notes for Coaches - Hyprnote",
+      },
+      {
+        property: "og:description",
+        content:
+          "Be fully present with your clients while AI captures every insight. Track progress and deliver transformational coaching.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/solution/coaching",
+      },
+    ],
+  }),
+});
+
+const features = [
+  {
+    icon: "mdi:account-heart",
+    title: "Full Presence",
+    description:
+      "Stop taking notes during sessions. Be fully present and engaged with your clients while AI captures everything.",
+  },
+  {
+    icon: "mdi:chart-line",
+    title: "Progress Tracking",
+    description:
+      "Track client goals, commitments, and breakthroughs across sessions. See patterns and progress over time.",
+  },
+  {
+    icon: "mdi:lightbulb-on",
+    title: "Insight Capture",
+    description:
+      "AI identifies key themes, mindset shifts, and breakthrough moments from coaching conversations.",
+  },
+  {
+    icon: "mdi:clipboard-check",
+    title: "Action Items",
+    description:
+      "Automatically extract commitments, homework, and action items from each session for follow-up.",
+  },
+  {
+    icon: "mdi:message-reply-text",
+    title: "Session Summaries",
+    description:
+      "Generate session summaries to share with clients. Help them remember key insights and next steps.",
+  },
+  {
+    icon: "mdi:shield-lock",
+    title: "Client Privacy",
+    description:
+      "Local AI processing ensures sensitive coaching conversations stay completely private and secure.",
+  },
+];
+
+const useCases = [
+  {
+    title: "Life Coaching",
+    description:
+      "Capture personal goals, challenges, and transformation journeys. Track client progress toward their vision.",
+  },
+  {
+    title: "Executive Coaching",
+    description:
+      "Document leadership challenges, strategic thinking, and professional development goals. Support high-stakes growth.",
+  },
+  {
+    title: "Career Coaching",
+    description:
+      "Track career goals, skill development, and job search progress. Help clients navigate their career journey.",
+  },
+  {
+    title: "Health & Wellness",
+    description:
+      "Record wellness goals, habit changes, and health milestones. Support clients in sustainable lifestyle changes.",
+  },
+];
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen overflow-x-hidden"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <FeaturesSection />
+        <UseCasesSection />
+        <CTASection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-stone-100 text-stone-600 text-sm mb-6">
+            <Icon icon="mdi:heart-pulse" className="text-lg" />
+            <span>For Coaches</span>
+          </div>
+          <h1 className="text-4xl sm:text-5xl font-serif tracking-tight text-stone-600 mb-6">
+            Transform lives with
+            <br />
+            AI-powered meeting notes
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 max-w-2xl mx-auto">
+            Be fully present with your clients while Hyprnote captures every
+            insight, tracks progress, and helps you deliver transformational
+            coaching.
+          </p>
+          <div className="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
+            <Link
+              to="/download"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+                "hover:scale-105 active:scale-95 transition-transform",
+              ])}
+            >
+              Download for free
+            </Link>
+            <Link
+              to="/product/ai-notetaking"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "border border-stone-300 text-stone-600",
+                "hover:bg-stone-50 transition-colors",
+              ])}
+            >
+              See how it works
+            </Link>
+          </div>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FeaturesSection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          Built for coaching excellence
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Every feature designed to help you be fully present and deliver
+          transformational results.
+        </p>
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {features.map((feature) => (
+            <div key={feature.title} className="flex flex-col gap-3">
+              <div className="w-12 h-12 rounded-xl bg-stone-100 flex items-center justify-center">
+                <Icon icon={feature.icon} className="text-2xl text-stone-600" />
+              </div>
+              <h3 className="text-lg font-medium text-stone-700">
+                {feature.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function UseCasesSection() {
+  return (
+    <section className="px-6 py-16 bg-stone-50/50 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          For every coaching practice
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Whatever your coaching specialty, Hyprnote helps you capture and
+          leverage every client session.
+        </p>
+        <div className="grid md:grid-cols-2 gap-6">
+          {useCases.map((useCase) => (
+            <div
+              key={useCase.title}
+              className="bg-white p-6 rounded-xl border border-neutral-100"
+            >
+              <h3 className="text-lg font-medium text-stone-700 mb-2">
+                {useCase.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {useCase.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function CTASection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-3xl font-serif text-stone-600 mb-4">
+          Ready to amplify your impact?
+        </h2>
+        <p className="text-neutral-600 mb-8">
+          Join coaches who are transforming lives with AI-powered meeting notes.
+        </p>
+        <Link
+          to="/download"
+          className={cn([
+            "inline-block px-8 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          Get started for free
+        </Link>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/routes/_view/solution/consulting.tsx b/apps/web/src/routes/_view/solution/consulting.tsx
new file mode 100644
index 0000000000..50fd5a9d70
--- /dev/null
+++ b/apps/web/src/routes/_view/solution/consulting.tsx
@@ -0,0 +1,244 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+import { cn } from "@hypr/utils";
+
+export const Route = createFileRoute("/_view/solution/consulting")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "AI Meeting Notes for Consultants - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Capture client conversations, project details, and strategic insights with AI-powered meeting notes. Deliver better recommendations with Hyprnote.",
+      },
+      {
+        property: "og:title",
+        content: "AI Meeting Notes for Consultants - Hyprnote",
+      },
+      {
+        property: "og:description",
+        content:
+          "Focus on advising clients while AI captures every detail. Turn meeting notes into actionable insights and deliverables.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/solution/consulting",
+      },
+    ],
+  }),
+});
+
+const features = [
+  {
+    icon: "mdi:briefcase-check",
+    title: "Client Meeting Capture",
+    description:
+      "Record client discussions, requirements, and strategic priorities. Keep detailed records of every engagement.",
+  },
+  {
+    icon: "mdi:lightbulb",
+    title: "Insight Extraction",
+    description:
+      "AI identifies key themes, pain points, and opportunities from client conversations to inform your recommendations.",
+  },
+  {
+    icon: "mdi:file-document-multiple",
+    title: "Deliverable Support",
+    description:
+      "Turn meeting notes into reports, presentations, and recommendations. Extract quotes and data points for your deliverables.",
+  },
+  {
+    icon: "mdi:account-group",
+    title: "Stakeholder Management",
+    description:
+      "Track different stakeholder perspectives, concerns, and priorities across multiple conversations.",
+  },
+  {
+    icon: "mdi:clock-check",
+    title: "Billable Hours",
+    description:
+      "Accurate meeting records support time tracking and billing documentation for client engagements.",
+  },
+  {
+    icon: "mdi:shield-lock",
+    title: "Client Confidentiality",
+    description:
+      "Local AI processing ensures sensitive client information stays private and secure on your device.",
+  },
+];
+
+const useCases = [
+  {
+    title: "Discovery & Scoping",
+    description:
+      "Capture project requirements, success criteria, and constraints. Build comprehensive understanding of client needs.",
+  },
+  {
+    title: "Strategy Sessions",
+    description:
+      "Document strategic discussions, decision rationale, and alignment points. Create clear records of recommendations.",
+  },
+  {
+    title: "Stakeholder Interviews",
+    description:
+      "Record perspectives from different stakeholders. Identify patterns and conflicts across the organization.",
+  },
+  {
+    title: "Status Updates & Reviews",
+    description:
+      "Track project progress, client feedback, and change requests. Maintain detailed engagement history.",
+  },
+];
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen overflow-x-hidden"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <FeaturesSection />
+        <UseCasesSection />
+        <CTASection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-stone-100 text-stone-600 text-sm mb-6">
+            <Icon icon="mdi:briefcase-account" className="text-lg" />
+            <span>For Consultants</span>
+          </div>
+          <h1 className="text-4xl sm:text-5xl font-serif tracking-tight text-stone-600 mb-6">
+            Deliver better insights with
+            <br />
+            AI-powered meeting notes
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 max-w-2xl mx-auto">
+            Focus on advising your clients while Hyprnote captures every detail,
+            extracts insights, and helps you create compelling deliverables.
+          </p>
+          <div className="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
+            <Link
+              to="/download"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+                "hover:scale-105 active:scale-95 transition-transform",
+              ])}
+            >
+              Download for free
+            </Link>
+            <Link
+              to="/product/ai-notetaking"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "border border-stone-300 text-stone-600",
+                "hover:bg-stone-50 transition-colors",
+              ])}
+            >
+              See how it works
+            </Link>
+          </div>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FeaturesSection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          Built for consulting excellence
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Every feature designed to help you deliver exceptional client value
+          and insights.
+        </p>
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {features.map((feature) => (
+            <div key={feature.title} className="flex flex-col gap-3">
+              <div className="w-12 h-12 rounded-xl bg-stone-100 flex items-center justify-center">
+                <Icon icon={feature.icon} className="text-2xl text-stone-600" />
+              </div>
+              <h3 className="text-lg font-medium text-stone-700">
+                {feature.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function UseCasesSection() {
+  return (
+    <section className="px-6 py-16 bg-stone-50/50 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          For every client engagement
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          From discovery to delivery, Hyprnote helps you capture and leverage
+          every client interaction.
+        </p>
+        <div className="grid md:grid-cols-2 gap-6">
+          {useCases.map((useCase) => (
+            <div
+              key={useCase.title}
+              className="bg-white p-6 rounded-xl border border-neutral-100"
+            >
+              <h3 className="text-lg font-medium text-stone-700 mb-2">
+                {useCase.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {useCase.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function CTASection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-3xl font-serif text-stone-600 mb-4">
+          Ready to elevate your consulting?
+        </h2>
+        <p className="text-neutral-600 mb-8">
+          Join consultants who are delivering better insights with AI-powered
+          meeting notes.
+        </p>
+        <Link
+          to="/download"
+          className={cn([
+            "inline-block px-8 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          Get started for free
+        </Link>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/routes/_view/solution/journalism.tsx b/apps/web/src/routes/_view/solution/journalism.tsx
new file mode 100644
index 0000000000..5ae185940f
--- /dev/null
+++ b/apps/web/src/routes/_view/solution/journalism.tsx
@@ -0,0 +1,244 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+import { cn } from "@hypr/utils";
+
+export const Route = createFileRoute("/_view/solution/journalism")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "AI Meeting Notes for Journalists - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Capture interviews, press briefings, and source conversations with AI-powered meeting notes. Report with confidence using Hyprnote.",
+      },
+      {
+        property: "og:title",
+        content: "AI Meeting Notes for Journalists - Hyprnote",
+      },
+      {
+        property: "og:description",
+        content:
+          "Focus on the story while AI captures every quote. Get accurate transcriptions and never miss a detail.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/solution/journalism",
+      },
+    ],
+  }),
+});
+
+const features = [
+  {
+    icon: "mdi:microphone",
+    title: "Interview Recording",
+    description:
+      "Record interviews, press conferences, and source conversations. Get accurate transcriptions with timestamps.",
+  },
+  {
+    icon: "mdi:format-quote-open",
+    title: "Precise Quotes",
+    description:
+      "Extract exact quotes with context. Ensure accuracy and attribution in your reporting.",
+  },
+  {
+    icon: "mdi:magnify",
+    title: "Fact Verification",
+    description:
+      "Search through interview transcripts to verify details, dates, and claims from your sources.",
+  },
+  {
+    icon: "mdi:clock-fast",
+    title: "Fast Turnaround",
+    description:
+      "Get instant transcriptions. Spend less time on notes and more time writing your story.",
+  },
+  {
+    icon: "mdi:archive",
+    title: "Source Documentation",
+    description:
+      "Maintain detailed records of all interviews and conversations. Protect your reporting with documentation.",
+  },
+  {
+    icon: "mdi:shield-lock",
+    title: "Source Protection",
+    description:
+      "Local AI processing ensures sensitive source information stays private and secure on your device.",
+  },
+];
+
+const useCases = [
+  {
+    title: "Investigative Reporting",
+    description:
+      "Document complex interviews and source conversations. Build comprehensive records for long-form investigations.",
+  },
+  {
+    title: "Breaking News",
+    description:
+      "Capture press briefings and rapid interviews. Get quotes fast for deadline reporting.",
+  },
+  {
+    title: "Feature Stories",
+    description:
+      "Record in-depth interviews and personal narratives. Find the perfect quotes to bring your stories to life.",
+  },
+  {
+    title: "Press Events",
+    description:
+      "Capture statements from press conferences, panel discussions, and media events with accurate attribution.",
+  },
+];
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen overflow-x-hidden"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <FeaturesSection />
+        <UseCasesSection />
+        <CTASection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-stone-100 text-stone-600 text-sm mb-6">
+            <Icon icon="mdi:newspaper" className="text-lg" />
+            <span>For Journalists</span>
+          </div>
+          <h1 className="text-4xl sm:text-5xl font-serif tracking-tight text-stone-600 mb-6">
+            Report with confidence using
+            <br />
+            AI-powered meeting notes
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 max-w-2xl mx-auto">
+            Focus on asking the right questions while Hyprnote captures every
+            quote, verifies accuracy, and helps you tell compelling stories.
+          </p>
+          <div className="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
+            <Link
+              to="/download"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+                "hover:scale-105 active:scale-95 transition-transform",
+              ])}
+            >
+              Download for free
+            </Link>
+            <Link
+              to="/product/ai-notetaking"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "border border-stone-300 text-stone-600",
+                "hover:bg-stone-50 transition-colors",
+              ])}
+            >
+              See how it works
+            </Link>
+          </div>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FeaturesSection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          Built for journalism excellence
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Every feature designed to help you report with accuracy and
+          confidence.
+        </p>
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {features.map((feature) => (
+            <div key={feature.title} className="flex flex-col gap-3">
+              <div className="w-12 h-12 rounded-xl bg-stone-100 flex items-center justify-center">
+                <Icon icon={feature.icon} className="text-2xl text-stone-600" />
+              </div>
+              <h3 className="text-lg font-medium text-stone-700">
+                {feature.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function UseCasesSection() {
+  return (
+    <section className="px-6 py-16 bg-stone-50/50 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          For every beat and story
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Whatever you cover, Hyprnote helps you capture and verify every
+          conversation.
+        </p>
+        <div className="grid md:grid-cols-2 gap-6">
+          {useCases.map((useCase) => (
+            <div
+              key={useCase.title}
+              className="bg-white p-6 rounded-xl border border-neutral-100"
+            >
+              <h3 className="text-lg font-medium text-stone-700 mb-2">
+                {useCase.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {useCase.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function CTASection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-3xl font-serif text-stone-600 mb-4">
+          Ready to report with confidence?
+        </h2>
+        <p className="text-neutral-600 mb-8">
+          Join journalists who are telling better stories with AI-powered
+          meeting notes.
+        </p>
+        <Link
+          to="/download"
+          className={cn([
+            "inline-block px-8 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          Get started for free
+        </Link>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/routes/_view/solution/research.tsx b/apps/web/src/routes/_view/solution/research.tsx
new file mode 100644
index 0000000000..660c9cc068
--- /dev/null
+++ b/apps/web/src/routes/_view/solution/research.tsx
@@ -0,0 +1,245 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+import { cn } from "@hypr/utils";
+
+export const Route = createFileRoute("/_view/solution/research")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "AI Meeting Notes for Researchers - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Capture interviews, observations, and research insights with AI-powered meeting notes. Analyze faster with Hyprnote.",
+      },
+      {
+        property: "og:title",
+        content: "AI Meeting Notes for Researchers - Hyprnote",
+      },
+      {
+        property: "og:description",
+        content:
+          "Focus on discovery while AI captures every detail. Turn research conversations into actionable insights.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/solution/research",
+      },
+    ],
+  }),
+});
+
+const features = [
+  {
+    icon: "mdi:microphone-variant",
+    title: "Interview Recording",
+    description:
+      "Capture user interviews, expert conversations, and field observations. Get accurate transcriptions of every research session.",
+  },
+  {
+    icon: "mdi:tag-multiple",
+    title: "Theme Identification",
+    description:
+      "AI helps identify recurring themes, patterns, and insights across multiple research sessions.",
+  },
+  {
+    icon: "mdi:format-quote-close",
+    title: "Quote Extraction",
+    description:
+      "Easily find and extract participant quotes for reports, papers, and presentations.",
+  },
+  {
+    icon: "mdi:file-search",
+    title: "Search & Analysis",
+    description:
+      "Search across all your research notes to find specific topics, responses, or insights instantly.",
+  },
+  {
+    icon: "mdi:book-open-variant",
+    title: "Research Synthesis",
+    description:
+      "Turn raw interview data into structured findings. Support your analysis with detailed evidence.",
+  },
+  {
+    icon: "mdi:shield-lock",
+    title: "Participant Privacy",
+    description:
+      "Local AI processing ensures sensitive research data and participant information stays private.",
+  },
+];
+
+const useCases = [
+  {
+    title: "User Research",
+    description:
+      "Capture user interviews, usability tests, and feedback sessions. Identify patterns in user needs and behaviors.",
+  },
+  {
+    title: "Academic Research",
+    description:
+      "Record research interviews, focus groups, and field observations. Support qualitative analysis with detailed transcripts.",
+  },
+  {
+    title: "Market Research",
+    description:
+      "Document customer conversations, market interviews, and competitive insights. Extract themes and trends.",
+  },
+  {
+    title: "Ethnographic Studies",
+    description:
+      "Capture field notes, participant observations, and contextual inquiries. Build rich qualitative datasets.",
+  },
+];
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen overflow-x-hidden"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <FeaturesSection />
+        <UseCasesSection />
+        <CTASection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-stone-100 text-stone-600 text-sm mb-6">
+            <Icon icon="mdi:flask" className="text-lg" />
+            <span>For Researchers</span>
+          </div>
+          <h1 className="text-4xl sm:text-5xl font-serif tracking-tight text-stone-600 mb-6">
+            Discover faster with
+            <br />
+            AI-powered meeting notes
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 max-w-2xl mx-auto">
+            Focus on asking questions and observing while Hyprnote captures
+            every detail, identifies themes, and helps you analyze research
+            conversations.
+          </p>
+          <div className="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
+            <Link
+              to="/download"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+                "hover:scale-105 active:scale-95 transition-transform",
+              ])}
+            >
+              Download for free
+            </Link>
+            <Link
+              to="/product/ai-notetaking"
+              className={cn([
+                "inline-block px-8 py-3 text-base font-medium rounded-full",
+                "border border-stone-300 text-stone-600",
+                "hover:bg-stone-50 transition-colors",
+              ])}
+            >
+              See how it works
+            </Link>
+          </div>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FeaturesSection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          Built for research excellence
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Every feature designed to help you capture, analyze, and synthesize
+          research insights.
+        </p>
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {features.map((feature) => (
+            <div key={feature.title} className="flex flex-col gap-3">
+              <div className="w-12 h-12 rounded-xl bg-stone-100 flex items-center justify-center">
+                <Icon icon={feature.icon} className="text-2xl text-stone-600" />
+              </div>
+              <h3 className="text-lg font-medium text-stone-700">
+                {feature.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function UseCasesSection() {
+  return (
+    <section className="px-6 py-16 bg-stone-50/50 border-t border-neutral-100">
+      <div className="max-w-4xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 text-center mb-4">
+          For every research method
+        </h2>
+        <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+          Whatever your research approach, Hyprnote helps you capture and
+          analyze every conversation.
+        </p>
+        <div className="grid md:grid-cols-2 gap-6">
+          {useCases.map((useCase) => (
+            <div
+              key={useCase.title}
+              className="bg-white p-6 rounded-xl border border-neutral-100"
+            >
+              <h3 className="text-lg font-medium text-stone-700 mb-2">
+                {useCase.title}
+              </h3>
+              <p className="text-neutral-600 text-sm leading-relaxed">
+                {useCase.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function CTASection() {
+  return (
+    <section className="px-6 py-16 border-t border-neutral-100">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-3xl font-serif text-stone-600 mb-4">
+          Ready to accelerate your research?
+        </h2>
+        <p className="text-neutral-600 mb-8">
+          Join researchers who are discovering faster with AI-powered meeting
+          notes.
+        </p>
+        <Link
+          to="/download"
+          className={cn([
+            "inline-block px-8 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-stone-600 to-stone-500 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          Get started for free
+        </Link>
+      </div>
+    </section>
+  );
+}