Update src/app/student-portal/page.tsx

src/app/academics/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function AcademicsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Academics", id: "/academics" },
+                { name: "Admissions", id: "/admissions" },
+                { name: "Portal", id: "/student-portal" }
+              ]}
+              brandName="EduManage"
+            />
+        </div>
+
+        <div id="programs" data-section="programs">
+          <FeatureCardNineteen
+            useInvertedBackground={false}
+            textboxLayout="split"
+            title="Our Academic Programs"
+            description="Explore a diverse range of undergraduate and postgraduate programs designed to prepare you for a successful career."
+            features={[
+              { tag: "Bachelor", title: "Computer Science", subtitle: "Innovation First", description: "Master software development, AI, and systems architecture.", imageSrc: "http://img.b2bpic.net/free-photo/student-working-laptop-library_23-2149176461.jpg" },
+              { tag: "Master", title: "Data Analytics", subtitle: "Insights Driven", description: "Transform complex data into actionable business intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-report-graph-chart-marketing-concept_53876-136511.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="courses" data-section="courses">
+          <FeatureCardNineteen
+            useInvertedBackground={false}
+            textboxLayout="split-description"
+            title="Featured Courses"
+            description="Deep dive into specialized topics with our expert-led curriculum."
+            features={[
+              { tag: "Level 1", title: "Introduction to Programming", subtitle: "Foundation", description: "Learn the basics of logic and syntax with Python.", imageSrc: "http://img.b2bpic.net/free-photo/coding-man.jpg" },
+              { tag: "Level 2", title: "Advanced Web Design", subtitle: "Creative Tech", description: "Master modern responsive web design principles.", imageSrc: "http://img.b2bpic.net/free-photo/web-design.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Academics", href: "/academics" }] },
+                { items: [{ label: "Support", href: "/" }] }
+              ]}
+              logoText="EduManage"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admissions/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function AdmissionsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleFullscreen
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "Academics", id: "/academics" },
+        { name: "Admissions", id: "/admissions" },
+        { name: "Portal", id: "/student-portal" }
+      ]}
+      brandName="EduManage"
+    />
+  </div>
+
+  <div id="requirements" data-section="features">
+    <FeatureCardSeven
+        useInvertedBackground={false}
+        title="Admissions Requirements"
+        description="Ensure you have all the necessary documents and qualifications before applying."
+        textboxLayout="default"
+        animationType="blur-reveal"
+        features={[
+            { title: "Academic Transcripts", description: "Official records of your previous academic performance." },
+            { title: "Standardized Test Scores", description: "Required scores for international and domestic applicants." },
+            { title: "Letters of Recommendation", description: "Two letters from academic or professional references." },
+            { title: "Personal Statement", description: "A brief essay outlining your goals and motivation for joining." }
+        ]}
+    />
+  </div>
+
+  <div id="application" data-section="contact">
+    <ContactSplitForm
+        useInvertedBackground={false}
+        title="Submit Your Application"
+        description="Begin your journey with us by filling out the online application form below."
+        inputs={[
+            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "program", type: "text", placeholder: "Intended Program" }
+        ]}
+        textarea={{ name: "statement", placeholder: "Why do you want to join?" }}
+        onSubmit={(data) => console.log(data)}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "Features", href: "/" }, { label: "About", href: "/" }] },
+        { items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
+        { items: [{ label: "Support", href: "/" }, { label: "FAQ", href: "/" }] },
+      ]}
+      logoText="EduManage"
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,25 +29,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="EduManage"
     />
@@ -56,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Streamline Your Student Journey"
       description="Manage your tasks, track attendance, and organize your academic profile in one seamless, high-performance platform."
       buttons={[
         {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
         {
-          text: "Learn More",
-          href: "#about",
-        },
+          text: "Learn More",          href: "#about"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062213.jpg"
       imageAlt="Modern student dashboard interface showing analytics"
@@ -82,17 +67,11 @@ export default function LandingPage() {
       description="EduManage provides a centralized hub to keep your academic life structured. Track performance, attendance, and deadlines effortlessly with tools designed for modern students."
       metrics={[
         {
-          value: "100K+",
-          title: "Users Managed",
-        },
+          value: "100K+",          title: "Users Managed"},
         {
-          value: "99.9%",
-          title: "Uptime Reliability",
-        },
+          value: "99.9%",          title: "Uptime Reliability"},
         {
-          value: "24/7",
-          title: "Student Support",
-        },
+          value: "24/7",          title: "Student Support"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-asian-student-girl-writing-down-studying-smth-laptop-sits-outdoor-cafe-with-coffee_1258-198965.jpg"
       mediaAnimation="slide-up"
@@ -107,26 +86,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Data",
-          title: "Profile Management",
-          subtitle: "Total Control",
-          description: "Maintain your records, update personal data, and safely delete entries when needed.",
-          imageSrc: "http://img.b2bpic.net/free-vector/course-application-template_23-2148663602.jpg",
-        },
+          tag: "Data",          title: "Profile Management",          subtitle: "Total Control",          description: "Maintain your records, update personal data, and safely delete entries when needed.",          imageSrc: "http://img.b2bpic.net/free-vector/course-application-template_23-2148663602.jpg"},
         {
-          tag: "Tasks",
-          title: "Assignment Portal",
-          subtitle: "Stay Organized",
-          description: "Create, manage, and complete your tasks with intuitive deadline tracking.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150447177.jpg",
-        },
+          tag: "Tasks",          title: "Assignment Portal",          subtitle: "Stay Organized",          description: "Create, manage, and complete your tasks with intuitive deadline tracking.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-creative-journaling_23-2150447177.jpg"},
         {
-          tag: "Attendance",
-          title: "Attendance Tracker",
-          subtitle: "Track Daily",
-          description: "Log your attendance records daily and view your history over time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg",
-        },
+          tag: "Attendance",          title: "Attendance Tracker",          subtitle: "Track Daily",          description: "Log your attendance records daily and view your history over time.",          imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg"},
       ]}
       title="Powerful Management Tools"
       description="Equipped with everything a modern student needs to succeed."
@@ -139,20 +103,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
-          title: "How do I delete my data?",
-          content: "You can navigate to your profile settings where you will find an option to securely remove your data.",
-        },
+          id: "1",          title: "How do I delete my data?",          content: "You can navigate to your profile settings where you will find an option to securely remove your data."},
         {
-          id: "2",
-          title: "Is my data secure?",
-          content: "Yes, we use industry-standard encryption to protect all your sensitive student records.",
-        },
+          id: "2",          title: "Is my data secure?",          content: "Yes, we use industry-standard encryption to protect all your sensitive student records."},
         {
-          id: "3",
-          title: "How do I mark attendance?",
-          content: "Simply go to the Attendance tab and click on the 'Check-in' button during your scheduled class time.",
-        },
+          id: "3",          title: "How do I mark attendance?",          content: "Simply go to the Attendance tab and click on the 'Check-in' button during your scheduled class time."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
       title="Frequently Asked Questions"
@@ -166,8 +121,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Connect"
       title="Ready to Start?"
       description="Have questions or need assistance? Reach out to our student support team anytime."
@@ -181,38 +135,23 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
+            { label: "University Home", href: "/" },
+            { label: "Admissions", href: "#" },
+            { label: "Academic Calendar", href: "#" },
           ],
         },
         {
           items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
+            { label: "Student Portal", href: "/" },
+            { label: "Library Services", href: "#" },
+            { label: "Campus Map", href: "#" },
           ],
         },
         {
           items: [
-            {
-              label: "Support",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
+            { label: "Department of CS", href: "#" },
+            { label: "Faculty Directory", href: "#" },
+            { label: "Support", href: "#contact" },
           ],
         },
       ]}
@@ -222,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/student-portal/page.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function StudentPortal() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Academics", id: "/academics" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Portal", id: "/student-portal" }
+            ]}
+            brandName="EduManage"
+          />
+        </div>
+
+        <div id="dashboard" data-section="dashboard">
+           <FeatureCardNineteen
+              useInvertedBackground={false}
+              title="Student Dashboard"
+              description="Overview of your academic progress and daily schedule."
+              textboxLayout="default"
+              features={[
+                { tag: "Stats", title: "Performance", subtitle: "GPA", description: "Your current academic standing.", imageSrc: "" },
+                { tag: "Tasks", title: "Active Tasks", subtitle: "Due Soon", description: "Upcoming deadlines and assignments.", imageSrc: "" }
+              ]}
+           />
+        </div>
+
+        <div id="profile" data-section="profile">
+           <FeatureCardNineteen
+              useInvertedBackground={false}
+              title="Profile Management"
+              description="Update your account settings and personal details."
+              textboxLayout="default"
+              features={[
+                { tag: "Info", title: "Contact Data", subtitle: "Details", description: "Manage your email and phone number.", imageSrc: "" },
+                { tag: "Privacy", title: "Security", subtitle: "Safety", description: "Control your password and privacy settings.", imageSrc: "" }
+              ]}
+           />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="EduManage"
+            columns={[{ items: [{ label: "Home", href: "/" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}