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() { -
+ {/*
- {/*
-

- 2022 Edition -

-
- */} -
+
*/}

The Team 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 ( <>
@@ -146,68 +155,82 @@ const Nav = () => {

-
-
- logo -
-
-
- - - -
- -
-
- logo -
-
-

- Life - Explore What's Worth Living -

-
-
-
-
- +
+
+ logo +
+
+
+ + + +
+ +
+
+ logo +
+
+

+ Life - Explore What's Worth Living +

+
+
+
+
+ ); };