src/app/admin/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { Users, Package } from "lucide-react";
+import React from 'react';
+
+export default function AdminPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Marketplace", id: "#marketplace" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Admin", id: "/admin" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="grid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uhrrci"
+            logoAlt="Heritage Hub Logo"
+            brandName="Heritage Hub"
+            button={{
+              text: "Log In & Sell", href: "/login"
+            }}
+          />
+        </div>
+
+        <div id="admin-dashboard" data-section="admin-dashboard" className="py-20 px-4 md:px-6 lg:px-8 text-center min-h-screen flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-4">Admin Dashboard</h1>
+          <p className="text-lg mb-8">Manage student applications and product listings.</p>
+          <div className="flex flex-col md:flex-row gap-6">
+            <div className="bg-card p-6 rounded-lg shadow-md flex flex-col items-center max-w-sm">
+              <Users size={48} className="text-primary-cta mb-4" />
+              <h2 className="text-2xl font-semibold mb-2">Approve Students</h2>
+              <p className="text-foreground/80 text-center">Review and approve new student registrations for the Heritage Hub community.</p>
+              <button className="mt-4 px-6 py-2 bg-primary-cta text-primary-cta-text rounded-md hover:opacity-90 transition-opacity">
+                Review Students
+              </button>
+            </div>
+            <div className="bg-card p-6 rounded-lg shadow-md flex flex-col items-center max-w-sm">
+              <Package size={48} className="text-primary-cta mb-4" />
+              <h2 className="text-2xl font-semibold mb-2">Approve Products/Services</h2>
+              <p className="text-foreground/80 text-center">Moderate and approve new product and service listings in the student marketplace.</p>
+              <button className="mt-4 px-6 py-2 bg-primary-cta text-primary-cta-text rounded-md hover:opacity-90 transition-opacity">
+                Review Products
+              </button>
+            </div>
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/login/page.tsx

@@ -7,6 +7,17 @@ import ContactForm from '@/components/form/ContactForm';
 import { Lock, Lightbulb, MessageSquare, ShoppingCart, Users, UploadCloud, Gauge, User } from "lucide-react";
 
 export default function LoginPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Marketplace", id: "#marketplace" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Admin", id: "/admin" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -23,29 +34,7 @@ export default function LoginPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
-            navItems={[
-              {
-                name: "Home", id: "#home"
-              },
-              {
-                name: "About", id: "#about"
-              },
-              {
-                name: "Features", id: "#features"
-              },
-              {
-                name: "Marketplace", id: "#marketplace"
-              },
-              {
-                name: "Testimonials", id: "#testimonials"
-              },
-              {
-                name: "FAQ", id: "#faq"
-              },
-              {
-                name: "Contact", id: "#contact"
-              },
-            ]}
+            navItems={navItems}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uhrrci"
             logoAlt="Heritage Hub Logo"
             brandName="Heritage Hub"

src/app/page.tsx

@@ -15,6 +15,17 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import { Lightbulb, MessageSquare, ShoppingCart, Users, UploadCloud, Gauge, User } from "lucide-react";
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Marketplace", id: "#marketplace" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Admin", id: "/admin" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -31,22 +42,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "#home"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "Marketplace",          id: "#marketplace"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "FAQ",          id: "#faq"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
+      navItems={navItems}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uhrrci"
       logoAlt="Heritage Hub Logo"
       brandName="Heritage Hub"
@@ -254,7 +250,7 @@ export default function LandingPage() {
         {
           title: "Platform",          items: [
             {
-              label: "Home",              href: "#home"},
+              label: "Home",              href: "/"},
             {
               label: "Features",              href: "#features"},
             {