Update src/app/page.tsx

This commit is contained in:
2026-05-13 11:08:44 +00:00
parent bac1b4dc00
commit 9136353bb6

View File

@@ -28,417 +28,143 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Overview",
id: "#overview",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Legacy Auto Services"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Overview", id: "#overview" },
{ name: "Reviews", id: "#reviews" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Legacy Auto Services"
button={{ text: "Get Started" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Trusted Auto Services for Three Generations"
description="Fast, Friendly, Reliable Every Time. Experience the legacy of professional car collection."
testimonials={[
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Excellent service and very professional. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1",
},
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "3rd generation experts! Smooth transaction.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=1",
},
{
name: "Mark Wilson",
handle: "@mwilson",
testimonial: "Efficient, fast, and transparent process.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
},
{
name: "Sarah Lee",
handle: "@sarahlee",
testimonial: "Legacy of trust. Best auto service ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-grandfather-cross-arms-chest-looking-happy_176420-31784.jpg?_wi=1",
},
{
name: "David Kim",
handle: "@davidk",
testimonial: "Excellent communication and timely collection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
},
]}
buttons={[
{
text: "Schedule Your Pickup",
href: "#contact",
},
{
text: "Learn More About Us",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
alt: "Portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
alt: "Portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
alt: "Portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
alt: "Portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Portrait 5",
},
]}
avatarText="Trusted by 200+ clients"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Trusted Auto Services for Three Generations"
description="Fast, Friendly, Reliable Every Time. Experience the legacy of professional car collection."
testimonials={[
{ name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very professional. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
{ name: "Jane Smith", handle: "@janesmith", testimonial: "3rd generation experts! Smooth transaction.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg" },
{ name: "Mark Wilson", handle: "@mwilson", testimonial: "Efficient, fast, and transparent process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
{ name: "Sarah Lee", handle: "@sarahlee", testimonial: "Legacy of trust. Best auto service ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-grandfather-cross-arms-chest-looking-happy_176420-31784.jpg" },
{ name: "David Kim", handle: "@davidk", testimonial: "Excellent communication and timely collection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg" },
]}
buttons={[
{ text: "Schedule Your Pickup", href: "#contact" },
{ text: "Learn More About Us", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg"
/>
</div>
<div id="overview" data-section="overview">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fast Service",
description: "Next-day car collection and immediate processing.",
items: [
{
icon: Zap,
text: "Immediate Processing",
},
{
icon: Clock,
text: "Next-Day Collection",
},
{
icon: CheckCircle,
text: "Verified",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-turbo-logo-design_23-2150127486.jpg",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2",
imageAlt: "fast car service symbol",
},
{
title: "Trusted for Generations",
description: "A family legacy in reliable auto services since 1998.",
items: [
{
icon: Shield,
text: "Family Legacy",
},
{
icon: Award,
text: "3rd Generation",
},
{
icon: Star,
text: "Top Rated",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012895.jpg",
},
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=2",
imageAlt: "fast car service symbol",
},
{
title: "Transparent Process",
description: "Clear paperwork and instant verification for every client.",
items: [
{
icon: FileText,
text: "Clear Paperwork",
},
{
icon: ShieldCheck,
text: "Instant Verification",
},
{
icon: Lock,
text: "Secure",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-smiling-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16011.jpg",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
imageAlt: "fast car service symbol",
},
]}
title="Why Choose Legacy"
description="Excellence in service, rooted in three generations of family values."
/>
</div>
<div id="overview" data-section="overview">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Fast Service", description: "Next-day car collection and immediate processing.", items: [{ icon: Zap, text: "Immediate Processing" }, { icon: Clock, text: "Next-Day Collection" }, { icon: CheckCircle, text: "Verified" }], media: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-turbo-logo-design_23-2150127486.jpg" }, reverse: false },
{ title: "Trusted for Generations", description: "A family legacy in reliable auto services since 1998.", items: [{ icon: Shield, text: "Family Legacy" }, { icon: Award, text: "3rd Generation" }, { icon: Star, text: "Top Rated" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012895.jpg" }, reverse: true },
{ title: "Transparent Process", description: "Clear paperwork and instant verification for every client.", items: [{ icon: FileText, text: "Clear Paperwork" }, { icon: ShieldCheck, text: "Instant Verification" }, { icon: Lock, text: "Secure" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/girl-is-smiling-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16011.jpg" }, reverse: false },
]}
title="Why Choose Legacy"
description="Excellence in service, rooted in three generations of family values."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "James R.",
handle: "@jamesr",
testimonial: "Fantastic experience, handled with professionalism.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
},
{
id: "2",
name: "Linda M.",
handle: "@lindam",
testimonial: "Reliable and fast! I felt well-taken care of.",
imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-confident-good-looking-female-office-manager-lady-white-jacket-smiling-looking-determined-win-case-court_1258-58834.jpg",
},
{
id: "3",
name: "Kevin T.",
handle: "@kevint",
testimonial: "The best auto collection service in town.",
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-black-shirt-tie-posed-outdoor_627829-13301.jpg",
},
{
id: "4",
name: "Monica H.",
handle: "@monicah",
testimonial: "True family values, top notch service.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-146189.jpg",
},
{
id: "5",
name: "Alex B.",
handle: "@alexb",
testimonial: "Highly recommended for all auto needs.",
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
},
]}
title="Verified Client Stories"
description="Rated 4.8/5 from 200+ verified customers who trust our legacy."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "James R.", handle: "@jamesr", testimonial: "Fantastic experience, handled with professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
{ id: "2", name: "Linda M.", handle: "@lindam", testimonial: "Reliable and fast! I felt well-taken care of.", imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-confident-good-looking-female-office-manager-lady-white-jacket-smiling-looking-determined-win-case-court_1258-58834.jpg" },
{ id: "3", name: "Kevin T.", handle: "@kevint", testimonial: "The best auto collection service in town.", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-black-shirt-tie-posed-outdoor_627829-13301.jpg" },
{ id: "4", name: "Monica H.", handle: "@monicah", testimonial: "True family values, top notch service.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-146189.jpg" },
{ id: "5", name: "Alex B.", handle: "@alexb", testimonial: "Highly recommended for all auto needs.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
]}
title="Verified Client Stories"
description="Rated 4.8/5 from 200+ verified customers who trust our legacy."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Our Heritage"
description="Established in 1998, we have evolved through three generations, staying committed to reliability, integrity, and exceptional service standards."
bulletPoints={[
{
title: "Established 1998",
description: "Over 25 years of family-owned excellence.",
},
{
title: "2nd Generation Growth",
description: "Expanding our fleet and service capabilities.",
},
{
title: "3rd Generation Today",
description: "Modernizing legacy for a future-proof experience.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-team-work_23-2149741178.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Our Heritage"
description="Established in 1998, we have evolved through three generations, staying committed to reliability, integrity, and exceptional service standards."
bulletPoints={[
{ title: "Established 1998", description: "Over 25 years of family-owned excellence." },
{ title: "2nd Generation Growth", description: "Expanding our fleet and service capabilities." },
{ title: "3rd Generation Today", description: "Modernizing legacy for a future-proof experience." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-team-work_23-2149741178.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="process" data-section="process">
<FeatureCardTen
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Book Online",
description: "Call or book through our secure online portal.",
items: [
{
icon: Phone,
text: "Easy Booking",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-vector/travel-onboarding-app-screens-pack_23-2148395993.jpg",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=3",
imageAlt: "online booking smartphone icon",
},
{
title: "Home Pickup",
description: "We arrive directly at your doorstep for collection.",
items: [
{
icon: Truck,
text: "Doorstep Pickup",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13926.jpg",
},
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg?_wi=3",
imageAlt: "online booking smartphone icon",
},
{
title: "Payment & Paperwork",
description: "Instant payment processing and secure documentation.",
items: [
{
icon: CreditCard,
text: "Fast Payment",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-vintage-tone-retro-filter-effect-soft-focus-low-light-selective-focus_1421-640.jpg",
},
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=3",
imageAlt: "online booking smartphone icon",
},
{
title: "Eco Disposal",
description: "Sustainable recycling and eco-friendly disposal.",
items: [
{
icon: Recycle,
text: "Eco Disposal",
},
],
media: {
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737676.jpg",
},
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-grandfather-cross-arms-chest-looking-happy_176420-31784.jpg?_wi=2",
imageAlt: "online booking smartphone icon",
},
]}
title="Our Seamless Process"
description="Four simple steps to get your vehicle collected today."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTen
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Book Online", description: "Call or book through our secure online portal.", items: [{ icon: Phone, text: "Easy Booking" }], media: { imageSrc: "http://img.b2bpic.net/free-vector/travel-onboarding-app-screens-pack_23-2148395993.jpg" }, reverse: false },
{ title: "Home Pickup", description: "We arrive directly at your doorstep for collection.", items: [{ icon: Truck, text: "Doorstep Pickup" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13926.jpg" }, reverse: true },
{ title: "Payment & Paperwork", description: "Instant payment processing and secure documentation.", items: [{ icon: CreditCard, text: "Fast Payment" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-vintage-tone-retro-filter-effect-soft-focus-low-light-selective-focus_1421-640.jpg" }, reverse: false },
{ title: "Eco Disposal", description: "Sustainable recycling and eco-friendly disposal.", items: [{ icon: Recycle, text: "Eco Disposal" }], media: { imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737676.jpg" }, reverse: true },
]}
title="Our Seamless Process"
description="Four simple steps to get your vehicle collected today."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Google Business Verified",
"AAA Auto Partners",
"Eco-Recycle Bureau",
"National Auto Alliance",
"Green Standards Cert",
"Safety First Rating",
"Legacy Awards 2023",
]}
title="Trust Indicators"
description="We are proud of our partnerships and community recognition."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Google Business Verified", "AAA Auto Partners", "Eco-Recycle Bureau", "National Auto Alliance", "Green Standards Cert", "Safety First Rating", "Legacy Awards 2023"]}
title="Trust Indicators"
description="We are proud of our partnerships and community recognition."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is my car collection safe?",
content: "Yes, we prioritize security and insurance for all vehicle collections.",
},
{
id: "q2",
title: "How fast is collection?",
content: "We offer next-day pickup in most service areas.",
},
{
id: "q3",
title: "Do you recycle parts?",
content: "Our eco-friendly disposal process ensures maximum material recycling.",
},
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is my car collection safe?", content: "Yes, we prioritize security and insurance for all vehicle collections." },
{ id: "q2", title: "How fast is collection?", content: "We offer next-day pickup in most service areas." },
{ id: "q3", title: "Do you recycle parts?", content: "Our eco-friendly disposal process ensures maximum material recycling." },
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Ready to Start?"
title="Have Your Car Collected Today?"
description="Join thousands of satisfied clients. Schedule your pickup with our team of 3rd generation experts."
buttons={[
{
text: "Book a Pickup Now",
href: "#contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Start?"
title="Have Your Car Collected Today?"
description="Join thousands of satisfied clients. Schedule your pickup with our team of 3rd generation experts."
buttons={[{ text: "Book a Pickup Now", href: "#contact" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Legacy Auto"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Legacy Auto"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);