Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLarge"
+        background="none"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Search", id: "/#features" },
+              { name: "Reservation", id: "/#pricing" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="SmartPark"
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Our Mission"
+            description="We are dedicated to revolutionizing urban mobility by making parking seamless, intelligent, and sustainable. Our technology connects drivers with real-time data to reduce traffic congestion and simplify your daily commute."
+            tag="About Us"
+            imageSrc="http://img.b2bpic.net/free-photo/smart-city-technology-concept_23-2149021295.jpg?_wi=1"
+            imageAlt="Smart City landscape"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Platform",                items: [
+                  { label: "Search", href: "/#features" },
+                  { label: "Booking", href: "/#pricing" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact Us", href: "/#contact" },
+                  { label: "Help Center", href: "#" },
+                ],
+              },
+            ]}
+            logoText="SmartPark"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,21 +29,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "hero",
-        },
         {
-          name: "Search",
+          name: "About",          id: "/about"},
-          id: "features",
-        },
         {
-          name: "Reservation",
+          name: "Search",          id: "features"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Reservation",          id: "pricing"},
-          id: "contact",
+        {
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="SmartPark"
     />
@@ -52,46 +46,29 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Park Smarter, Find Faster"
       description="The next generation of urban parking. Real-time availability, secure reservations, and live camera monitoring at your fingertips."
       tag="Smart City Tech"
       buttons={[
         {
-          text: "Start Searching",
+          text: "Start Searching",          href: "#features"},
-          href: "#features",
-        },
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=1",          imageAlt: "Parking map UI"},
-          imageAlt: "Parking map UI",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=1",          imageAlt: "Booking parking app"},
-          imageAlt: "Booking parking app",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=1",          imageAlt: "Modern parking garage"},
-          imageAlt: "Modern parking garage",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=2",          imageAlt: "Parking map UI"},
-          imageAlt: "Parking map UI",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=2",          imageAlt: "Booking parking app"},
-          imageAlt: "Booking parking app",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=2",          imageAlt: "Modern parking garage"},
-          imageAlt: "Modern parking garage",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -104,34 +81,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          label: "Search",          title: "Real-Time Finder",          items: [
-          label: "Search",
+            "Instant location mapping",            "Live spot status updates",            "Distance tracking"],
-          title: "Real-Time Finder",
-          items: [
-            "Instant location mapping",
-            "Live spot status updates",
-            "Distance tracking",
-          ],
         },
         {
-          id: "2",
+          id: "2",          label: "Security",          title: "Live Camera View",          items: [
-          label: "Security",
+            "Secure garage monitoring",            "Remote spot checking",            "Vehicle safety peace of mind"],
-          title: "Live Camera View",
-          items: [
-            "Secure garage monitoring",
-            "Remote spot checking",
-            "Vehicle safety peace of mind",
-          ],
         },
         {
-          id: "3",
+          id: "3",          label: "Payment",          title: "Pre/Post Payment",          items: [
-          label: "Payment",
+            "Flexible reservation payments",            "Seamless checkout",            "Multiple payment methods"],
-          title: "Pre/Post Payment",
-          items: [
-            "Flexible reservation payments",
-            "Seamless checkout",
-            "Multiple payment methods",
-          ],
         },
       ]}
       title="Smart Parking Intelligence"
@@ -146,35 +105,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          tag: "Daily",          price: "$5",          period: "/session",          description: "Perfect for short errands and quick visits.",          button: {
-          tag: "Daily",
+            text: "Book Now"},
-          price: "$5",
+          featuresTitle: "Includes:",          features: [
-          period: "/session",
+            "Reserved spot",            "1-hour buffer"],
-          description: "Perfect for short errands and quick visits.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Reserved spot",
-            "1-hour buffer",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          tag: "Weekly",          price: "$25",          period: "/week",          description: "Ideal for regular city commuters.",          button: {
-          tag: "Weekly",
+            text: "Book Now"},
-          price: "$25",
+          featuresTitle: "Includes:",          features: [
-          period: "/week",
+            "Assigned spot",            "24/7 access",            "Secure garage"],
-          description: "Ideal for regular city commuters.",
-          button: {
-            text: "Book Now",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Assigned spot",
-            "24/7 access",
-            "Secure garage",
-          ],
         },
       ]}
       title="Booking Packages"
@@ -187,30 +127,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alex Rivier",          imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg"},
-          name: "Alex Rivier",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Samira Khan",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg"},
-          name: "Samira Khan",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/content-mature-woman-reading-book-tablet_1262-18430.jpg"},
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-mature-woman-reading-book-tablet_1262-18430.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Emily Chen",          imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-by-skyscraper-talking-phone_1303-10306.jpg"},
-          name: "Emily Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-by-skyscraper-talking-phone_1303-10306.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Mike Ross",          imageSrc: "http://img.b2bpic.net/free-photo/feeling-mad-you-angry-offended-good-looking-young-serious-guy-with-moustache-curly-hairstyle-holding-hands-crossed-chest-looking-from-forehead-frowning-intense-gray-wall_176420-27677.jpg"},
-          name: "Mike Ross",
-          imageSrc: "http://img.b2bpic.net/free-photo/feeling-mad-you-angry-offended-good-looking-young-serious-guy-with-moustache-curly-hairstyle-holding-hands-crossed-chest-looking-from-forehead-frowning-intense-gray-wall_176420-27677.jpg",
-        },
       ]}
       cardTitle="What Users Say"
       cardTag="Community Feedback"
@@ -222,8 +147,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get In Touch"
       title="Need Help Finding A Spot?"
       description="Have questions about our service? Contact our support team for quick assistance."
@@ -234,29 +158,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Platform",
+          title: "Platform",          items: [
-          items: [
             {
-              label: "Search",
+              label: "Search",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Booking",
+              label: "Booking",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact Us",
+              label: "Contact Us",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Help Center",
+              label: "Help Center",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}