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

Merge version_1 into main

src/app/admissions/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextBox from '@/components/Textbox';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AdmissionsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CUT"
+          />
+        </div>
+        <div className="pt-32 pb-20">
+          <TextBox
+            title="Admissions Information"
+            description="Join a community of innovators. Find everything you need to start your application journey at Chinhoyi University of Technology."
+            textboxLayout="default"
+            center={true}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CHINHOYI UNIVERSITY OF TECHNOLOGY"
+            columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]} 
+            brandName="CUT" 
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit 
+            title="Get in Touch"
+            description="Have questions or need assistance? Our administration team is here to help."
+            tag="Support"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
+            ]} 
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/events/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]} 
+            brandName="CUT" 
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-4xl font-bold mb-8">Upcoming Events</h1>
+          <p>Discover our calendar of seminars, research workshops, and campus cultural events.</p>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Events", href: "/events" }] }
+            ]} 
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/faculty/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextBox from '@/components/Textbox';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function FacultyPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CUT"
+          />
+        </div>
+        <div className="pt-32 pb-20">
+          <TextBox
+            title="Our Distinguished Faculty"
+            description="Learn from experts who are shaping the future through advanced research and industrial application."
+            textboxLayout="default"
+            center={true}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CHINHOYI UNIVERSITY OF TECHNOLOGY"
+            columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FaqBase from '@/components/sections/faq/FaqBase';
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]} 
+            brandName="CUT" 
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Frequently Asked Questions"
+            description="Get answers to common queries about our institution."
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "What are the admission requirements?", content: "Requirements vary by program; please consult the specific course department." },
+              { id: "q2", title: "How do I register for courses?", content: "Registration is handled via the Student Portal before the semester starts." },
+              { id: "q3", title: "Do you offer accommodation?", content: "Yes, limited on-campus accommodation is available based on priority criteria." }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "FAQ", href: "/faq" }] }
+            ]} 
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,12 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Features", id: "features" },
-        { name: "Metrics", id: "metrics" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
+        { name: "Home", id: "/" },
+        { name: "About", id: "#about" },
+        { name: "Events", id: "/events" },
+        { name: "Student Life", id: "/student-life" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="CUT"
     />
@@ -100,45 +100,15 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "How do I apply?",          content: "You can apply online via our admissions portal under the 'Apply' section."},
-        {
-          id: "q2",          title: "What programs are available?",          content: "We offer degrees in Engineering, Technology, Business, and Computer Science."},
-        {
-          id: "q3",          title: "Is financial aid available?",          content: "Yes, we offer various bursaries and government support schemes for qualifying students."},
-      ]}
-      title="Frequently Asked Questions"
-      description="Find quick answers to common questions about admissions, research, and campus life."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Newsletter"
-      title="Stay Informed"
-      description="Sign up for our newsletter for news about upcoming intakes, seminars, and technological breakthroughs at CUT."
-      imageSrc="http://img.b2bpic.net/free-vector/abstract-blue-background-with-dots_1152-206.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="CHINHOYI UNIVERSITY OF TECHNOLOGY"
       columns={[
         {
           title: "Quick Links",          items: [
-            { label: "Home", href: "#hero" },
-            { label: "Admissions", href: "#" },
-            { label: "Library", href: "#" },
+            { label: "Home", href: "/" },
+            { label: "Events", href: "/events" },
+            { label: "Student Life", href: "/student-life" },
           ],
         },
         {
@@ -150,9 +120,8 @@ export default function LandingPage() {
         },
         {
           title: "Connect",          items: [
-            { label: "Twitter", href: "#" },
-            { label: "Facebook", href: "#" },
-            { label: "Contact", href: "#contact" },
+            { label: "FAQ", href: "/faq" },
+            { label: "Contact", href: "/contact" },
           ],
         },
       ]}

src/app/programs/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextBox from '@/components/Textbox';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ProgramsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="CUT"
+          />
+        </div>
+        <div className="pt-32 pb-20">
+          <TextBox
+            title="Our Academic Programs"
+            description="Explore our diverse range of undergraduate and postgraduate courses designed to prepare you for the future of industry and technology."
+            textboxLayout="default"
+            center={true}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CHINHOYI UNIVERSITY OF TECHNOLOGY"
+            columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/student-life/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function StudentLifePage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Faculty", id: "/faculty" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Student Life", id: "/student-life" },
+              { name: "Contact", id: "/contact" },
+            ]} 
+            brandName="CUT" 
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-4xl font-bold mb-8">Student Life</h1>
+          <p>Explore our vibrant student community, housing, clubs, and sports activities.</p>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Student Life", href: "/student-life" }] }
+            ]} 
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}