Merge version_1 into main #2
395
src/app/page.tsx
395
src/app/page.tsx
@@ -17,293 +17,130 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="NYC Yellow Taxi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NYC Yellow Taxi"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="New York's Most Reliable Taxi Service"
|
||||
description="Getting you across NYC safely, comfortably, and on time, 24/7. Trusted by thousands of New Yorkers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@james",
|
||||
testimonial: "Best taxi service in Manhattan, always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Very clean cars and professional drivers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@rob",
|
||||
testimonial: "The only way I get to the airport now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Linda K.",
|
||||
handle: "@linda",
|
||||
testimonial: "Excellent service during rainy nights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "Reliable and professional, every single ride.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-taxi-streets-new-york-city-night_23-2150820166.jpg?_wi=1"
|
||||
imageAlt="NYC Yellow Taxi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ New Yorkers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Availability",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Safety First",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Airport Transfers",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Drivers",
|
||||
icon: UserCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Flat Rates",
|
||||
icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="New York's Most Reliable Taxi Service"
|
||||
description="Getting you across NYC safely, comfortably, and on time, 24/7. Trusted by thousands of New Yorkers."
|
||||
testimonials={[
|
||||
{ name: "James L.", handle: "@james", testimonial: "Best taxi service in Manhattan, always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg" },
|
||||
{ name: "Sarah M.", handle: "@sarah", testimonial: "Very clean cars and professional drivers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg" },
|
||||
{ name: "Robert B.", handle: "@rob", testimonial: "The only way I get to the airport now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg" },
|
||||
{ name: "Linda K.", handle: "@linda", testimonial: "Excellent service during rainy nights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg" },
|
||||
{ name: "Mark D.", handle: "@mark", testimonial: "Reliable and professional, every single ride.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Learn More", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-taxi-streets-new-york-city-night_23-2150820166.jpg"
|
||||
imageAlt="NYC Yellow Taxi"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ New Yorkers"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "24/7 Availability", icon: Clock },
|
||||
{ type: "text-icon", text: "Safety First", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Airport Transfers", icon: Car },
|
||||
{ type: "text-icon", text: "Professional Drivers", icon: UserCheck },
|
||||
{ type: "text-icon", text: "Flat Rates", icon: DollarSign },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Decades of NYC Experience"
|
||||
description="We understand the pulse of New York City traffic. Our professional drivers are well-versed in navigating every street, bridge, and tunnel."
|
||||
subdescription="Our fleet is maintained to the highest standards, ensuring every ride is smooth, safe, and comfortable. Your satisfaction is our priority."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-posing-car-cabin-car-dealership_651396-1169.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Decades of NYC Experience"
|
||||
description="We understand the pulse of New York City traffic. Our professional drivers are well-versed in navigating every street, bridge, and tunnel."
|
||||
subdescription="Our fleet is maintained to the highest standards, ensuring every ride is smooth, safe, and comfortable. Your satisfaction is our priority."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-posing-car-cabin-car-dealership_651396-1169.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Speed",
|
||||
title: "On-Time Service",
|
||||
subtitle: "Always punctual",
|
||||
description: "Guaranteed arrival and timely drop-offs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fast-customer-support-technical-assistance-i_98292-1318.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Safety",
|
||||
title: "Professional Drivers",
|
||||
subtitle: "Licensed & screened",
|
||||
description: "Fully vetted and highly experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shields-stars-set-line-flat-style_78370-10772.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Access",
|
||||
title: "City-Wide Coverage",
|
||||
subtitle: "Any location",
|
||||
description: "From JFK/LGA to downtown streets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/several-hand-drawn-road-location_23-2147579542.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Premium service for all your travel needs throughout the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, tag: "Speed", title: "On-Time Service", subtitle: "Always punctual", description: "Guaranteed arrival and timely drop-offs.", imageSrc: "http://img.b2bpic.net/free-vector/fast-customer-support-technical-assistance-i_98292-1318.jpg" },
|
||||
{ id: 2, tag: "Safety", title: "Professional Drivers", subtitle: "Licensed & screened", description: "Fully vetted and highly experienced.", imageSrc: "http://img.b2bpic.net/free-vector/shields-stars-set-line-flat-style_78370-10772.jpg" },
|
||||
{ id: 3, tag: "Access", title: "City-Wide Coverage", subtitle: "Any location", description: "From JFK/LGA to downtown streets.", imageSrc: "http://img.b2bpic.net/free-vector/several-hand-drawn-road-location_23-2147579542.jpg" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Premium service for all your travel needs throughout the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Riders Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice T.", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg" },
|
||||
{ id: "2", name: "Bob V.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-hat-sunglasses-city-tour_158595-4288.jpg" },
|
||||
{ id: "3", name: "Charlie S.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg" },
|
||||
{ id: "4", name: "Diana P.", imageSrc: "http://img.b2bpic.net/free-photo/two-caucasian-female-friends-walking-together-city-while-drinking-coffee-talking_291650-1432.jpg" },
|
||||
{ id: "5", name: "Edward R.", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg" },
|
||||
]}
|
||||
cardTitle="What Riders Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Ride Today"
|
||||
description="Have questions or want to schedule a pickup? Reach out anytime."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requirements?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hong-kong-street-with-busy-traffic-skyscraper-office-dusk_649448-2826.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Ride Today"
|
||||
description="Have questions or want to schedule a pickup? Reach out anytime."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requirements?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hong-kong-street-with-busy-traffic-skyscraper-office-dusk_649448-2826.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-taxi-streets-new-york-city-night_23-2150820166.jpg?_wi=2"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
brandName="NYC Yellow Taxi"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-taxi-streets-new-york-city-night_23-2150820166.jpg"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user