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 = () => {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Life - Explore What's Worth Living
-
-
-
-
-
- >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Life - Explore What's Worth Living
+
+
+
+
+
+ >
);
};