From a4f4f7e005f609f6ada6814a564b2092a36ddceb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 20:05:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 113 +++++++++++++++++++++++++++--------------------
 1 file changed, 64 insertions(+), 49 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eefa3d5..75ccf2d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import MediaAbout from "@/components/sections/about/MediaAbout";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { MapPin, Zap, CheckCircle, Lightbulb, Users, Map, Navigation } from "lucide-react";
+import { MapPin, Zap, CheckCircle, Lightbulb, Users, Map, Navigation, Lock, MapPinPlus, Clock, Share2 } from "lucide-react";
 
 export default function ParkSpotPage() {
   return (
@@ -28,28 +28,27 @@ export default function ParkSpotPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Features", id: "features" },
-            { name: "How It Works", id: "how-it-works" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Download", id: "cta" },
-            { name: "Contact", id: "contact" },
+            { name: "Map", id: "/map" },
+            { name: "History", id: "/history" },
+            { name: "Profile", id: "/profile" },
+            { name: "Settings", id: "/settings" },
           ]}
           brandName="ParkSpot"
-          bottomLeftText="Location-based parking made simple"
+          bottomLeftText="Mobile-First Parking Tracker"
           bottomRightText="support@parkspot.app"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
-          title="Never lose your car again"
-          description="Save your exact parking spot in one tap. Find it instantly with live navigation whenever you need it."
-          tag="Location-Based Parking"
+          title="Never Lose Your Car Again"
+          description="Mobile-first app to save parking spots with photos, notes, arrival time, and instant Google Maps navigation. Share locations with friends."
+          tag="Mobile Parking Tracker"
           tagIcon={MapPin}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Save Parking Location", href: "#features" },
-            { text: "Learn More", href: "#how-it-works" },
+            { text: "Login / Register", href: "/login" },
+            { text: "Learn More", href: "#features" },
           ]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-vector/parking-service-mobile-map_24908-60887.jpg?_wi=1"
@@ -58,88 +57,96 @@ export default function ParkSpotPage() {
           background={{ variant: "glowing-orb" }}
           testimonials={[
             {
-              name: "Sarah Johnson",              handle: "Urban Commuter",              testimonial: "I used to spend 15 minutes searching for my car every day. Now I find it in seconds!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"},
+              name: "Sarah Johnson",              handle: "Urban Commuter",              testimonial: "I used to spend 15 minutes searching for my car every day. Now I find it in seconds with browser data saving!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
+            },
             {
-              name: "Michael Chen",              handle: "City Center Worker",              testimonial: "Managing multiple parking spots across the city is now effortless. Highly recommended!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"},
+              name: "Michael Chen",              handle: "City Center Worker",              testimonial: "Managing multiple parking spots across the city is now effortless. The photo notes feature is amazing!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
+            },
             {
-              name: "Emma Rodriguez",              handle: "Frequent Traveler",              testimonial: "The navigation feature is seamless. Google Maps integration works perfectly.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"},
+              name: "Emma Rodriguez",              handle: "Frequent Traveler",              testimonial: "The reminders feature ensures I never forget about parking. Google Maps integration works perfectly.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
+            },
             {
-              name: "David Kim",              handle: "Business Professional",              testimonial: "Best parking app I've used. Simple, reliable, and exactly what I needed.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"},
+              name: "David Kim",              handle: "Business Professional",              testimonial: "Best parking app I've used. Simple, reliable, with all the features I need for urban commuting.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"
+            },
           ]}
           testimonialRotationInterval={5000}
           useInvertedBackground={false}
-          ariaLabel="Hero section with parking tracker overview and customer testimonials"
+          ariaLabel="Hero section with mobile parking tracker overview and customer testimonials"
         />
       </div>
 
       <div id="features" data-section="features">
         <FeatureCardTwentyFour
           title="Core Features"
-          description="Everything you need to manage your parking locations efficiently and never waste time searching for your car again."
+          description="Everything you need to manage parking locations efficiently with mobile-first design and browser-based data persistence."
           tag="Features"
           tagIcon={Zap}
           tagAnimation="slide-up"
           features={[
             {
-              id: "1",              title: "One-Tap Location Saving",              author: "Instant Capture",              description: "Save your exact parking spot with just one tap on the interactive map. Your location is pinned immediately and stored for quick access.",              tags: ["Quick Save", "GPS Accurate"],
-              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=1",              imageAlt: "One-tap location saving feature"},
+              id: "1",              title: "Interactive Map with Pin",              author: "Visual Location",              description: "Save parking spots directly on an interactive map. Tap to pin your location, add photos and detailed notes for reference.",              tags: ["Map View", "GPS Accurate"],
+              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=1",              imageAlt: "Interactive map with parking pin"
+            },
             {
-              id: "2",              title: "Multi-Location Management",              author: "Full Control",              description: "Save and organize multiple parking locations across different areas. Delete old spots and keep your list clean and manageable.",              tags: ["Multiple Spots", "Organization"],
-              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=1",              imageAlt: "Multiple parking locations on map"},
+              id: "2",              title: "Login & User Profiles",              author: "Secure Access",              description: "Secure login/registration system. Manage your profile, view parking history, and customize app settings for your needs.",              tags: ["Authentication", "User Profiles"],
+              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=1",              imageAlt: "User authentication interface"
+            },
             {
-              id: "3",              title: "Live Navigation",              author: "Direct Route",              description: "Get real-time turn-by-turn navigation directly to your saved parking spot using integrated Google Maps. See exact directions instantly.",              tags: ["Google Maps", "Navigation"],
-              imageSrc: "http://img.b2bpic.net/free-vector/collection-modern-arrows_23-2147976916.jpg?_wi=1",              imageAlt: "Live navigation to parking spot"},
+              id: "3",              title: "Photos, Notes & Arrival Time",              author: "Rich Details",              description: "Attach photos of your parking spot, add detailed notes, and log arrival time. Get smart reminders before time runs out.",              tags: ["Photos", "Notes", "Reminders"],
+              imageSrc: "http://img.b2bpic.net/free-vector/collection-modern-arrows_23-2147976916.jpg?_wi=1",              imageAlt: "Photo notes and arrival tracking"
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          ariaLabel="Core parking tracker features"
+          ariaLabel="Core mobile parking tracker features"
         />
       </div>
 
       <div id="how-it-works" data-section="how-it-works">
         <MetricCardThree
           title="How It Works"
-          description="Three simple steps to never lose your car again. Our intuitive process takes seconds to master."
+          description="Four simple steps to never lose your car again. Mobile-first design that works seamlessly on any device."
           tag="Simple Process"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
           metrics={[
-            { id: "1", icon: MapPin, title: "Tap to Save", value: "1 Tap" },
-            { id: "2", icon: Map, title: "View on Map", value: "Instant" },
-            { id: "3", icon: Navigation, title: "Navigate Back", value: "Go Button" },
+            { id: "1", icon: Lock, title: "Login/Register", value: "Secure" },
+            { id: "2", icon: MapPinPlus, title: "Pin Location", value: "1 Tap" },
+            { id: "3", icon: Clock, title: "Add Details", value: "Photos" },
+            { id: "4", icon: Navigation, title: "Navigate Back", value: "Maps" },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="How parking tracker works"
+          ariaLabel="How mobile parking tracker works"
         />
       </div>
 
       <div id="benefits" data-section="benefits">
         <MediaAbout
-          title="Why Urban Drivers Choose ParkSpot"
-          description="Reduce stress and save time with a parking solution built for busy city life. Our app addresses the pain points that matter most to you."
+          title="Why Choose ParkSpot"
+          description="Mobile-first parking solution with browser-based data persistence, intelligent reminders, and seamless sharing. Never stress about parking again."
           tag="Benefits"
           tagIcon={Lightbulb}
           tagAnimation="slide-up"
-          buttons={[{ text: "Download App", href: "#cta" }]}
+          buttons={[{ text: "Start Free", href: "/login" }]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11715.jpg?_wi=1"
           imageAlt="Team collaboration on parking solution"
           useInvertedBackground={true}
-          ariaLabel="Benefits of using ParkSpot parking tracker"
+          ariaLabel="Benefits of using ParkSpot mobile parking app"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           title="What Our Users Say"
-          description="Real stories from urban commuters who've transformed their parking experience with ParkSpot."
+          description="Real stories from urban commuters who've transformed their parking experience with ParkSpot's mobile-first design."
           tag="Testimonials"
           tagIcon={Users}
           tagAnimation="slide-up"
@@ -147,26 +154,32 @@ export default function ParkSpotPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson, Urban Commuter",              date: "Date: 15 November 2024",              title: "No More Parking Anxiety",              quote: "I used to waste 15 minutes every day searching for my car. Now I find it in seconds. The app is intuitive and the Google Maps integration is seamless.",              tag: "Daily User",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=2",              imageAlt: "Happy commuter using parking app"},
+              id: "1",              name: "Sarah Johnson, Urban Commuter",              date: "Date: 15 November 2024",              title: "No More Parking Anxiety",              quote: "I used to waste 15 minutes every day searching for my car. Now I find it in seconds with photos saved on my phone.",              tag: "Daily User",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=2",              imageAlt: "Happy commuter using parking app"
+            },
             {
-              id: "2",              name: "Michael Chen, City Center Worker",              date: "Date: 18 November 2024",              title: "Manages Multiple Spots Easily",              quote: "Managing parking across different areas of the city is now effortless. I can save multiple locations and switch between them instantly. Best decision ever!",              tag: "Multi-Location",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=2",              imageAlt: "Multiple parking locations organized"},
+              id: "2",              name: "Michael Chen, City Center Worker",              date: "Date: 18 November 2024",              title: "Manages Multiple Spots Easily",              quote: "Managing parking across different areas of the city is now effortless. Browser persistence means my data is always available.",              tag: "Multi-Location",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=2",              imageAlt: "Multiple parking locations organized"
+            },
             {
-              id: "3",              name: "Emma Rodriguez, Frequent Traveler",              date: "Date: 12 November 2024",              title: "Perfect for Travelers",              quote: "Traveling to new cities and remembering where I parked used to be stressful. This app solved that problem completely. The navigation feature works flawlessly.",              tag: "Traveler",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/collection-modern-arrows_23-2147976916.jpg?_wi=2",              imageAlt: "Seamless navigation experience"},
+              id: "3",              name: "Emma Rodriguez, Frequent Traveler",              date: "Date: 12 November 2024",              title: "Perfect for Travelers",              quote: "Traveling to new cities and remembering where I parked is now stress-free. The sharing feature lets me show friends where to meet me.",              tag: "Traveler",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/collection-modern-arrows_23-2147976916.jpg?_wi=2",              imageAlt: "Seamless navigation experience"
+            },
             {
-              id: "4",              name: "David Kim, Business Professional",              date: "Date: 22 November 2024",              title: "Essential Business Tool",              quote: "As someone who parks in different locations throughout the day, this app is invaluable. It's reliable, fast, and exactly what I needed for my busy schedule.",              tag: "Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11715.jpg?_wi=2",              imageAlt: "Business professional using app"},
+              id: "4",              name: "David Kim, Business Professional",              date: "Date: 22 November 2024",              title: "Essential Business Tool",              quote: "As someone who parks in different locations throughout the day, the reminders feature keeps me on track. Invaluable for my schedule.",              tag: "Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11715.jpg?_wi=2",              imageAlt: "Business professional using app"
+            },
             {
-              id: "5",              name: "Jessica Lee, Downtown Shopper",              date: "Date: 25 November 2024",              title: "Shopping Made Simple",              quote: "No more panic when I return to the parking lot with my hands full of bags. I immediately know where my car is. Highly recommend to all city dwellers!",              tag: "Shopper",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=3",              imageAlt: "Satisfied customer using app"},
+              id: "5",              name: "Jessica Lee, Downtown Shopper",              date: "Date: 25 November 2024",              title: "Shopping Made Simple",              quote: "No more panic when I return to the parking lot with bags. My data is secure in the browser, always available. Highly recommend!",              tag: "Shopper",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290964.jpg?_wi=3",              imageAlt: "Satisfied customer using app"
+            },
             {
-              id: "6",              name: "Robert Martinez, Frequent Driver",              date: "Date: 28 November 2024",              title: "Game-Changing App",              quote: "Five stars isn't enough. This app has changed how I approach parking in the city. Simple, effective, and it works every time. Worth every penny!",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=3",              imageAlt: "Enthusiastic user testimonial"},
+              id: "6",              name: "Robert Martinez, Frequent Driver",              date: "Date: 28 November 2024",              title: "Game-Changing App",              quote: "This app has changed how I approach parking in the city. Simple, effective, secure data storage, and it works every time!",              tag: "5-Star Review",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=3",              imageAlt: "Enthusiastic user testimonial"
+            },
           ]}
-          ariaLabel="Customer testimonials for parking tracker app"
+          ariaLabel="Customer testimonials for mobile parking tracker app"
         />
       </div>
 
       <div id="cta" data-section="cta">
         <ContactSplitForm
           title="Download ParkSpot Now"
-          description="Get instant access to worry-free parking. Available on iOS and Android with a one-tap location saving feature that works everywhere."
+          description="Get instant access to mobile-first parking management. Available on iOS and Android with full feature support including photos, notes, reminders, and sharing."
           inputs={[
             {
               name: "email",              type: "email",              placeholder: "Enter your email",              required: true,
@@ -193,9 +206,11 @@ export default function ParkSpotPage() {
         <FooterLogoReveal
           logoText="ParkSpot"
           leftLink={{
-            text: "Privacy Policy",            href: "#"}}
+            text: "Privacy Policy",            href: "/privacy"
+          }}
           rightLink={{
-            text: "Terms of Service",            href: "#"}}
+            text: "Terms of Service",            href: "/terms"
+          }}
           ariaLabel="Site footer"
         />
       </div>