Merge version_1 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -30,123 +30,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lafayette Auto Repair"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Last Honest Mechanic."
|
||||
description="Expert auto repair. Fair prices. Nothing more, nothing less."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rose R.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "The dealer told us we needed expensive work — John told us we didn't.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg",
|
||||
},
|
||||
{
|
||||
name: "Erik H.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "Real mechanics. Not just parts changers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah W.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "Fast, transparent, and saved me hundreds.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "They don't try to upsell you on things you don't need.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda P.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "Best service I have received in all my years of driving.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Rose R.", handle: "Verified Customer", testimonial: "The dealer told us we needed expensive work — John told us we didn't.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg" },
|
||||
{ name: "Erik H.", handle: "Verified Customer", testimonial: "Real mechanics. Not just parts changers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg" },
|
||||
{ name: "Sarah W.", handle: "Verified Customer", testimonial: "Fast, transparent, and saved me hundreds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" },
|
||||
{ name: "Mark D.", handle: "Verified Customer", testimonial: "They don't try to upsell you on things you don't need.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ name: "Linda P.", handle: "Verified Customer", testimonial: "Best service I have received in all my years of driving.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Visit", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-old-wooden-door-inside-historical-building_181624-59812.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Oil Change",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brake Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tire Alignment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnostics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "General Repair",
|
||||
},
|
||||
{ type: "text", text: "Oil Change" },
|
||||
{ type: "text", text: "Brake Service" },
|
||||
{ type: "text", text: "Tire Alignment" },
|
||||
{ type: "text", text: "Diagnostics" },
|
||||
{ type: "text", text: "General Repair" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,24 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Google Rating",
|
||||
value: "4.6",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Serving Community",
|
||||
value: "10+ Years",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Fair Pricing",
|
||||
value: "Always",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Google Rating", value: "4.6" },
|
||||
{ id: "m2", icon: Clock, title: "Serving Community", value: "10+ Years" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Fair Pricing", value: "Always" }
|
||||
]}
|
||||
title="Why Lafayette?"
|
||||
description="Expertise you can rely on."
|
||||
@@ -186,16 +93,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Meet John Ingram"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Owner & Lead Mechanic",
|
||||
value: "20+ Years Exp",
|
||||
},
|
||||
{
|
||||
icon: UserCheck,
|
||||
label: "Philosophy",
|
||||
value: "Honesty First",
|
||||
},
|
||||
{ icon: Award, label: "Owner & Lead Mechanic", value: "20+ Years Exp" },
|
||||
{ icon: UserCheck, label: "Philosophy", value: "Honesty First" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -207,48 +106,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Oil & Maintenance",
|
||||
author: "Pro Service",
|
||||
description: "Keep your engine running perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-connector_23-2148254107.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Brake Service",
|
||||
author: "Pro Service",
|
||||
description: "Stop safely every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Tire Service",
|
||||
author: "Pro Service",
|
||||
description: "Performance and safety assured.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Pre-Purchase Inspections",
|
||||
author: "Expert",
|
||||
description: "Know exactly what you're buying.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-doing-service-car-s-air-conditioner-unit-auto-repair-shop_637285-4281.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Wheel & Bearing Work",
|
||||
author: "Expert",
|
||||
description: "Drive smooth and noise-free.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "General Diagnostics",
|
||||
author: "Expert",
|
||||
description: "Honest answers for any issue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-flashlight-while-examining-car-auto-repair-shop_637285-12705.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Oil & Maintenance", author: "Pro Service", description: "Keep your engine running perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-connector_23-2148254107.jpg", tags: [] },
|
||||
{ id: "s2", title: "Brake Service", author: "Pro Service", description: "Stop safely every single time.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg", tags: [] },
|
||||
{ id: "s3", title: "Tire Service", author: "Pro Service", description: "Performance and safety assured.", imageSrc: "http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg", tags: [] },
|
||||
{ id: "s4", title: "Pre-Purchase Inspections", author: "Expert", description: "Know exactly what you're buying.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-doing-service-car-s-air-conditioner-unit-auto-repair-shop_637285-4281.jpg", tags: [] },
|
||||
{ id: "s5", title: "Wheel & Bearing Work", author: "Expert", description: "Drive smooth and noise-free.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg", tags: [] },
|
||||
{ id: "s6", title: "General Diagnostics", author: "Expert", description: "Honest answers for any issue.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-flashlight-while-examining-car-auto-repair-shop_637285-12705.jpg", tags: [] }
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Reliable repair for every vehicle."
|
||||
@@ -262,26 +125,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Patricia D."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",
|
||||
alt: "Reviewer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
alt: "Reviewer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-straitjacket-smiling-camera_23-2147685727.jpg",
|
||||
alt: "Reviewer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-holding-earphones-neck_651396-154.jpg",
|
||||
alt: "Reviewer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg",
|
||||
alt: "Reviewer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg", alt: "Reviewer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg", alt: "Reviewer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-straitjacket-smiling-camera_23-2147685727.jpg", alt: "Reviewer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-holding-earphones-neck_651396-154.jpg", alt: "Reviewer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-confident-senior-woman_23-2149304633.jpg", alt: "Reviewer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -294,24 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "d1",
|
||||
icon: Search,
|
||||
title: "Honest Diagnosis",
|
||||
value: "Transparent",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
icon: DollarSign,
|
||||
title: "Fair Pricing",
|
||||
value: "No Jargon",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
icon: Zap,
|
||||
title: "Fast Turnaround",
|
||||
value: "Efficiency",
|
||||
},
|
||||
{ id: "d1", icon: Search, title: "Honest Diagnosis", value: "Transparent" },
|
||||
{ id: "d2", icon: DollarSign, title: "Fair Pricing", value: "No Jargon" },
|
||||
{ id: "d3", icon: Zap, title: "Fast Turnaround", value: "Efficiency" }
|
||||
]}
|
||||
title="The Lafayette Difference"
|
||||
description="Built on trust, delivered with expertise."
|
||||
@@ -321,9 +154,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get In Touch"
|
||||
title="Stop Guessing. Start Trusting."
|
||||
description="Book an appointment or call us — we'll tell you exactly what your car needs, and nothing it doesn't."
|
||||
@@ -339,16 +170,8 @@ export default function LandingPage() {
|
||||
logoText="Lafayette Auto Repair"
|
||||
copyrightText="© 2025 Lafayette Auto Repair. Honest mechanic services."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#",
|
||||
ariaLabel: "Location",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "#",
|
||||
ariaLabel: "Phone",
|
||||
},
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Location" },
|
||||
{ icon: Phone, href: "#", ariaLabel: "Phone" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user