From acb6f53a7683ea16ef7706672bc07bf49139681e Mon Sep 17 00:00:00 2001
From: arraysid <arraysdotid@gmail.com>
Date: Sun, 25 May 2025 15:04:33 +0700
Subject: [PATCH] fix: update header component to use router for navigation and
 add signin page

---
 apps/landing/src/app/_components/header.tsx | 21 ++++++++++-----------
 apps/landing/src/app/signin/page.tsx        |  3 +++
 2 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 apps/landing/src/app/signin/page.tsx

diff --git a/apps/landing/src/app/_components/header.tsx b/apps/landing/src/app/_components/header.tsx
index ba9a6fb..8a7fb09 100644
--- a/apps/landing/src/app/_components/header.tsx
+++ b/apps/landing/src/app/_components/header.tsx
@@ -4,10 +4,13 @@ import { Button, MenuIcon, XIcon } from '@components';
 import { cn } from '@utils';
 import Image from 'next/image';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { SimpleThemeToggle } from './simple-theme-toggle';
 
 export function Header() {
+  const router = useRouter();
+
   const [isScrolled, setIsScrolled] = useState(false);
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
@@ -83,9 +86,7 @@ export function Header() {
 
           <Button
             className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer"
-            onClick={() =>
-              window.open('https://discord.com/invite/imphnen', '_blank')
-            }
+            onClick={() => router.push('/signin')}
           >
             Login
           </Button>
@@ -138,15 +139,13 @@ export function Header() {
             >
               Testimoni
             </Link>
-            <a
-              href="https://discord.com/invite/imphnen"
-              target="_blank"
-              className="mt-4"
+
+            <Button
+              onClick={() => router.push('/signin')}
+              className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer"
             >
-              <Button className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer">
-                Login
-              </Button>
-            </a>
+              Login
+            </Button>
           </nav>
         </div>
       )}
diff --git a/apps/landing/src/app/signin/page.tsx b/apps/landing/src/app/signin/page.tsx
new file mode 100644
index 0000000..7d1e0b7
--- /dev/null
+++ b/apps/landing/src/app/signin/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <></>;
+}