diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 93cc5d2d11..1623730c41 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -1,4 +1,5 @@
 import { Link, useRouterState } from "@tanstack/react-router";
+import { ExternalLinkIcon, MailIcon } from "lucide-react";
 
 function getMaxWidthClass(pathname: string): string {
   const isBlogOrDocs =
@@ -58,7 +59,7 @@ export function Footer() {
 
           <div className="grid grid-cols-2 sm:grid-cols-4 gap-8">
             <div>
-              <h3 className="text-sm font-semibold text-neutral-900 mb-4">
+              <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
                 Product
               </h3>
               <ul className="space-y-3">
@@ -99,16 +100,17 @@ export function Footer() {
                     href="https://github.com/fastrepl/hyprnote"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     GitHub
+                    <ExternalLinkIcon className="size-3" />
                   </a>
                 </li>
               </ul>
             </div>
 
             <div>
-              <h3 className="text-sm font-semibold text-neutral-900 mb-4">
+              <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
                 Resources
               </h3>
               <ul className="space-y-3">
@@ -123,9 +125,10 @@ export function Footer() {
                 <li>
                   <a
                     href="mailto:support@hyprnote.com"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     Support
+                    <MailIcon className="size-3" />
                   </a>
                 </li>
                 <li>
@@ -133,9 +136,10 @@ export function Footer() {
                     href="https://github.com/fastrepl/hyprnote/discussions"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     Discussions
+                    <ExternalLinkIcon className="size-3" />
                   </a>
                 </li>
                 <li>
@@ -146,14 +150,6 @@ export function Footer() {
                     Pricing
                   </Link>
                 </li>
-                <li>
-                  <Link
-                    to="/press-kit"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
-                  >
-                    Press Kit
-                  </Link>
-                </li>
                 <li>
                   <Link
                     to="/gallery"
@@ -166,7 +162,7 @@ export function Footer() {
             </div>
 
             <div>
-              <h3 className="text-sm font-semibold text-neutral-900 mb-4">
+              <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
                 Company
               </h3>
               <ul className="space-y-3">
@@ -196,17 +192,25 @@ export function Footer() {
                 </li>
                 <li>
                   <Link
-                    to="/enterprise"
+                    to="/press-kit"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                  >
+                    Press Kit
+                  </Link>
+                </li>
+                <li>
+                  <Link
+                    to="/opensource"
                     className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
                   >
-                    Enterprise
+                    Open Source
                   </Link>
                 </li>
               </ul>
             </div>
 
             <div>
-              <h3 className="text-sm font-semibold text-neutral-900 mb-4">
+              <h3 className="text-sm font-semibold text-neutral-900 mb-4 font-serif">
                 Social
               </h3>
               <ul className="space-y-3">
@@ -215,9 +219,32 @@ export function Footer() {
                     href="/x"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     Twitter
+                    <ExternalLinkIcon className="size-3" />
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://bsky.app/profile/hyprnote.bsky.social"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
+                  >
+                    Bluesky
+                    <ExternalLinkIcon className="size-3" />
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://www.reddit.com/r/Hyprnote/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
+                  >
+                    Reddit
+                    <ExternalLinkIcon className="size-3" />
                   </a>
                 </li>
                 <li>
@@ -225,9 +252,10 @@ export function Footer() {
                     href="/discord"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     Discord
+                    <ExternalLinkIcon className="size-3" />
                   </a>
                 </li>
                 <li>
@@ -235,9 +263,10 @@ export function Footer() {
                     href="/youtube"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors"
+                    className="text-sm text-neutral-600 hover:text-stone-600 transition-colors inline-flex items-center gap-1"
                   >
                     YouTube
+                    <ExternalLinkIcon className="size-3" />
                   </a>
                 </li>
               </ul>
diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
index c666662293..dc2b071676 100644
--- a/apps/web/src/routeTree.gen.ts
+++ b/apps/web/src/routeTree.gen.ts
@@ -26,6 +26,7 @@ import { Route as ApiTemplatesRouteImport } from './routes/api/templates'
 import { Route as ViewSecurityRouteImport } from './routes/_view/security'
 import { Route as ViewPricingRouteImport } from './routes/_view/pricing'
 import { Route as ViewPressKitRouteImport } from './routes/_view/press-kit'
+import { Route as ViewOpensourceRouteImport } from './routes/_view/opensource'
 import { Route as ViewFreeRouteImport } from './routes/_view/free'
 import { Route as ViewFileTranscriptionRouteImport } from './routes/_view/file-transcription'
 import { Route as ViewFaqRouteImport } from './routes/_view/faq'
@@ -63,7 +64,6 @@ import { Route as ViewShortcutsSlugRouteImport } from './routes/_view/shortcuts/
 import { Route as ViewRoadmapSlugRouteImport } from './routes/_view/roadmap/$slug'
 import { Route as ViewProductWorkflowsRouteImport } from './routes/_view/product/workflows'
 import { Route as ViewProductSelfHostingRouteImport } from './routes/_view/product/self-hosting'
-import { Route as ViewProductOpensourceRouteImport } from './routes/_view/product/opensource'
 import { Route as ViewProductNotepadRouteImport } from './routes/_view/product/notepad'
 import { Route as ViewProductMiniAppsRouteImport } from './routes/_view/product/mini-apps'
 import { Route as ViewProductMemoryRouteImport } from './routes/_view/product/memory'
@@ -172,6 +172,11 @@ const ViewPressKitRoute = ViewPressKitRouteImport.update({
   path: '/press-kit',
   getParentRoute: () => ViewRouteRoute,
 } as any)
+const ViewOpensourceRoute = ViewOpensourceRouteImport.update({
+  id: '/opensource',
+  path: '/opensource',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewFreeRoute = ViewFreeRouteImport.update({
   id: '/free',
   path: '/free',
@@ -362,11 +367,6 @@ const ViewProductSelfHostingRoute = ViewProductSelfHostingRouteImport.update({
   path: '/product/self-hosting',
   getParentRoute: () => ViewRouteRoute,
 } as any)
-const ViewProductOpensourceRoute = ViewProductOpensourceRouteImport.update({
-  id: '/product/opensource',
-  path: '/product/opensource',
-  getParentRoute: () => ViewRouteRoute,
-} as any)
 const ViewProductNotepadRoute = ViewProductNotepadRouteImport.update({
   id: '/product/notepad',
   path: '/product/notepad',
@@ -505,6 +505,7 @@ export interface FileRoutesByFullPath {
   '/faq': typeof ViewFaqRoute
   '/file-transcription': typeof ViewFileTranscriptionRoute
   '/free': typeof ViewFreeRoute
+  '/opensource': typeof ViewOpensourceRoute
   '/press-kit': typeof ViewPressKitRouteWithChildren
   '/pricing': typeof ViewPricingRoute
   '/security': typeof ViewSecurityRoute
@@ -534,7 +535,6 @@ export interface FileRoutesByFullPath {
   '/product/memory': typeof ViewProductMemoryRoute
   '/product/mini-apps': typeof ViewProductMiniAppsRoute
   '/product/notepad': typeof ViewProductNotepadRoute
-  '/product/opensource': typeof ViewProductOpensourceRoute
   '/product/self-hosting': typeof ViewProductSelfHostingRoute
   '/product/workflows': typeof ViewProductWorkflowsRoute
   '/roadmap/$slug': typeof ViewRoadmapSlugRoute
@@ -581,6 +581,7 @@ export interface FileRoutesByTo {
   '/faq': typeof ViewFaqRoute
   '/file-transcription': typeof ViewFileTranscriptionRoute
   '/free': typeof ViewFreeRoute
+  '/opensource': typeof ViewOpensourceRoute
   '/press-kit': typeof ViewPressKitRouteWithChildren
   '/pricing': typeof ViewPricingRoute
   '/security': typeof ViewSecurityRoute
@@ -610,7 +611,6 @@ export interface FileRoutesByTo {
   '/product/memory': typeof ViewProductMemoryRoute
   '/product/mini-apps': typeof ViewProductMiniAppsRoute
   '/product/notepad': typeof ViewProductNotepadRoute
-  '/product/opensource': typeof ViewProductOpensourceRoute
   '/product/self-hosting': typeof ViewProductSelfHostingRoute
   '/product/workflows': typeof ViewProductWorkflowsRoute
   '/roadmap/$slug': typeof ViewRoadmapSlugRoute
@@ -662,6 +662,7 @@ export interface FileRoutesById {
   '/_view/faq': typeof ViewFaqRoute
   '/_view/file-transcription': typeof ViewFileTranscriptionRoute
   '/_view/free': typeof ViewFreeRoute
+  '/_view/opensource': typeof ViewOpensourceRoute
   '/_view/press-kit': typeof ViewPressKitRouteWithChildren
   '/_view/pricing': typeof ViewPricingRoute
   '/_view/security': typeof ViewSecurityRoute
@@ -691,7 +692,6 @@ export interface FileRoutesById {
   '/_view/product/memory': typeof ViewProductMemoryRoute
   '/_view/product/mini-apps': typeof ViewProductMiniAppsRoute
   '/_view/product/notepad': typeof ViewProductNotepadRoute
-  '/_view/product/opensource': typeof ViewProductOpensourceRoute
   '/_view/product/self-hosting': typeof ViewProductSelfHostingRoute
   '/_view/product/workflows': typeof ViewProductWorkflowsRoute
   '/_view/roadmap/$slug': typeof ViewRoadmapSlugRoute
@@ -743,6 +743,7 @@ export interface FileRouteTypes {
     | '/faq'
     | '/file-transcription'
     | '/free'
+    | '/opensource'
     | '/press-kit'
     | '/pricing'
     | '/security'
@@ -772,7 +773,6 @@ export interface FileRouteTypes {
     | '/product/memory'
     | '/product/mini-apps'
     | '/product/notepad'
-    | '/product/opensource'
     | '/product/self-hosting'
     | '/product/workflows'
     | '/roadmap/$slug'
@@ -819,6 +819,7 @@ export interface FileRouteTypes {
     | '/faq'
     | '/file-transcription'
     | '/free'
+    | '/opensource'
     | '/press-kit'
     | '/pricing'
     | '/security'
@@ -848,7 +849,6 @@ export interface FileRouteTypes {
     | '/product/memory'
     | '/product/mini-apps'
     | '/product/notepad'
-    | '/product/opensource'
     | '/product/self-hosting'
     | '/product/workflows'
     | '/roadmap/$slug'
@@ -899,6 +899,7 @@ export interface FileRouteTypes {
     | '/_view/faq'
     | '/_view/file-transcription'
     | '/_view/free'
+    | '/_view/opensource'
     | '/_view/press-kit'
     | '/_view/pricing'
     | '/_view/security'
@@ -928,7 +929,6 @@ export interface FileRouteTypes {
     | '/_view/product/memory'
     | '/_view/product/mini-apps'
     | '/_view/product/notepad'
-    | '/_view/product/opensource'
     | '/_view/product/self-hosting'
     | '/_view/product/workflows'
     | '/_view/roadmap/$slug'
@@ -1099,6 +1099,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewPressKitRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/opensource': {
+      id: '/_view/opensource'
+      path: '/opensource'
+      fullPath: '/opensource'
+      preLoaderRoute: typeof ViewOpensourceRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/free': {
       id: '/_view/free'
       path: '/free'
@@ -1358,13 +1365,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewProductSelfHostingRouteImport
       parentRoute: typeof ViewRouteRoute
     }
-    '/_view/product/opensource': {
-      id: '/_view/product/opensource'
-      path: '/product/opensource'
-      fullPath: '/product/opensource'
-      preLoaderRoute: typeof ViewProductOpensourceRouteImport
-      parentRoute: typeof ViewRouteRoute
-    }
     '/_view/product/notepad': {
       id: '/_view/product/notepad'
       path: '/product/notepad'
@@ -1601,6 +1601,7 @@ interface ViewRouteRouteChildren {
   ViewFaqRoute: typeof ViewFaqRoute
   ViewFileTranscriptionRoute: typeof ViewFileTranscriptionRoute
   ViewFreeRoute: typeof ViewFreeRoute
+  ViewOpensourceRoute: typeof ViewOpensourceRoute
   ViewPressKitRoute: typeof ViewPressKitRouteWithChildren
   ViewPricingRoute: typeof ViewPricingRoute
   ViewSecurityRoute: typeof ViewSecurityRoute
@@ -1620,7 +1621,6 @@ interface ViewRouteRouteChildren {
   ViewProductMemoryRoute: typeof ViewProductMemoryRoute
   ViewProductMiniAppsRoute: typeof ViewProductMiniAppsRoute
   ViewProductNotepadRoute: typeof ViewProductNotepadRoute
-  ViewProductOpensourceRoute: typeof ViewProductOpensourceRoute
   ViewProductSelfHostingRoute: typeof ViewProductSelfHostingRoute
   ViewProductWorkflowsRoute: typeof ViewProductWorkflowsRoute
   ViewRoadmapSlugRoute: typeof ViewRoadmapSlugRoute
@@ -1657,6 +1657,7 @@ const ViewRouteRouteChildren: ViewRouteRouteChildren = {
   ViewFaqRoute: ViewFaqRoute,
   ViewFileTranscriptionRoute: ViewFileTranscriptionRoute,
   ViewFreeRoute: ViewFreeRoute,
+  ViewOpensourceRoute: ViewOpensourceRoute,
   ViewPressKitRoute: ViewPressKitRouteWithChildren,
   ViewPricingRoute: ViewPricingRoute,
   ViewSecurityRoute: ViewSecurityRoute,
@@ -1676,7 +1677,6 @@ const ViewRouteRouteChildren: ViewRouteRouteChildren = {
   ViewProductMemoryRoute: ViewProductMemoryRoute,
   ViewProductMiniAppsRoute: ViewProductMiniAppsRoute,
   ViewProductNotepadRoute: ViewProductNotepadRoute,
-  ViewProductOpensourceRoute: ViewProductOpensourceRoute,
   ViewProductSelfHostingRoute: ViewProductSelfHostingRoute,
   ViewProductWorkflowsRoute: ViewProductWorkflowsRoute,
   ViewRoadmapSlugRoute: ViewRoadmapSlugRoute,
diff --git a/apps/web/src/routes/_view/opensource.tsx b/apps/web/src/routes/_view/opensource.tsx
new file mode 100644
index 0000000000..36741c6a63
--- /dev/null
+++ b/apps/web/src/routes/_view/opensource.tsx
@@ -0,0 +1,491 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+import { cn } from "@hypr/utils";
+
+import { GitHubOpenSource } from "@/components/github-open-source";
+import { SlashSeparator } from "@/components/slash-separator";
+
+export const Route = createFileRoute("/_view/opensource")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "Open Source - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Hyprnote is fully open source under GPL-3.0. Inspect every line of code, contribute to development, and build on a transparent foundation. No black boxes, no hidden data collection.",
+      },
+      { property: "og:title", content: "Open Source - Hyprnote" },
+      {
+        property: "og:description",
+        content:
+          "AI-powered meeting notes built in the open. Fully auditable codebase, community-driven development, and complete transparency. Join thousands of developers building the future of private meeting notes.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/opensource",
+      },
+      { name: "twitter:card", content: "summary_large_image" },
+      { name: "twitter:title", content: "Open Source - Hyprnote" },
+      {
+        name: "twitter:description",
+        content:
+          "AI-powered meeting notes built in the open. Fully auditable codebase and community-driven development.",
+      },
+      {
+        name: "keywords",
+        content:
+          "open source, meeting notes, AI transcription, privacy, GPL-3.0, Rust, Tauri, local AI, whisper, llm",
+      },
+    ],
+  }),
+});
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <SlashSeparator />
+        <WhyOpenSourceSection />
+        <SlashSeparator />
+        <GitHubOpenSource />
+        <SlashSeparator />
+        <TransparencySection />
+        <SlashSeparator />
+        <TechStackSection />
+        <SlashSeparator />
+        <ContributeSection />
+        <SlashSeparator />
+        <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-12 text-center max-w-4xl mx-auto">
+          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-serif text-stone-600 mb-6">
+            Built in the open,
+            <br />
+            for everyone
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 leading-relaxed max-w-3xl mx-auto">
+            Hyprnote is fully open source under GPL-3.0. Every line of code is
+            auditable, every decision is transparent, and every user has the
+            freedom to inspect, modify, and contribute.
+          </p>
+          <div className="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
+            <a
+              href="https://github.com/fastrepl/hyprnote"
+              target="_blank"
+              rel="noopener noreferrer"
+              className={cn([
+                "inline-flex items-center justify-center gap-2 px-8 py-3 text-base font-medium rounded-full",
+                "bg-linear-to-t from-neutral-800 to-neutral-700 text-white",
+                "hover:scale-105 active:scale-95 transition-transform",
+              ])}
+            >
+              <Icon icon="mdi:github" className="text-lg" />
+              View on GitHub
+            </a>
+            <a
+              href="https://hyprnote.com/download"
+              className={cn([
+                "inline-flex items-center justify-center px-8 py-3 text-base font-medium rounded-full",
+                "border border-neutral-300 text-stone-600",
+                "hover:bg-stone-50 transition-colors",
+              ])}
+            >
+              Download for free
+            </a>
+          </div>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function WhyOpenSourceSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16">
+      <h2 className="text-3xl font-serif text-stone-600 mb-8 text-center">
+        Why open source matters
+      </h2>
+      <div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <Icon
+            icon="mdi:shield-check"
+            className="text-3xl text-stone-600 mb-4"
+          />
+          <h3 className="text-xl font-serif text-stone-600 mb-2">
+            Verifiable privacy
+          </h3>
+          <p className="text-neutral-600">
+            Don't just trust our privacy claims—verify them yourself. Every data
+            flow, every API call, every storage operation is visible in the
+            source code.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <Icon
+            icon="mdi:account-group"
+            className="text-3xl text-stone-600 mb-4"
+          />
+          <h3 className="text-xl font-serif text-stone-600 mb-2">
+            Community driven
+          </h3>
+          <p className="text-neutral-600">
+            Features are shaped by real users, not just product managers. Report
+            bugs, suggest improvements, or contribute code directly to make
+            Hyprnote better for everyone.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <Icon icon="mdi:infinity" className="text-3xl text-stone-600 mb-4" />
+          <h3 className="text-xl font-serif text-stone-600 mb-2">
+            No vendor lock-in
+          </h3>
+          <p className="text-neutral-600">
+            Your data, your rules. Fork the project, self-host it, or modify it
+            to fit your exact needs. You're never trapped in a proprietary
+            ecosystem.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <Icon icon="mdi:history" className="text-3xl text-stone-600 mb-4" />
+          <h3 className="text-xl font-serif text-stone-600 mb-2">
+            Long-term sustainability
+          </h3>
+          <p className="text-neutral-600">
+            Open source projects outlive companies. Even if Hyprnote the company
+            disappears, the software lives on through the community.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function TransparencySection() {
+  return (
+    <section className="px-6 py-12 lg:py-16 bg-stone-50/30">
+      <h2 className="text-3xl font-serif text-stone-600 mb-8 text-center">
+        Complete transparency
+      </h2>
+      <div className="max-w-4xl mx-auto">
+        <div className="grid md:grid-cols-3 gap-6">
+          <div className="text-center p-6">
+            <Icon
+              icon="mdi:code-braces"
+              className="text-4xl text-stone-600 mb-4 mx-auto"
+            />
+            <h3 className="font-medium text-stone-600 mb-2">
+              Auditable codebase
+            </h3>
+            <p className="text-sm text-neutral-600">
+              Every function, every algorithm, every data handler is open for
+              inspection. Security researchers and privacy advocates can verify
+              our claims.
+            </p>
+          </div>
+          <div className="text-center p-6">
+            <Icon
+              icon="mdi:git"
+              className="text-4xl text-stone-600 mb-4 mx-auto"
+            />
+            <h3 className="font-medium text-stone-600 mb-2">
+              Public development
+            </h3>
+            <p className="text-sm text-neutral-600">
+              All development happens in the open. Watch features being built,
+              see how bugs are fixed, and understand the reasoning behind every
+              change.
+            </p>
+          </div>
+          <div className="text-center p-6">
+            <Icon
+              icon="mdi:file-document-outline"
+              className="text-4xl text-stone-600 mb-4 mx-auto"
+            />
+            <h3 className="font-medium text-stone-600 mb-2">Clear licensing</h3>
+            <p className="text-sm text-neutral-600">
+              GPL-3.0 ensures the code stays open. Any modifications must also
+              be open source, protecting the community's investment.
+            </p>
+          </div>
+        </div>
+
+        <div className="mt-12 p-8 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-start gap-4">
+            <Icon
+              icon="mdi:eye-outline"
+              className="text-3xl text-stone-600 shrink-0"
+            />
+            <div>
+              <h3 className="text-xl font-serif text-stone-600 mb-3">
+                No hidden data collection
+              </h3>
+              <p className="text-neutral-600 mb-4">
+                Unlike closed-source alternatives, you can verify exactly what
+                data Hyprnote collects and where it goes. Our telemetry is
+                opt-in, minimal, and fully documented in the source code.
+              </p>
+              <a
+                href="https://github.com/fastrepl/hyprnote/blob/main/plugins/analytics/src/lib.rs"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center gap-2 text-stone-600 hover:text-stone-800 font-medium"
+              >
+                <Icon icon="mdi:github" className="text-lg" />
+                View analytics implementation
+                <Icon icon="mdi:arrow-right" className="text-lg" />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function TechStackSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16">
+      <h2 className="text-3xl font-serif text-stone-600 mb-4 text-center">
+        Built with modern technology
+      </h2>
+      <p className="text-neutral-600 text-center mb-12 max-w-2xl mx-auto">
+        Hyprnote combines the best of systems programming and web technologies
+        to deliver a fast, secure, and cross-platform experience.
+      </p>
+
+      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-4xl mx-auto">
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon
+              icon="mdi:language-rust"
+              className="text-2xl text-stone-600"
+            />
+            <h3 className="font-medium text-stone-600">Rust</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            Memory-safe systems programming for the core audio processing,
+            transcription pipeline, and local AI inference.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon
+              icon="simple-icons:tauri"
+              className="text-2xl text-stone-600"
+            />
+            <h3 className="font-medium text-stone-600">Tauri</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            Lightweight desktop framework that combines Rust backend with web
+            frontend for native performance.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon icon="mdi:react" className="text-2xl text-stone-600" />
+            <h3 className="font-medium text-stone-600">React</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            Modern UI framework powering the desktop app interface with TanStack
+            Router for navigation.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon icon="mdi:microphone" className="text-2xl text-stone-600" />
+            <h3 className="font-medium text-stone-600">Whisper</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            OpenAI's speech recognition model running locally for private,
+            accurate transcription in 100+ languages.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon icon="mdi:brain" className="text-2xl text-stone-600" />
+            <h3 className="font-medium text-stone-600">Local LLMs</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            On-device language models for summarization and insights without
+            sending data to external servers.
+          </p>
+        </div>
+        <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+          <div className="flex items-center gap-3 mb-3">
+            <Icon icon="mdi:database" className="text-2xl text-stone-600" />
+            <h3 className="font-medium text-stone-600">SQLite</h3>
+          </div>
+          <p className="text-sm text-neutral-600">
+            Local-first database via libsql for fast, reliable storage with
+            optional cloud sync.
+          </p>
+        </div>
+      </div>
+
+      <div className="mt-12 text-center">
+        <a
+          href="https://github.com/fastrepl/hyprnote"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center gap-2 text-stone-600 hover:text-stone-800 font-medium"
+        >
+          <Icon icon="mdi:github" className="text-lg" />
+          Explore the full architecture on GitHub
+          <Icon icon="mdi:arrow-right" className="text-lg" />
+        </a>
+      </div>
+    </section>
+  );
+}
+
+function ContributeSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16 bg-stone-50/30">
+      <h2 className="text-3xl font-serif text-stone-600 mb-8 text-center">
+        Join the community
+      </h2>
+
+      <div className="max-w-4xl mx-auto">
+        <div className="grid md:grid-cols-2 gap-8 mb-12">
+          <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+            <Icon
+              icon="mdi:source-pull"
+              className="text-3xl text-stone-600 mb-4"
+            />
+            <h3 className="text-xl font-serif text-stone-600 mb-2">
+              Contribute code
+            </h3>
+            <p className="text-neutral-600 mb-4">
+              Whether it's fixing a bug, adding a feature, or improving
+              documentation, every contribution makes Hyprnote better.
+            </p>
+            <a
+              href="https://github.com/fastrepl/hyprnote/blob/main/CONTRIBUTING.md"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 text-stone-600 hover:text-stone-800 font-medium text-sm"
+            >
+              Read contributing guide
+              <Icon icon="mdi:arrow-right" className="text-lg" />
+            </a>
+          </div>
+          <div className="p-6 border border-neutral-200 rounded-lg bg-white">
+            <Icon
+              icon="mdi:bug-outline"
+              className="text-3xl text-stone-600 mb-4"
+            />
+            <h3 className="text-xl font-serif text-stone-600 mb-2">
+              Report issues
+            </h3>
+            <p className="text-neutral-600 mb-4">
+              Found a bug or have a feature request? Open an issue on GitHub and
+              help us prioritize what matters most to users.
+            </p>
+            <a
+              href="https://github.com/fastrepl/hyprnote/issues"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 text-stone-600 hover:text-stone-800 font-medium text-sm"
+            >
+              View open issues
+              <Icon icon="mdi:arrow-right" className="text-lg" />
+            </a>
+          </div>
+        </div>
+
+        <div className="grid sm:grid-cols-3 gap-6">
+          <a
+            href="https://github.com/fastrepl/hyprnote"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 border border-neutral-200 rounded-lg bg-white hover:border-stone-400 transition-colors"
+          >
+            <Icon icon="mdi:github" className="text-2xl text-stone-600" />
+            <div>
+              <p className="font-medium text-stone-600">GitHub</p>
+              <p className="text-sm text-neutral-500">Star & fork</p>
+            </div>
+          </a>
+          <a
+            href="https://discord.gg/hyprnote"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 border border-neutral-200 rounded-lg bg-white hover:border-stone-400 transition-colors"
+          >
+            <Icon icon="mdi:discord" className="text-2xl text-stone-600" />
+            <div>
+              <p className="font-medium text-stone-600">Discord</p>
+              <p className="text-sm text-neutral-500">Join the chat</p>
+            </div>
+          </a>
+          <a
+            href="https://twitter.com/hyprnote"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 p-4 border border-neutral-200 rounded-lg bg-white hover:border-stone-400 transition-colors"
+          >
+            <Icon icon="mdi:twitter" className="text-2xl text-stone-600" />
+            <div>
+              <p className="font-medium text-stone-600">Twitter</p>
+              <p className="text-sm text-neutral-500">Follow updates</p>
+            </div>
+          </a>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+function CTASection() {
+  return (
+    <section className="px-6 py-16 lg:py-20">
+      <div className="bg-stone-50 border border-neutral-200 rounded-lg p-8 lg:p-12 text-center max-w-3xl mx-auto">
+        <h2 className="text-3xl font-serif text-stone-600 mb-4">
+          Privacy you can verify
+        </h2>
+        <p className="text-lg text-neutral-600 mb-8 max-w-2xl mx-auto">
+          Join thousands of users who trust Hyprnote because they can see
+          exactly how it works. Download the app or explore the source code
+          today.
+        </p>
+        <div className="flex flex-col sm:flex-row gap-4 justify-center">
+          <a
+            href="https://hyprnote.com/download"
+            className={cn([
+              "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
+          </a>
+          <Link
+            to="/product/local-ai"
+            className={cn([
+              "px-6 py-3 text-base font-medium rounded-full",
+              "border border-neutral-300 text-stone-600",
+              "hover:bg-stone-50 transition-colors",
+            ])}
+          >
+            Learn about Local AI
+          </Link>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/apps/web/src/routes/_view/product/opensource.tsx b/apps/web/src/routes/_view/product/opensource.tsx
deleted file mode 100644
index 3ecd49f8fb..0000000000
--- a/apps/web/src/routes/_view/product/opensource.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-
-export const Route = createFileRoute("/_view/product/opensource")({
-  component: RouteComponent,
-});
-
-function RouteComponent() {
-  return <div>Hello "/_view/product/opensource"!</div>;
-}