From f08e86d444477875d0ec140c1022487f0572592b Mon Sep 17 00:00:00 2001
From: NiclasDev63 <niclas.gregor20@gmail.com>
Date: Wed, 19 Aug 2026 16:56:07 +0200
Subject: [PATCH] feat(web): add navbar GitHub link and move the demo CTA to
 the founders

Two landing page changes.

The navbar gains a GitHub link immediately left of the language switcher,
pointing at `routes.external.github.repo`. It borrows the switcher's own
treatment -- 15px icon, 75% opacity, the same hover pill -- so the two read
as one cluster rather than a button parked next to an icon. It is icon-only,
so the accessible name comes from a new `navbar.github` key; the mobile
drawer gets the same pairing above the fold of its footer row.

The "request a demo" button moves out of the security section and into the
founder quote. Asking to talk to the founders is a natural next beat after
reading what they have to say, whereas the security section is a list of
claims people scan rather than a place they decide from. Both buttons anchor
to `#cta-section`, so this relocates the same call to action instead of
adding one -- the `cta` key moves from `ComplianceDictionary` to
`FounderDictionary` along with it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .../compliance/compliance.tsx                 | 17 -------------
 .../compliance/i18n/compliance.i18n.de.json   |  1 -
 .../compliance/i18n/compliance.i18n.en.json   |  1 -
 .../compliance/i18n/compliance.types.ts       |  1 -
 .../home-page-section/founder/founder.tsx     | 16 +++++++++++-
 .../founder/i18n/founder.i18n.de.json         |  1 +
 .../founder/i18n/founder.i18n.en.json         |  1 +
 .../founder/i18n/founder.types.ts             |  1 +
 apps/web/src/app/[lang]/components/navbar.tsx | 25 ++++++++++++++++---
 .../web/src/app/[lang]/i18n/home.i18n.de.json |  1 +
 .../web/src/app/[lang]/i18n/home.i18n.en.json |  1 +
 apps/web/src/app/[lang]/i18n/home.types.ts    |  1 +
 12 files changed, 43 insertions(+), 24 deletions(-)

diff --git a/apps/web/src/app/[lang]/components/home-page-section/compliance/compliance.tsx b/apps/web/src/app/[lang]/components/home-page-section/compliance/compliance.tsx
index 05d3f41..8dccfa0 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/compliance/compliance.tsx
+++ b/apps/web/src/app/[lang]/components/home-page-section/compliance/compliance.tsx
@@ -1,7 +1,3 @@
-import { actionClass, primaryActionClass } from "@scibly/ui/design-language";
-import { cn } from "@scibly/ui/utils";
-import { ArrowRight } from "lucide-react";
-
 import {
   MarketingSection,
   MarketingSectionHeader,
@@ -29,19 +25,6 @@ export function ComplianceSection({ t }: ComplianceSectionProps) {
         eyebrow={t.eyebrow}
         title={`${t.title} ${t.titleEmphasis}`}
         description={t.subtitle}
-        action={
-          <a
-            href="#cta-section"
-            className={cn(actionClass, primaryActionClass, "group")}
-          >
-            {t.cta}
-            <ArrowRight
-              size={15}
-              className="transition-transform group-hover:translate-x-0.5"
-              aria-hidden
-            />
-          </a>
-        }
       />
 
       <ul
diff --git a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.de.json b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.de.json
index 3df3af4..cf98b4f 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.de.json
+++ b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.de.json
@@ -4,7 +4,6 @@
     "title": "Dein Wissen",
     "titleEmphasis": "bleibt deins.",
     "subtitle": "Klare technische und vertragliche Grundlagen für sensible Lerninhalte.",
-    "cta": "Demo anfordern",
     "registry": {
       "summary": "Vier konkrete Sicherheits- und Compliance Zusagen: DSGVO Konformität, EU gehostete Modelle, kein Training mit Kundendaten und AES Verschlüsselung."
     },
diff --git a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.en.json b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.en.json
index bb34551..9b8b2af 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.en.json
+++ b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.i18n.en.json
@@ -4,7 +4,6 @@
     "title": "Your knowledge",
     "titleEmphasis": "stays yours.",
     "subtitle": "Clear technical and contractual foundations for sensitive learning content.",
-    "cta": "Request demo",
     "registry": {
       "summary": "Four concrete security and compliance commitments: GDPR compliance, EU hosted models, no training on customer data, and AES encryption."
     },
diff --git a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.types.ts b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.types.ts
index fd6eeb1..467c364 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.types.ts
+++ b/apps/web/src/app/[lang]/components/home-page-section/compliance/i18n/compliance.types.ts
@@ -3,7 +3,6 @@ export type ComplianceDictionary = {
   title: string;
   titleEmphasis: string;
   subtitle: string;
-  cta: string;
   registry: {
     summary: string;
   };
diff --git a/apps/web/src/app/[lang]/components/home-page-section/founder/founder.tsx b/apps/web/src/app/[lang]/components/home-page-section/founder/founder.tsx
index e961f86..349b3e3 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/founder/founder.tsx
+++ b/apps/web/src/app/[lang]/components/home-page-section/founder/founder.tsx
@@ -1,4 +1,6 @@
-import { Quote } from "lucide-react";
+import { actionClass, primaryActionClass } from "@scibly/ui/design-language";
+import { cn } from "@scibly/ui/utils";
+import { ArrowRight, Quote } from "lucide-react";
 import Image from "next/image";
 
 import { MarketingSection } from "@/app/[lang]/components/marketing-section-content";
@@ -73,6 +75,18 @@ export function FounderSection({ t }: FounderSectionProps) {
           <p className="text-ink-muted m-0 text-[16.5px] leading-[1.65] text-pretty">
             {t.body}
           </p>
+
+          <a
+            href="#cta-section"
+            className={cn(actionClass, primaryActionClass, "group self-start")}
+          >
+            {t.cta}
+            <ArrowRight
+              size={15}
+              className="transition-transform group-hover:translate-x-0.5"
+              aria-hidden
+            />
+          </a>
         </div>
       </div>
     </MarketingSection>
diff --git a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.de.json b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.de.json
index b530b28..6171e3f 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.de.json
+++ b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.de.json
@@ -4,6 +4,7 @@
     "body": "Unternehmenswissen liegt meist verstreut in Dokumenten und Tools, unsichtbar für die, die es bräuchten. Wir machen es für das ganze Team zugänglich, und das auf eine Art, die tatsächlich Spaß macht, statt sich wie eine weitere Pflichtschulung anzufühlen.",
     "attribution": "Felix & Niclas",
     "role": "Gründer von scibly",
+    "cta": "Mit den Gründern sprechen",
     "imageSrcFelix": "https://scibly-assets.s3.eu-central-1.amazonaws.com/Blog-Authors/felix_linkedin.jpeg",
     "imageSrcNiclas": "https://scibly-assets.s3.eu-central-1.amazonaws.com/Blog-Authors/niclas-close-up.webp",
     "imageAltFelix": "Felix, Co Gründer von scibly",
diff --git a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.en.json b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.en.json
index 050ed95..953d06b 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.en.json
+++ b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.i18n.en.json
@@ -4,6 +4,7 @@
     "body": "Company knowledge usually sits scattered across documents and tools, invisible to the people who need it. We make it accessible to the whole team, in a way that actually feels engaging, instead of like another mandatory training.",
     "attribution": "Felix & Niclas",
     "role": "Founders of scibly",
+    "cta": "Talk to the founders",
     "imageSrcFelix": "https://scibly-assets.s3.eu-central-1.amazonaws.com/Blog-Authors/felix_linkedin.jpeg",
     "imageSrcNiclas": "https://scibly-assets.s3.eu-central-1.amazonaws.com/Blog-Authors/niclas-close-up.webp",
     "imageAltFelix": "Felix, co founder of scibly",
diff --git a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.types.ts b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.types.ts
index 9844184..f29abee 100644
--- a/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.types.ts
+++ b/apps/web/src/app/[lang]/components/home-page-section/founder/i18n/founder.types.ts
@@ -3,6 +3,7 @@ export type FounderDictionary = {
   body: string;
   attribution: string;
   role: string;
+  cta: string;
   imageSrcFelix: string;
   imageSrcNiclas: string;
   imageAltFelix: string;
diff --git a/apps/web/src/app/[lang]/components/navbar.tsx b/apps/web/src/app/[lang]/components/navbar.tsx
index 8b6c794..d6d87c4 100644
--- a/apps/web/src/app/[lang]/components/navbar.tsx
+++ b/apps/web/src/app/[lang]/components/navbar.tsx
@@ -6,7 +6,7 @@ import Icon from "@scibly/ui/components/icon";
 import LanguageSwitcher from "@scibly/ui/components/language-switcher";
 import { actionClass, primaryActionClass } from "@scibly/ui/design-language";
 import { cn } from "@scibly/ui/utils";
-import { ChevronDown } from "lucide-react";
+import { ChevronDown, Github } from "lucide-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { Fragment, useEffect, useState } from "react";
@@ -267,7 +267,17 @@ export function Navbar({ t }: NavbarProps) {
             </a>
           </div>
 
-          <div className="hidden min-w-0 flex-1 items-center justify-end md:flex">
+          <div className="hidden min-w-0 flex-1 items-center justify-end gap-0.5 md:flex">
+            <a
+              href={routes.external.github.repo}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label={t.github}
+              title={t.github}
+              className="hover:bg-ink/5 flex items-center rounded-[10px] px-2.5 py-[9px] text-[#1d1d1f] opacity-75 transition-[background-color,opacity] hover:opacity-100"
+            >
+              <Github className="h-[15px] w-[15px]" strokeWidth={2.5} />
+            </a>
             <div className="hover:bg-ink/5 rounded-[10px] px-2.5 py-[9px] transition-colors">
               <LanguageSwitcher />
             </div>
@@ -351,7 +361,16 @@ export function Navbar({ t }: NavbarProps) {
             </Fragment>
           ))}
           <div className="mx-3.5 my-2 h-px bg-[#e6eaf5]" />
-          <div className="px-3.5 py-2">
+          <div className="flex items-center gap-4 px-3.5 py-2">
+            <a
+              href={routes.external.github.repo}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label={t.github}
+              className="flex items-center text-[#1d1d1f] opacity-75 transition-opacity hover:opacity-100"
+            >
+              <Github className="h-[15px] w-[15px]" strokeWidth={2.5} />
+            </a>
             <LanguageSwitcher />
           </div>
         </div>
diff --git a/apps/web/src/app/[lang]/i18n/home.i18n.de.json b/apps/web/src/app/[lang]/i18n/home.i18n.de.json
index 90abbca..a079eec 100644
--- a/apps/web/src/app/[lang]/i18n/home.i18n.de.json
+++ b/apps/web/src/app/[lang]/i18n/home.i18n.de.json
@@ -42,6 +42,7 @@
       "aiSkills": "KI-Skills",
       "signIn": "Anmelden",
       "createAccount": "Account erstellen",
+      "github": "scibly auf GitHub",
       "skipToContent": "Zum Inhalt springen",
       "openMenu": "Menü öffnen",
       "closeMenu": "Menü schließen"
diff --git a/apps/web/src/app/[lang]/i18n/home.i18n.en.json b/apps/web/src/app/[lang]/i18n/home.i18n.en.json
index 3d70109..d1612c0 100644
--- a/apps/web/src/app/[lang]/i18n/home.i18n.en.json
+++ b/apps/web/src/app/[lang]/i18n/home.i18n.en.json
@@ -42,6 +42,7 @@
       "aiSkills": "AI Skills",
       "signIn": "Log in",
       "createAccount": "Create account",
+      "github": "scibly on GitHub",
       "skipToContent": "Skip to content",
       "openMenu": "Open menu",
       "closeMenu": "Close menu"
diff --git a/apps/web/src/app/[lang]/i18n/home.types.ts b/apps/web/src/app/[lang]/i18n/home.types.ts
index baefa34..b78c946 100644
--- a/apps/web/src/app/[lang]/i18n/home.types.ts
+++ b/apps/web/src/app/[lang]/i18n/home.types.ts
@@ -17,6 +17,7 @@ export type HomePage = {
     aiSkills: string;
     signIn: string;
     createAccount: string;
+    github: string;
     skipToContent: string;
     openMenu: string;
     closeMenu: string;