From 1e88e4cff4b7cd4c97b0246a356b90c272e0fec6 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 26 Nov 2024 21:24:48 +0530
Subject: [PATCH 1/2] commenting previous edition for now

---
 src/app/page.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8eb8b08..fa2c116 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,15 +38,9 @@ export default function Home() {
 
           <Performers />
         </div>
-        <div className="">
+        {/* <div className="">
           <PreviousEdition />
-          {/* <div>
-            <h1 className="md:text-8xl mb-10  text-4xl  text-center  font-black px-10">
-              2022 Edition
-            </h1>
-          </div>
-          <UnsplashGrid /> */}
-        </div>
+        </div> */}
         <div id="team" className="bg-transparent h-fit mt-14">
           <h1 className="md:text-8xl text-4xl text-center font-black text-redTheme px-10">
             The Team

From bd928f560d29d543f4c53a497af9dd157a30aac3 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 26 Nov 2024 21:53:11 +0530
Subject: [PATCH 2/2] fix: redirect to registration page when clicked on navbar
 registration

---
 src/components/widget/header.tsx | 155 ++++++++++++++++++-------------
 1 file changed, 89 insertions(+), 66 deletions(-)

diff --git a/src/components/widget/header.tsx b/src/components/widget/header.tsx
index a8d26e2..4539a85 100644
--- a/src/components/widget/header.tsx
+++ b/src/components/widget/header.tsx
@@ -9,7 +9,10 @@ import React from "react";
 import Link from "next/link";
 import NavItem from "../navbar/nav-items";
 import RegisterButton from "../navbar/register-button";
+import { useRouter } from "next/navigation";
+import { Button } from "../ui/button";
 const Nav = () => {
+  const router = useRouter();
   gsap.registerPlugin(ScrollTrigger);
 
   const menuToggle = useRef(null);
@@ -27,7 +30,7 @@ const Nav = () => {
           x: 1,
           ease: "Power2.easeInOut",
         },
-        "start",
+        "start"
       )
       .to(".bar-2", 2, { autoAlpha: 0, stroke: "#000" }, "start")
       .to(
@@ -39,7 +42,7 @@ const Nav = () => {
           stroke: "#000",
           ease: "Power2.easeInOut",
         },
-        "start",
+        "start"
       );
 
     tl.to(".logo", { x: -300 }, "go")
@@ -59,7 +62,7 @@ const Nav = () => {
       .from(
         ".listo",
         { duration: 0.15, x: "-50%", stagger: 0.1, opacity: 0 },
-        "-=0.5",
+        "-=0.5"
       )
       .from(
         ".social-links li",
@@ -70,7 +73,7 @@ const Nav = () => {
           stagger: 0.1,
           ease: "Expo.easeInOut",
         },
-        "-=0.5",
+        "-=0.5"
       )
       .from(".hero-icon", { scale: 0, duration: 0.3 }, "end")
       .from(".life", { x: 1000, duration: 0.35 }, "end");
@@ -98,6 +101,12 @@ const Nav = () => {
     }
   };
 
+  const handleRegisterClick = () => {
+    router.push("/register");
+    menuBar.reverse();
+    tl.reverse();
+  };
+
   return (
     <>
       <header className="fixed z-[100] left-0 top-0 w-screen">
@@ -146,68 +155,82 @@ const Nav = () => {
         </div>
       </header>
 
-          <section className="fullpage-menu hidden fixed left-0 top-0 w-screen z-50 h-screen">
-              <div className="header-2 fixed left-0 top-0 w-full flex md:py-[20px] md:px-[30px] p-[30px] z-[60] justify-between items-center">
-                  <Image
-                      src={`${tedxsjecAssetsPrefix}/logo/blackLogo.webp`}
-                      height={180}
-                      width={180}
-                      alt="logo"
-                      // layout="fixed"
-                      priority={true}
-                  />
-              </div>
-              <div className="fullpage-menu-inner flex items-center h-full px-[40px] py-[10px] md:px-[80px] md:py-[40px]">
-                  <div className="menu-bg h-full w-full absolute left-0 top-0">
-                      <span className="bg-white block back w-full h-[34%]"></span>
-                      <span className="bg-white block back w-full h-[34%]"></span>
-                      <span className="bg-white block back w-full h-[34%]"></span>
-                  </div>
-                  <nav className="relative z-10 flex flex-row w-full">
-                      <div>
-                          <ul className="main-menu mt-10">
-                              <NavItem textOne="ABOUT" textTwo="ABOUT" onClick={() => handleClick("about")} />
-                              <NavItem
-                                  textOne="SPEAKERS"
-                                  textTwo="SPEAKERS"
-                                  onClick={() => handleClick("speakers")}
-                              />
-                              <NavItem
-                                  textOne="PERFORMERS"
-                                  textTwo="PERFORMERS"
-                                  onClick={() => handleClick("performers")}
-                              />
-                              <NavItem textOne="TEAM" textTwo="TEAM" onClick={() => handleClick("team")} />
-                              <NavItem
-                                  textOne="CONTACT"
-                                  textTwo="CONTACT"
-                                  onClick={() => handleClick("contact")}
-                              />
-                              <li className="list-none listo leading-[1] font-bold text-white mt-[20px]">
-                                <RegisterButton />
-                              </li>
-                          </ul>
-                      </div>
-                  </nav>
-                  <div className="w-full flex flex-col items-center">
-                      <div className="lg:self-center lg:flex hidden lg:flex-col">
-                          <Image
-                              className="mt-10 hero-icon"
-                              src={`${tedxsjecAssetsPrefix}/logo/ActualLogo.PNG`}
-                              height={550}
-                              width={550}
-                              alt="logo"
-                          />
-                      </div>
-                      <div className="lg:flex hidden text-nowrap text-4xl relative bottom-32 justify-center items-center text-center">
-                          <h1 className="life uppercase font-bold text-black">
-                              Life - Explore What&#39;s Worth Living
-                          </h1>
-                      </div>
-                  </div>
-              </div>
-          </section>
-      </>
+      <section className="fullpage-menu hidden fixed left-0 top-0 w-screen z-50 h-screen">
+        <div className="header-2 fixed left-0 top-0 w-full flex md:py-[20px] md:px-[30px] p-[30px] z-[60] justify-between items-center">
+          <Image
+            src={`${tedxsjecAssetsPrefix}/logo/blackLogo.webp`}
+            height={180}
+            width={180}
+            alt="logo"
+            // layout="fixed"
+            priority={true}
+          />
+        </div>
+        <div className="fullpage-menu-inner flex items-center h-full px-[40px] py-[10px] md:px-[80px] md:py-[40px]">
+          <div className="menu-bg h-full w-full absolute left-0 top-0">
+            <span className="bg-white block back w-full h-[34%]"></span>
+            <span className="bg-white block back w-full h-[34%]"></span>
+            <span className="bg-white block back w-full h-[34%]"></span>
+          </div>
+          <nav className="relative z-10 flex flex-row w-full">
+            <div>
+              <ul className="main-menu mt-10">
+                <NavItem
+                  textOne="ABOUT"
+                  textTwo="ABOUT"
+                  onClick={() => handleClick("about")}
+                />
+                <NavItem
+                  textOne="SPEAKERS"
+                  textTwo="SPEAKERS"
+                  onClick={() => handleClick("speakers")}
+                />
+                <NavItem
+                  textOne="PERFORMERS"
+                  textTwo="PERFORMERS"
+                  onClick={() => handleClick("performers")}
+                />
+                <NavItem
+                  textOne="TEAM"
+                  textTwo="TEAM"
+                  onClick={() => handleClick("team")}
+                />
+                <NavItem
+                  textOne="CONTACT"
+                  textTwo="CONTACT"
+                  onClick={() => handleClick("contact")}
+                />
+                <li className="list-none listo leading-[1] font-bold text-white mt-[20px]">
+                  <Button
+                    className="bg-red-600 hover:bg-red-700 text-xl text-white py-6 px-4 transition-all duration-300 transform hover:scale-105"
+                    onClick={handleRegisterClick}
+                    size="lg"
+                  >
+                    Register Now
+                  </Button>
+                </li>
+              </ul>
+            </div>
+          </nav>
+          <div className="w-full flex flex-col items-center">
+            <div className="lg:self-center lg:flex hidden lg:flex-col">
+              <Image
+                className="mt-10 hero-icon"
+                src={`${tedxsjecAssetsPrefix}/logo/ActualLogo.PNG`}
+                height={550}
+                width={550}
+                alt="logo"
+              />
+            </div>
+            <div className="lg:flex hidden text-nowrap text-4xl relative bottom-32 justify-center items-center text-center">
+              <h1 className="life uppercase font-bold text-black">
+                Life - Explore What&#39;s Worth Living
+              </h1>
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
   );
 };