Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-20 21:31:14 +00:00

View File

@@ -15,369 +15,159 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Vail Auto"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Vail Auto"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Expert Care for Your Vehicle"
description="Premium auto repair and maintenance services in Vail. From engine diagnostics to full tire replacements, we keep your car running like new."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg",
imageAlt: "Mechanic workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg",
imageAlt: "Mechanic workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg",
imageAlt: "Mechanic workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg",
imageAlt: "Mechanic workspace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg",
imageAlt: "Mechanic workspace",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-uses-mockup-tablet-while-changing-old-car-brake-fluid-with-new-one-repair-shop-bipoc-woman-holding-isolated-screen-device-garage-while-doing-vehicle-checkup_482257-70543.jpg",
imageAlt: "Garage scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg",
imageAlt: "Garage scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg",
imageAlt: "Garage scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg",
imageAlt: "Garage scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre-lung-wrench_1170-1587.jpg",
imageAlt: "Garage scene",
},
]}
buttons={[
{
text: "Book Service",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/car-mechanic-green-screen-tablet_482257-81478.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg",
alt: "Customer profile 5",
},
]}
avatarText="Trusted by 25,000+ local drivers"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg",
alt: "Service brand logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blurred-car-repair-shop_23-2147897920.jpg",
alt: "Service brand logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg",
alt: "Service brand logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
alt: "Service brand logo",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
alt: "Service brand logo",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Expert Care for Your Vehicle"
description="Premium auto repair and maintenance services in Vail. From engine diagnostics to full tire replacements, we keep your car running like new."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg", imageAlt: "Mechanic workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg", imageAlt: "Mechanic workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg", imageAlt: "Mechanic workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg", imageAlt: "Mechanic workspace" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Mechanic workspace" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-uses-mockup-tablet-while-changing-old-car-brake-fluid-with-new-one-repair-shop-bipoc-woman-holding-isolated-screen-device-garage-while-doing-vehicle-checkup_482257-70543.jpg", imageAlt: "Garage scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg", imageAlt: "Garage scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg", imageAlt: "Garage scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg", imageAlt: "Garage scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre-lung-wrench_1170-1587.jpg", imageAlt: "Garage scene" },
]}
buttons={[{ text: "Book Service", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/car-mechanic-green-screen-tablet_482257-81478.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg", alt: "Customer profile 5" },
]}
avatarText="Trusted by 25,000+ local drivers"
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg", alt: "Service brand logo" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/blurred-car-repair-shop_23-2147897920.jpg", alt: "Service brand logo" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg", alt: "Service brand logo" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", alt: "Service brand logo" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg", alt: "Service brand logo" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"No Hidden Fees",
"No Unnecessary Repairs",
"No Long Wait Times",
],
}}
positiveCard={{
items: [
"Certified Technicians",
"Advanced Diagnostic Tech",
"Quality OEM Parts",
],
}}
title="Comprehensive Repair Services"
description="Full-service mechanical solutions for all vehicle makes and models."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["No Hidden Fees", "No Unnecessary Repairs", "No Long Wait Times"] }}
positiveCard={{ items: ["Certified Technicians", "Advanced Diagnostic Tech", "Quality OEM Parts"] }}
title="Comprehensive Repair Services"
description="Full-service mechanical solutions for all vehicle makes and models."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Years of Excellence"
tag="Results"
metrics={[
{
id: "m1",
value: "15+",
description: "Years in Business",
},
{
id: "m2",
value: "25k+",
description: "Cars Serviced",
},
{
id: "m3",
value: "100%",
description: "Customer Satisfaction",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Years of Excellence"
tag="Results"
metrics={[
{ id: "m1", value: "15+", description: "Years in Business" },
{ id: "m2", value: "25k+", description: "Cars Serviced" },
{ id: "m3", value: "100%", description: "Customer Satisfaction" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "John Doe",
role: "Lead Mechanic",
imageSrc: "http://img.b2bpic.net/free-photo/laughing-auto-mechanic-crossing-hands_23-2147897806.jpg",
},
{
id: "t2",
name: "Jane Smith",
role: "Diagnostics Expert",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-repairmen-workshop_23-2147897992.jpg",
},
{
id: "t3",
name: "Mike Brown",
role: "Service Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg",
},
]}
title="Meet Our Experts"
description="Our certified professionals handle every repair with precision."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{ id: "t1", name: "John Doe", role: "Lead Mechanic", imageSrc: "http://img.b2bpic.net/free-photo/laughing-auto-mechanic-crossing-hands_23-2147897806.jpg" },
{ id: "t2", name: "Jane Smith", role: "Diagnostics Expert", imageSrc: "http://img.b2bpic.net/free-photo/smiling-repairmen-workshop_23-2147897992.jpg" },
{ id: "t3", name: "Mike Brown", role: "Service Specialist", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg" },
]}
title="Meet Our Experts"
description="Our certified professionals handle every repair with precision."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
},
{
id: "2",
name: "Tom Wilson",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
},
{
id: "4",
name: "David Clark",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
},
{
id: "5",
name: "Anna Patel",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
},
]}
title="Trusted by Drivers"
description="See why our customers in Vail trust us with their automotive care."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg" },
{ id: "2", name: "Tom Wilson", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-9789.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg" },
{ id: "4", name: "David Clark", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg" },
{ id: "5", name: "Anna Patel", role: "Client", company: "Local Driver", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg" },
]}
title="Trusted by Drivers"
description="See why our customers in Vail trust us with their automotive care."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need an appointment?",
content: "Yes, we recommend booking an appointment for faster service.",
},
{
id: "q2",
title: "Do you offer oil changes?",
content: "Yes, we offer full-service oil changes.",
},
{
id: "q3",
title: "Can you handle complex repairs?",
content: "Absolutely, our diagnostics tech covers all major mechanical issues.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment for faster service." },
{ id: "q2", title: "Do you offer oil changes?", content: "Yes, we offer full-service oil changes." },
{ id: "q3", title: "Can you handle complex repairs?", content: "Absolutely, our diagnostics tech covers all major mechanical issues." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
text="Ready to get back on the road? Book your appointment today with Vail Auto Repair."
buttons={[
{
text: "Contact Us",
href: "tel:1234567890",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "plain" }}
text="Ready to get back on the road? Book your appointment today with Vail Auto Repair."
buttons={[{ text: "Contact Us", href: "tel:1234567890" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Oil Change",
href: "#",
},
{
label: "Tire Service",
href: "#",
},
{
label: "Diagnostics",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Meet the Team",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Vail Auto Repair"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Vail Auto Repair"
columns={[
{ title: "Services", items: [{ label: "Oil Change", href: "#" }, { label: "Tire Service", href: "#" }, { label: "Diagnostics", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Meet the Team", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);