6 Commits

Author SHA1 Message Date
0a059d0e1d Update src/app/page.tsx 2026-04-17 03:35:30 +00:00
f1fe492e5d Merge version_3 into main
Merge version_3 into main
2026-04-17 03:28:41 +00:00
150cfc520a Update src/app/page.tsx 2026-04-17 03:28:38 +00:00
24660ecb73 Merge version_2 into main
Merge version_2 into main
2026-04-17 03:25:48 +00:00
9fad50316a Update src/app/page.tsx 2026-04-17 03:25:45 +00:00
38c738ed25 Merge version_1 into main
Merge version_1 into main
2026-04-17 03:23:38 +00:00

View File

@@ -2,7 +2,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterCard from '@/components/sections/footer/FooterCard';
@@ -10,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Clock, DollarSign, MapPin, Phone, Search, ShieldCheck, Star, UserCheck, Zap } from "lucide-react"; import { Clock, DollarSign, MapPin, Phone, Search, ShieldCheck, Star, Zap } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,13 +29,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" }, { name: "Services", id: "#services" },
{ name: "Reviews", id: "#reviews" }, { name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }, { name: "Contact", id: "#contact" },
]} ]}
brandName="Lafayette Auto Repair" brandName="Lafayette Auto Repair"
button={{ text: "Book Now", href: "#contact" }} button={{ text: "Book Now", href: "tel:+19252849240" }}
/> />
</div> </div>
@@ -53,7 +51,7 @@ export default function LandingPage() {
{ 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: "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" } { 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" }]} buttons={[{ text: "Book Your Visit", href: "tel:+19252849240" }]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-old-wooden-door-inside-historical-building_181624-59812.jpg" imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-old-wooden-door-inside-historical-building_181624-59812.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
avatars={[ avatars={[
@@ -83,20 +81,8 @@ export default function LandingPage() {
{ id: "m2", icon: Clock, title: "Serving Community", value: "10+ Years" }, { id: "m2", icon: Clock, title: "Serving Community", value: "10+ Years" },
{ id: "m3", icon: ShieldCheck, title: "Fair Pricing", value: "Always" } { id: "m3", icon: ShieldCheck, title: "Fair Pricing", value: "Always" }
]} ]}
title="Why Lafayette?" title="Expertise you can rely on"
description="Expertise you can rely on." description="Professional automotive services you can trust."
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Meet John Ingram"
metrics={[
{ icon: Award, label: "Owner & Lead Mechanic", value: "20+ Years Exp" },
{ icon: UserCheck, label: "Philosophy", value: "Honesty First" }
]}
metricsAnimation="slide-up"
/> />
</div> </div>
@@ -161,6 +147,7 @@ export default function LandingPage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="left" mediaPosition="left"
buttonText="Call Now / Book Online" buttonText="Call Now / Book Online"
onSubmit={() => window.location.href = 'tel:+19252849240'}
imageSrc="http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg" imageSrc="http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg"
/> />
</div> </div>
@@ -171,11 +158,11 @@ export default function LandingPage() {
copyrightText="© 2025 Lafayette Auto Repair. Honest mechanic services." copyrightText="© 2025 Lafayette Auto Repair. Honest mechanic services."
socialLinks={[ socialLinks={[
{ icon: MapPin, href: "#", ariaLabel: "Location" }, { icon: MapPin, href: "#", ariaLabel: "Location" },
{ icon: Phone, href: "#", ariaLabel: "Phone" } { icon: Phone, href: "tel:+19252849240", ariaLabel: "Phone" }
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }