From 2ab362dc5db7fa14104232cce283e53f5b658761 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20Falco=CC=81n?= <victoor89@gmail.com>
Date: Wed, 26 Nov 2025 12:41:27 +0100
Subject: [PATCH] feat(welcome): Add GitHub link and refactor auth buttons

This commit message follows the specified format and guidelines:

1. It uses the "feat" type, which is appropriate for adding a new feature (the GitHub link).
2. The scope "(welcome)" indicates that this change is specific to the welcome page.
3. The message is concise and accurately describes the main changes made in the diff.
4. It is under 72 characters as required.

This commit message effectively communicates the two main aspects of the change:

1. Adding a GitHub link
2. Refactoring the authentication button layout

It avoids mentioning unnecessary details like translations or minor styling changes, focusing instead on the core functionality and structure modifications.
---
 resources/js/pages/welcome.tsx | 67 ++++++++++++++++++++++------------
 1 file changed, 43 insertions(+), 24 deletions(-)

diff --git a/resources/js/pages/welcome.tsx b/resources/js/pages/welcome.tsx
index 8d245df0..f8ae467a 100644
--- a/resources/js/pages/welcome.tsx
+++ b/resources/js/pages/welcome.tsx
@@ -16,10 +16,14 @@ import {
     EyeOffIcon,
     BirdIcon,
     CodeIcon,
+    Github,
+    GithubIcon,
+    LucideGithub,
 } from 'lucide-react';
 import { useEffect, useRef } from 'react';
 import { trackEvent } from '@/lib/track-event';
 import { LEAD_FUNNEL_EVENT_UUID } from '@/lib/constants';
+import { Separator } from '@radix-ui/react-separator';
 
 export default function Welcome({
     canRegister = true,
@@ -113,38 +117,53 @@ export default function Welcome({
                             <BirdIcon className="size-5 text-[#1b1b18] dark:text-[#EDEDEC]" />
                             <span className='font-medium'>Whisper Money</span>
                         </div>
-                        {!hideAuthButtons && (
-                            <nav className="flex items-center gap-4">
-                                {auth.user ? (
-                                    <Link
-                                        href={dashboard()}
-                                    >
-                                        <Button className='cursor-pointer'>
-                                            Dashboard
-                                        </Button>
-                                    </Link>
-                                ) : (
-                                    <>
+                        <nav className="flex items-center gap-4">
+                            <a
+                                href="https://github.com/whisper-money/whisper-money"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <Button variant={'ghost'} className='cursor-pointer opacity-70 hover:opacity-100 transition-all duration-200'>
+                                    <Github className="size-5" />
+                                    Github
+                                </Button>
+                            </a>
+                            {!hideAuthButtons && (
+                                <>
+                                    <Separator orientation="vertical"
+                                        className="data-[orientation=vertical]:bg-border data-[orientation=vertical]:w-[1px] data-[orientation=vertical]:h-6"
+                                    />
+                                    {auth.user ? (
                                         <Link
-                                            href="/login"
+                                            href={dashboard()}
                                         >
-                                            <Button variant={'ghost'} className='cursor-pointer'>
-                                                Log in
+                                            <Button className='cursor-pointer'>
+                                                Dashboard
                                             </Button>
                                         </Link>
-                                        {canRegister && (
+                                    ) : (
+                                        <>
                                             <Link
-                                                href="/register"
+                                                href="/login"
                                             >
-                                                <Button variant='default' className='cursor-pointer'>
-                                                    Register
+                                                <Button variant={'ghost'} className='cursor-pointer'>
+                                                    Log in
                                                 </Button>
                                             </Link>
-                                        )}
-                                    </>
-                                )}
-                            </nav>
-                        )}
+                                            {canRegister && (
+                                                <Link
+                                                    href="/register"
+                                                >
+                                                    <Button variant='default' className='cursor-pointer'>
+                                                        Register
+                                                    </Button>
+                                                </Link>
+                                            )}
+                                        </>
+                                    )}
+                                </>
+                            )}
+                        </nav>
                     </div>
                 </header>