Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Zap, Droplets, Thermometer, Shield } from "lucide-react";
+import { Zap, Droplets, Thermometer, Shield, CheckCircle, Clock, Award, Star } from "lucide-react";
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -94,9 +94,20 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      heading={[{ type: "text", content: "About Our Team" }]}
+      <SplitAbout
+      title="Committed to Excellence"
+      description="With over 20 years of experience, our team of licensed professionals is dedicated to solving your plumbing needs quickly and effectively. We stand behind our work with a 100% satisfaction guarantee."
+      tag="Our Promise"
+      tagIcon={Award}
+      textboxLayout="default"
       useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/plumber-checking-pipes-house_23-2148810793.jpg"
+      imagePosition="right"
+      bulletPoints={[
+          { title: "Certified Technicians", description: "All our staff are fully licensed and insured.", icon: CheckCircle },
+          { title: "Rapid Response", description: "Same-day service for all your plumbing emergencies.", icon: Clock },
+          { title: "Transparent Pricing", description: "Upfront, honest estimates with no hidden fees.", icon: Star }
+      ]}
     />
   </div>
 
@@ -113,4 +124,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}