86b2rcabb:updated header to handle singupclick

tracet2t · Nov 7, 2024 · e840ca4 · e840ca4
1 parent e6f012c
commit e840ca4
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/venue-reservation/src/app/layouts/Header.tsx b/venue-reservation/src/app/layouts/Header.tsx
@@ -1,8 +1,14 @@
 "use client";
 import React, { useState } from "react";
 import Logo from "./Logo";
+import { useRouter } from "next/navigation";
 const Header = () => {
   const [isOpen, setIsOpen] = useState(false);
+  const router =useRouter();
+
+  const handleSignupClick = () => {
+    router.push("/signup-landing"); 
+  };
 
   return (
     <header className="bg-white shadow-lg z-1">
@@ -41,6 +47,7 @@ const Header = () => {
             Login
           </button>
           <button
+            onClick={handleSignupClick} 
             style={{ backgroundColor: "#584822" }}
             className="text-white px-4 py-2 rounded hover:bg-[#6A5B3A] transition duration-200 ease-in-out"
           >
@@ -80,6 +87,7 @@ const Header = () => {
             Login
           </button>
           <button
+            onClick={handleSignupClick} 
             style={{ backgroundColor: "#584822" }}
             className="text-white w-full text-left px-4 py-2 rounded hover:bg-[#6A5B3A] transition duration-200 ease-in-out text-sm"
           >