bender/cab699cd-7af5-4d9f-9e49-36bd6a873a71
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 20:05:02 +00:00
parent a145189670
commit a4f4f7e005
1 changed files with 64 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/app/page.tsx
View File

@@ -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>