From c99e6b5919e83caa90d362a2e368ba65e244203b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 06:15:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 276 +++++++++++++++++------------------------------
 1 file changed, 99 insertions(+), 177 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0867c6e..074592b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,189 +26,111 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Map",
-          id: "map",
-        },
-        {
-          name: "Directions",
-          id: "directions",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="CampusNav"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Map", id: "map" },
+              { name: "Directions", id: "directions" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="CampusNav"
+            button={{ text: "Get Started", href: "#home" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Navigate Your Campus Effortlessly"
-      description="Find your classes, labs, and offices in seconds. The ultimate smart wayfinding experience for students and visitors."
-      buttons={[
-        {
-          text: "Start Searching",
-          href: "#map",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/web-page-design-user-interface-template-copy-space_53876-120721.jpg"
-      imageAlt="Campus navigation dashboard preview"
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Navigate Your Campus Effortlessly"
+            description="Find your classes, labs, and offices in seconds. The ultimate smart wayfinding experience for students and visitors."
+            buttons={[{ text: "Start Searching", href: "#map" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/web-page-design-user-interface-template-copy-space_53876-120721.jpg"
+            imageAlt="Campus navigation dashboard preview"
+          />
+        </div>
 
-  <div id="map" data-section="map">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Smart Location Search",
-          description: "Easily search for classrooms, labs, offices, and hostel buildings in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-using-tablet-outdoors_23-2150747667.jpg",
-          imageAlt: "Search interface",
-        },
-        {
-          title: "Shortest Path Optimization",
-          description: "Dynamic route planning that finds the fastest and most efficient way to your destination.",
-          imageSrc: "http://img.b2bpic.net/free-photo/street-arrow-signage_23-2148242223.jpg",
-          imageAlt: "Pathfinding visualization",
-        },
-        {
-          title: "Quick QR Scanner",
-          description: "Scan campus QR codes to immediately pull up location details and navigation prompts.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o3j7jy",
-          imageAlt: "QR Scanner",
-        },
-      ]}
-      title="Interactive Campus Tools"
-      description="Smart features to get you where you need to be, faster than ever before."
-    />
-  </div>
+        <div id="map" data-section="map">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Smart Location Search",                description: "Easily search for classrooms, labs, offices, and hostel buildings in real-time.",                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-using-tablet-outdoors_23-2150747667.jpg",                imageAlt: "Search interface"},
+              {
+                title: "Shortest Path Optimization",                description: "Dynamic route planning that finds the fastest and most efficient way to your destination.",                imageSrc: "http://img.b2bpic.net/free-photo/street-arrow-signage_23-2148242223.jpg",                imageAlt: "Pathfinding visualization"},
+              {
+                title: "Quick QR Scanner",                description: "Scan campus QR codes to immediately pull up location details and navigation prompts.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o3j7jy",                imageAlt: "QR Scanner"},
+            ]}
+            title="Interactive Campus Tools"
+            description="Smart features to get you where you need to be, faster than ever before."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Us"
-      title="Built for Modern Students"
-      description="The Campus Navigation System was designed to simplify campus life for every visitor, student, and faculty member. No more getting lost in endless hallways."
-      subdescription="Our mission is to provide accessible, intuitive, and reliable digital navigation for all campus spaces."
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-adults-walking-together_23-2149033742.jpg?_wi=1"
-      imageAlt="Modern campus courtyard"
-      mediaAnimation="blur-reveal"
-      icon={MapPin}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="About Us"
+            title="Built for Modern Students"
+            description="The Campus Navigation System was designed to simplify campus life for every visitor, student, and faculty member. No more getting lost in endless hallways."
+            subdescription="Our mission is to provide accessible, intuitive, and reliable digital navigation for all campus spaces."
+            imageSrc="http://img.b2bpic.net/free-photo/full-shot-adults-walking-together_23-2149033742.jpg"
+            imageAlt="Modern campus courtyard"
+            mediaAnimation="blur-reveal"
+            icon={MapPin}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Impact at a Glance"
-      description="Helping thousands of students navigate campus life with ease and confidence."
-      metrics={[
-        {
-          id: "m1",
-          value: "15K+",
-          title: "Daily Users",
-          description: "Active students navigating our halls daily.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Campus POIs",
-          description: "Classrooms, labs, and essential service points indexed.",
-          icon: Compass,
-        },
-        {
-          id: "m3",
-          value: "99%",
-          title: "Accuracy Rate",
-          description: "Precise wayfinding even in complex indoor structures.",
-          icon: Target,
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Impact at a Glance"
+            description="Helping thousands of students navigate campus life with ease and confidence."
+            metrics={[
+              { id: "m1", value: "15K+", title: "Daily Users", description: "Active students navigating our halls daily.", icon: Users },
+              { id: "m2", value: "500+", title: "Campus POIs", description: "Classrooms, labs, and essential service points indexed.", icon: Compass },
+              { id: "m3", value: "99%", title: "Accuracy Rate", description: "Precise wayfinding even in complex indoor structures.", icon: Target },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Need help or have questions about the system? Get in touch with our support team."
-      buttons={[
-        {
-          text: "Email Support",
-          href: "mailto:support@campusnav.edu",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Need help or have questions about the system? Get in touch with our support team."
+            buttons={[{ text: "Email Support", href: "mailto:support@campusnav.edu" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-adults-walking-together_23-2149033742.jpg?_wi=2"
-      logoText="CampusNav"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Map",
-              href: "#map",
-            },
-            {
-              label: "Directions",
-              href: "#directions",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/full-shot-adults-walking-together_23-2149033742.jpg"
+            logoText="CampusNav"
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Map", href: "#map" },
+                  { label: "Directions", href: "#directions" },
+                  { label: "About", href: "#about" },
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Help Center", href: "#" },
+                  { label: "Contact", href: "#contact" },
+                  { label: "Privacy Policy", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );