Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 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() {
   return (
@@ -30,13 +29,12 @@ 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: "Contact", id: "#contact" },
       ]}
       brandName="Lafayette Auto Repair"
-      button={{ text: "Book Now", href: "#contact" }}
+      button={{ text: "Book Now", href: "tel:+19252849240" }}
     />
   </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: "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"
       mediaAnimation="blur-reveal"
       avatars={[
@@ -83,20 +81,8 @@ export default function LandingPage() {
         { 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."
-    />
-  </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"
+      title="Expertise you can rely on"
+      description="Professional automotive services you can trust."
     />
   </div>
 
@@ -161,6 +147,7 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       mediaPosition="left"
       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"
     />
   </div>
@@ -171,11 +158,11 @@ export default function LandingPage() {
       copyrightText="© 2025 Lafayette Auto Repair. Honest mechanic services."
       socialLinks={[
         { icon: MapPin, href: "#", ariaLabel: "Location" },
-        { icon: Phone, href: "#", ariaLabel: "Phone" }
+        { icon: Phone, href: "tel:+19252849240", ariaLabel: "Phone" }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}