Merge version_5 into main

Merge version_5 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -12,7 +12,8 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import ContactText from '@/components/sections/contact/ContactText';
-import { Music, Sparkles, CalendarDays, Star, Zap, Heart, Mail, ShoppingBag } from "lucide-react";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import { Music, Sparkles, CalendarDays, Star, Zap, Heart, Mail, ShoppingBag, Info } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -95,9 +96,9 @@ export default function LandingPage() {
 
       <div id="shop" data-section="shop">
         <ProductCardThree
-          title="Merch Store"
+          title="Shop All Products"
-          description="Exclusive merchandise and collectibles. Show your support and take home a piece of Bibito's legacy."
+          description="Browse our complete collection of merchandise and exclusive items. Find everything you love in one place."
-          tag="Limited Edition"
+          tag="Complete Collection"
           tagIcon={ShoppingBag}
           products={[
             {
@@ -111,9 +112,15 @@ export default function LandingPage() {
             },
             {
               id: "4",              name: "Exclusive Poster",              price: "$19.99",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-album-cover-template_52683-124660.jpg",              imageAlt: "Exclusive Poster",              initialQuantity: 1
+            },
+            {
+              id: "5",              name: "Premium Cap",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg",              imageAlt: "Premium Cap",              initialQuantity: 1
+            },
+            {
+              id: "6",              name: "Collector's Box Set",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/mixing-engineer-pressing-sliders-control-desk-balance-tracks_482257-122057.jpg",              imageAlt: "Collector's Box Set",              initialQuantity: 1
             }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
@@ -185,13 +192,15 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <TestimonialAboutCard
+        <MetricSplitMediaAbout
           tag="About The Artist"
-          tagIcon={Star}
+          tagIcon={Info}
-          title="Bibito is a visionary music producer and artist pushing the boundaries of contemporary sound design and electronic music innovation."
+          title="Bibito: Pioneer of Modern Electronic Music"
-          description="Creative Powerhouse"
+          description="Bibito is a visionary music producer and artist pushing the boundaries of contemporary sound design and electronic music innovation. With a career spanning over a decade, Bibito has become synonymous with cutting-edge production and boundary-pushing artistic expression."
-          subdescription="Crafting music that transcends genres and inspires millions globally"
+          metrics={[
-          icon={Zap}
+            { value: "50+", title: "International Awards & Nominations" },
+            { value: "150M+", title: "Total Streams Across Platforms" }
+          ]}
           imageSrc="https://img.b2bpic.net/free-photo/vintage-dressed-rocker-playing-electric-guitar_23-2148328610.jpg"
           imageAlt="Bibito Artist Portrait"
           useInvertedBackground="noInvert"
@@ -286,4 +295,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}