-
-
-
-
-
-
- Address
-
-
+
+
+
+
Address
+
Kathmandu University, Dhulikhel, Kavre, Nepal
-
+
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index deb8345..edb6eb0 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,23 +2,40 @@
import Link from "next/link";
import Image from "next/image";
import { Button } from "@/components/ui/RadixButton";
-import { useState } from "react";
+import { useState, useEffect } from "react";
import { Menu, X } from "lucide-react";
-const tabNames = ["Home", "About", "Contact"];
-
export default function AcademicHeader() {
const [isMenuOpen, setIsMenuOpen] = useState(false);
+ const [scrolled, setScrolled] = useState(false);
+
+ useEffect(() => {
+ const onScroll = () => {
+ setScrolled(window.scrollY > 10);
+ };
+ window.addEventListener("scroll", onScroll);
+ return () => window.removeEventListener("scroll", onScroll);
+ }, []);
+ const tabs = [
+ { label: "Home", href: "/" },
+ { label: "About", href: "/#about" },
+ { label: "Contact", href: "/#contact" },
+ { label: "Team", href: "/team" },
+ ];
return (
-
+
{/* Brand Identity */}
- {tabNames.map((tab) => (
+ {tabs.map((tab) => (
- {tab}
+ {tab.label}
))}
@@ -51,7 +68,7 @@ export default function AcademicHeader() {
@@ -74,15 +91,13 @@ export default function AcademicHeader() {
@@ -90,22 +105,21 @@ export default function AcademicHeader() {
{/* Mobile Menu */}
{/* Mobile Navigation */}
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 8c0643c..38ee5b2 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -3,75 +3,81 @@ import { Button } from "@/components/ui/RadixButton";
import Image from "next/image";
import { ArrowRight } from "lucide-react";
import Link from "next/link";
-
+import Header from "@/components/Header";
export default function Hero() {
return (
-
-
-
- {/* Content Section */}
-
- {/* Main Heading */}
-
-
-
- Kathmandu University
-
-
- Research and Collaboration Hub
-
-
-
- Connecting researchers, fostering innovation, and advancing
- knowledge through collaboration.
-
-
+
+
+
+ {" "}
+
+
+
+ {/* Content Section */}
+
+
+ {/* Main Heading */}
+
+
+
+ Kathmandu University
+
+
+ Research and Collaboration Hub
+
+
+
+ Connecting researchers, fostering innovation, and advancing
+ knowledge through collaboration.
+
+
- {/* CTA Buttons */}
-
-
-
-
-
-
-
+ {/* CTA Buttons */}
+
+
+
+
+
+
+
+
-
- {/* Visual Section */}
-
-
- {/* Decorative Elements - Responsive sizes */}
-
-
+ {/* Visual Section */}
+
+
+ {/* Decorative Elements - Responsive sizes */}
+
+
- {/* Main Logo Container - Responsive sizing */}
-
-
+ {/* Main Logo Container - Responsive sizing */}
+
+
+
-
-
+
+
);
}