From 63b9b333384a42e8c8447e3adbf81ecd5480f2b2 Mon Sep 17 00:00:00 2001
From: Jatin K Malik <jatinkrmalik@gmail.com>
Date: Sat, 28 Feb 2026 21:45:52 -0800
Subject: [PATCH] feat(web): add hero source-code CTA button (#282)

* feat(web): add hero source-code CTA button

* style(web): improve hero source button contrast

* style(web): add hover feedback to hero demo button
---
 web/src/app/page.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index fb941b4..efc52d2 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -424,11 +424,21 @@ export default function HomePage() {
                 </a>
                 <a
                   href="#demo"
-                  className="inline-flex items-center justify-center gap-2 bg-secondary text-secondary-foreground hover:bg-secondary/80 px-8 py-4 rounded-xl text-lg font-semibold transition-all"
+                  className="inline-flex items-center justify-center gap-2 bg-secondary text-secondary-foreground hover:bg-secondary/80 hover:scale-105 hover:shadow-md px-8 py-4 rounded-xl text-lg font-semibold transition-all"
                 >
                   <Play className="h-5 w-5" />
                   Watch Demo
                 </a>
+                <a
+                  href="https://github.com/jatinkrmalik/vocalinux"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="View Vocalinux source code on GitHub (opens in a new tab)"
+                  className="inline-flex items-center justify-center gap-2 px-8 py-4 rounded-xl text-lg font-semibold transition-all border border-zinc-300 bg-white text-zinc-900 hover:border-primary/60 hover:text-primary hover:shadow-md dark:border-cyan-400/40 dark:bg-zinc-900/70 dark:text-zinc-100 dark:hover:border-cyan-300 dark:hover:bg-zinc-800/90"
+                >
+                  <Github className="h-5 w-5" />
+                  View Source
+                </a>
               </div>
             </motion.div>