From 04026d2c16272c1c2a369c0069e8e0fd60175ae9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 11:11:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 401 ++++++++++++++---------------------------------
 1 file changed, 115 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 892fd43..744bc79 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,301 +14,130 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Academics",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Abasyn University Islamabad"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Academics", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Abasyn University Islamabad"
+            button={{ text: "Apply Now", href: "#" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Empowering Future Leaders at Abasyn University"
-      description="Discover excellence in education, research, and innovation in the heart of Islamabad. Join a community built on academic integrity and success."
-      buttons={[
-        {
-          text: "Apply Now",
-          href: "#",
-        },
-        {
-          text: "Programs",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/group-people-chatting-courtyard_23-2147679223.jpg"
-      imageAlt="Abasyn University Islamabad Campus"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/group-highschool-students-reading-while-walking_23-2148225296.jpg",
-          alt: "Group of highschool students reading while walking",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661432.jpg",
-          alt: "Analog city landscape with buildings in daylight",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/city-square_1359-1040.jpg",
-          alt: "city square",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-female-business-colleagues-enjoying-work-break_1262-21138.jpg",
-          alt: "Happy female business colleagues enjoying work break",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211086.jpg",
-          alt: "Colleagues studying together during group study",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Academic Excellence",
-        },
-        {
-          type: "text",
-          text: "Innovative Research",
-        },
-        {
-          type: "text",
-          text: "Industry Partnerships",
-        },
-        {
-          type: "text",
-          text: "Global Alumni",
-        },
-        {
-          type: "text",
-          text: "State-of-the-Art Labs",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboard
+            background={{ variant: "sparkles-gradient" }}
+            title="Empowering Future Leaders at Abasyn University"
+            description="Discover excellence in education, research, and innovation in the heart of Islamabad. Join a community built on academic integrity and success."
+            buttons={[{ text: "Apply Now", href: "#" }, { text: "Programs", href: "#features" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/group-people-chatting-courtyard_23-2147679223.jpg"
+            imageAlt="Abasyn University Islamabad Campus"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/group-highschool-students-reading-while-walking_23-2148225296.jpg", alt: "Group of highschool students reading while walking" },
+              { src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661432.jpg", alt: "Analog city landscape with buildings in daylight" },
+              { src: "http://img.b2bpic.net/free-photo/city-square_1359-1040.jpg", alt: "city square" },
+              { src: "http://img.b2bpic.net/free-photo/happy-female-business-colleagues-enjoying-work-break_1262-21138.jpg", alt: "Happy female business colleagues enjoying work break" },
+              { src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-group-study_23-2149211086.jpg", alt: "Colleagues studying together during group study" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Academic Excellence" },
+              { type: "text", text: "Innovative Research" },
+              { type: "text", text: "Industry Partnerships" },
+              { type: "text", text: "Global Alumni" },
+              { type: "text", text: "State-of-the-Art Labs" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Excellence in Higher Education"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="Excellence in Higher Education"
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Classroom",
-          title: "Advanced Learning",
-          subtitle: "Interactive Sessions",
-          description: "Engage in smart classrooms designed for modern learning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/students-learning-library-high-angle_23-2149647042.jpg",
-        },
-        {
-          tag: "Tech",
-          title: "Modern CS Labs",
-          subtitle: "Real-world Skills",
-          description: "Hands-on experience in high-end computing laboratories.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880939.jpg",
-        },
-        {
-          tag: "Science",
-          title: "Research Centers",
-          subtitle: "Scientific Discovery",
-          description: "Cutting edge biological and physical research centers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-holding-transparent-petri-dish-analyzing-blue-solution_482257-20216.jpg",
-        },
-      ]}
-      title="Academic Programs & Labs"
-      description="State-of-the-art facilities paired with world-class faculty."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Classroom", title: "Advanced Learning", subtitle: "Interactive Sessions", description: "Engage in smart classrooms designed for modern learning.", imageSrc: "http://img.b2bpic.net/free-photo/students-learning-library-high-angle_23-2149647042.jpg" },
+              { tag: "Tech", title: "Modern CS Labs", subtitle: "Real-world Skills", description: "Hands-on experience in high-end computing laboratories.", imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880939.jpg" },
+              { tag: "Science", title: "Research Centers", subtitle: "Scientific Discovery", description: "Cutting edge biological and physical research centers.", imageSrc: "http://img.b2bpic.net/free-photo/biologist-researcher-woman-holding-transparent-petri-dish-analyzing-blue-solution_482257-20216.jpg" },
+            ]}
+            title="Academic Programs & Labs"
+            description="State-of-the-art facilities paired with world-class faculty."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "Graduates Yearly",
-          description: "Alumni thriving globally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-group-students-celebrating-their-graduation_23-2148201823.jpg",
-        },
-        {
-          id: "m2",
-          value: "50+",
-          title: "Qualified Faculty",
-          description: "PhD experts guiding students.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2052.jpg",
-        },
-        {
-          id: "m3",
-          value: "20k+",
-          title: "Library Volumes",
-          description: "Extensive academic resources.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg",
-        },
-      ]}
-      title="University Milestones"
-      description="Leading the path in academic excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "100+", title: "Graduates Yearly", description: "Alumni thriving globally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-group-students-celebrating-their-graduation_23-2148201823.jpg" },
+              { id: "m2", value: "50+", title: "Qualified Faculty", description: "PhD experts guiding students.", imageSrc: "http://img.b2bpic.net/free-photo/sport-stadium_1127-2052.jpg" },
+              { id: "m3", value: "20k+", title: "Library Volumes", description: "Extensive academic resources.", imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg" },
+            ]}
+            title="University Milestones"
+            description="Leading the path in academic excellence."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Khan",
-          role: "Software Engineer",
-          testimonial: "The CS department at Abasyn provided the perfect platform for my career.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
-        },
-        {
-          id: "t2",
-          name: "Ali Hassan",
-          role: "Electrical Engineer",
-          testimonial: "Faculty support and lab access are unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-engineer-sitting-his-working-place-job-business-contractor-agenda-property-document-plan-corporate-builders_140725-155502.jpg",
-        },
-        {
-          id: "t3",
-          name: "Fatima Noor",
-          role: "Business Analyst",
-          testimonial: "An incredible experience shaping my business perspective.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-garden_23-2147562343.jpg",
-        },
-        {
-          id: "t4",
-          name: "Bilal Ahmed",
-          role: "Web Developer",
-          testimonial: "The environment here truly fosters innovation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
-        },
-        {
-          id: "t5",
-          name: "Maria Ali",
-          role: "Researcher",
-          testimonial: "Research facilities enabled my PhD journey effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg",
-        },
-      ]}
-      title="Voices of Abasyn"
-      description="Stories of success and growth."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Khan", role: "Software Engineer", testimonial: "The CS department at Abasyn provided the perfect platform for my career.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg" },
+              { id: "t2", name: "Ali Hassan", role: "Electrical Engineer", testimonial: "Faculty support and lab access are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-engineer-sitting-his-working-place-job-business-contractor-agenda-property-document-plan-corporate-builders_140725-155502.jpg" },
+              { id: "t3", name: "Fatima Noor", role: "Business Analyst", testimonial: "An incredible experience shaping my business perspective.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-garden_23-2147562343.jpg" },
+              { id: "t4", name: "Bilal Ahmed", role: "Web Developer", testimonial: "The environment here truly fosters innovation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg" },
+              { id: "t5", name: "Maria Ali", role: "Researcher", testimonial: "Research facilities enabled my PhD journey effectively.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg" },
+            ]}
+            title="Voices of Abasyn"
+            description="Stories of success and growth."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Start your academic journey today. Contact us for admissions, queries, or campus visits."
-      buttons={[
-        {
-          text: "Contact Admissions",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Start your academic journey today. Contact us for admissions, queries, or campus visits."
+            buttons={[{ text: "Contact Admissions", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Admissions",
-              href: "#",
-            },
-            {
-              label: "Faculty",
-              href: "#",
-            },
-            {
-              label: "Library",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Programs",
-              href: "#",
-            },
-            {
-              label: "Research",
-              href: "#",
-            },
-            {
-              label: "News",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Help Desk",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Abasyn University Islamabad"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Admissions", href: "#" }, { label: "Faculty", href: "#" }, { label: "Library", href: "#" }] },
+              { items: [{ label: "Programs", href: "#" }, { label: "Research", href: "#" }, { label: "News", href: "#" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Help Desk", href: "#" }] },
+            ]}
+            logoText="Abasyn University Islamabad"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1