src/app/about/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Coffee, Leaf, Flame, Users, MapPin, Instagram, Facebook, Twitter } from "lucide-react";
+import { Coffee, MapPin, Instagram, Facebook, Twitter } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -35,28 +35,19 @@ export default function AboutPage() {
       </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. Founded with a commitment to excellence and sustainability, Brew Haven has become a destination for coffee enthusiasts seeking premium quality and exceptional craftsmanship."
           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=2"
           imageAlt="Premium coffee beans"
           mediaAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
-          imagePosition="right"
         />
       </div>
 
@@ -97,4 +88,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/blog/page.tsx

@@ -80,4 +80,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1407,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -246,4 +246,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -119,4 +119,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}