bender/ff4e1984-d512-4ba1-849f-8b1de552debc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-09 06:40:06 +00:00
parent 6835dba28d 8038fc1924
commit f992f107d6
2 changed files with 111 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/app/about/page.tsx Normal file
View File

@@ -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>
);
}

168
src/app/page.tsx
View File

@@ -29,21 +29,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "/"},
{
name: "Search",
id: "features",
},
name: "About", id: "/about"},
{
name: "Reservation",
id: "pricing",
},
name: "Search", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Reservation", id: "pricing"},
{
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",
href: "#features",
},
text: "Start Searching", href: "#features"},
{
text: "Book Now",
href: "#pricing",
},
text: "Book Now", href: "#pricing"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=1",
imageAlt: "Parking map UI",
},
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=1", imageAlt: "Parking map UI"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=1",
imageAlt: "Booking parking app",
},
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=1", imageAlt: "Booking parking app"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=1",
imageAlt: "Modern parking garage",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=1", imageAlt: "Modern parking garage"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=2",
imageAlt: "Parking map UI",
},
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg?_wi=2", imageAlt: "Parking map UI"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=2",
imageAlt: "Booking parking app",
},
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-lock-car_23-2148994228.jpg?_wi=2", imageAlt: "Booking parking app"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=2",
imageAlt: "Modern parking garage",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg?_wi=2", imageAlt: "Modern parking garage"},
]}
mediaAnimation="slide-up"
/>
@@ -104,34 +81,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
label: "Search",
title: "Real-Time Finder",
items: [
"Instant location mapping",
"Live spot status updates",
"Distance tracking",
],
id: "1", label: "Search", title: "Real-Time Finder", items: [
"Instant location mapping", "Live spot status updates", "Distance tracking"],
},
{
id: "2",
label: "Security",
title: "Live Camera View",
items: [
"Secure garage monitoring",
"Remote spot checking",
"Vehicle safety peace of mind",
],
id: "2", label: "Security", title: "Live Camera View", items: [
"Secure garage monitoring", "Remote spot checking", "Vehicle safety peace of mind"],
},
{
id: "3",
label: "Payment",
title: "Pre/Post Payment",
items: [
"Flexible reservation payments",
"Seamless checkout",
"Multiple payment methods",
],
id: "3", label: "Payment", 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",
tag: "Daily",
price: "$5",
period: "/session",
description: "Perfect for short errands and quick visits.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Reserved spot",
"1-hour buffer",
],
id: "p1", tag: "Daily", price: "$5", period: "/session", description: "Perfect for short errands and quick visits.", button: {
text: "Book Now"},
featuresTitle: "Includes:", features: [
"Reserved spot", "1-hour buffer"],
},
{
id: "p2",
tag: "Weekly",
price: "$25",
period: "/week",
description: "Ideal for regular city commuters.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Assigned spot",
"24/7 access",
"Secure garage",
],
id: "p2", tag: "Weekly", price: "$25", period: "/week", 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",
name: "Alex Rivier",
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg",
},
id: "1", name: "Alex Rivier", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-using-his-mobile-phone_1098-1225.jpg"},
{
id: "2",
name: "Samira Khan",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
},
id: "2", name: "Samira Khan", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg"},
{
id: "3",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/content-mature-woman-reading-book-tablet_1262-18430.jpg",
},
id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/content-mature-woman-reading-book-tablet_1262-18430.jpg"},
{
id: "4",
name: "Emily Chen",
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-by-skyscraper-talking-phone_1303-10306.jpg",
},
id: "4", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-by-skyscraper-talking-phone_1303-10306.jpg"},
{
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",
},
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"},
]}
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",
items: [
title: "Platform", items: [
{
label: "Search",
href: "#features",
},
label: "Search", href: "#features"},
{
label: "Booking",
href: "#pricing",
},
label: "Booking", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
],
},
]}