Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -57,28 +57,19 @@ export default function CoffeeShopPage() {
       </div>
 
       <div id="about" data-section="about">
-        <SplitAbout
+        <MetricSplitMediaAbout
           title="About Brew Haven"
           description="We are passionate about delivering the finest specialty coffee experience. Our mission is to source the best beans from around the world and craft them into extraordinary beverages."
           tag="Our Story"
           tagIcon={Coffee}
-          bulletPoints={[
-            {
-              title: "Ethically Sourced",              description: "Direct relationships with coffee farmers ensuring fair trade and premium quality beans",              icon: Leaf
-            },
-            {
-              title: "Expert Roasting",              description: "Small-batch roasting process that brings out the unique flavors and characteristics of each origin",              icon: Flame
-            },
-            {
-              title: "Skilled Baristas",              description: "Certified professionals dedicated to perfecting every espresso shot and beverage",              icon: Users
-            }
+          metrics={[
+            { value: "25+", title: "Origins Worldwide" },
+            { value: "100%", title: "Ethically Sourced" }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg?_wi=1"
           imageAlt="Premium coffee beans"
           mediaAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
-          imagePosition="right"
         />
       </div>
 
@@ -217,4 +208,4 @@ export default function CoffeeShopPage() {
       </div>
     </ThemeProvider>
   );
-}
+}