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,7 +29,6 @@ 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" },
@@ -88,18 +86,6 @@ export default function LandingPage() {
     />
   </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 id="services" data-section="services">
       <FeatureCardTwentyFour
       animationType="slide-up"