From 53be8a95d4e6435b80d388517ad50d00911d11b8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 8 Jun 2026 13:08:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 307 ++++++++++-------------------------------------
 1 file changed, 66 insertions(+), 241 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 99eddca..94bc3f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Collections",
-          id: "#collections",
-        },
+          name: "Collections",          id: "#collections"},
         {
-          name: "Craftsmanship",
-          id: "#craftsmanship",
-        },
+          name: "Craftsmanship",          id: "#craftsmanship"},
         {
-          name: "Legacy",
-          id: "#legacy",
-        },
+          name: "Legacy",          id: "#legacy"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Chrome Hearts"
     />
@@ -60,23 +50,18 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       logoText="CHROME HEARTS"
       description="Unleash your spirit. Define your legacy. Master-crafted luxury that defies convention."
       buttons={[
         {
-          text: "Explore Collections",
-          href: "#collections",
-        },
+          text: "Explore Collections",          href: "#collections"},
         {
-          text: "Bespoke Creations",
-          href: "#contact",
-        },
+          text: "Bespoke Creations",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15192.jpg"
       imageAlt="Luxurious dark leather background with subtle branding"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -85,14 +70,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "VOGUE",
-        "GQ",
-        "HYPEBEAST",
-        "ROLLING STONE",
-        "FASHION WEEK",
-        "LUXURY DAILY",
-        "HIGH SNOBIETY",
-      ]}
+        "VOGUE",        "GQ",        "HYPEBEAST",        "ROLLING STONE",        "FASHION WEEK",        "LUXURY DAILY",        "HIGH SNOBIETY"]}
       title="A Legacy of Influence."
       description="Trusted by icons, coveted by collectors. Our creations transcend fashion, becoming statements of identity."
     />
@@ -104,9 +82,7 @@ export default function LandingPage() {
       title="In a world of fleeting trends, find your permanent mark. \\n\\nWe craft legends, not accessories."
       buttons={[
         {
-          text: "Our Philosophy",
-          href: "#legacy",
-        },
+          text: "Our Philosophy",          href: "#legacy"},
       ]}
     />
   </div>
@@ -117,23 +93,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Artisanal Mastery",
-          description: "Hand-forged sterling silver, custom leathers, and precious stones, shaped by the hands of master craftsmen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg",
-          imageAlt: "Intricate silver jewelry being handcrafted",
-        },
+          title: "Artisanal Mastery",          description: "Hand-forged sterling silver, custom leathers, and precious stones, shaped by the hands of master craftsmen.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg",          imageAlt: "Intricate silver jewelry being handcrafted"},
         {
-          title: "Iconic Design Language",
-          description: "Bold cross motifs, gothic influences, and rock & roll aesthetics define our instantly recognizable, defiant style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg",
-          imageAlt: "High-fashion leather goods with iconic branding",
-        },
+          title: "Iconic Design Language",          description: "Bold cross motifs, gothic influences, and rock & roll aesthetics define our instantly recognizable, defiant style.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg",          imageAlt: "High-fashion leather goods with iconic branding"},
         {
-          title: "Legacy & Exclusivity",
-          description: "Each creation is more than an item; it's an heirloom, a rare piece designed for the discerning collector.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-skull_23-2149872236.jpg",
-          imageAlt: "Sculptural silver bracelet, a unique piece of art",
-        },
+          title: "Legacy & Exclusivity",          description: "Each creation is more than an item; it's an heirloom, a rare piece designed for the discerning collector.",          imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-skull_23-2149872236.jpg",          imageAlt: "Sculptural silver bracelet, a unique piece of art"},
       ]}
       title="Unparalleled Craftsmanship. Exclusive Design."
       description="Every Chrome Hearts piece is a testament to meticulous artistry and an uncompromising vision. Discover the hallmarks of true luxury."
@@ -144,31 +108,14 @@ export default function LandingPage() {
       <MetricCardEleven
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       metrics={[
         {
-          id: "process-1",
-          value: "01",
-          title: "Vision & Consultation",
-          description: "Share your desires with our specialists to envision a piece that embodies your unique style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096487.jpg",
-          imageAlt: "Artisan crafting metal with detailed tools",
-        },
+          id: "process-1",          value: "01",          title: "Vision & Consultation",          description: "Share your desires with our specialists to envision a piece that embodies your unique style.",          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096487.jpg",          imageAlt: "Artisan crafting metal with detailed tools"},
         {
-          id: "process-2",
-          value: "02",
-          title: "Masterful Creation",
-          description: "Our artisans meticulously handcraft your item, infusing it with unparalleled detail and spirit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg",
-          imageAlt: "Luxury boutique interior with exclusive jewelry display",
-        },
+          id: "process-2",          value: "02",          title: "Masterful Creation",          description: "Our artisans meticulously handcraft your item, infusing it with unparalleled detail and spirit.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg",          imageAlt: "Luxury boutique interior with exclusive jewelry display"},
         {
-          id: "process-3",
-          value: "03",
-          title: "Acquisition & Legacy",
-          description: "Receive your bespoke creation, a tangible extension of your identity, ready to leave its mark.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg",
-          imageAlt: "Stylized product photography of a luxury item presentation",
-        },
+          id: "process-3",          value: "03",          title: "Acquisition & Legacy",          description: "Receive your bespoke creation, a tangible extension of your identity, ready to leave its mark.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg",          imageAlt: "Stylized product photography of a luxury item presentation"},
       ]}
       title="Your Journey to a Statement Piece."
       description="From concept to creation, experience the bespoke process of acquiring a Chrome Hearts masterpiece."
@@ -180,49 +127,20 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       products={[
         {
-          id: "product-1",
-          name: "Cross Pave Ring",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
-          imageAlt: "Iconic Chrome Hearts cross pave ring",
-        },
+          id: "product-1",          name: "Cross Pave Ring",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",          imageAlt: "Iconic Chrome Hearts cross pave ring"},
         {
-          id: "product-2",
-          name: "Leather Rider Jacket",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-female-wearing-denim-outfit-posing-motorcycle-with-her-partner_181624-50387.jpg",
-          imageAlt: "Luxury Chrome Hearts leather rider jacket",
-        },
+          id: "product-2",          name: "Leather Rider Jacket",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-female-wearing-denim-outfit-posing-motorcycle-with-her-partner_181624-50387.jpg",          imageAlt: "Luxury Chrome Hearts leather rider jacket"},
         {
-          id: "product-3",
-          name: "Dagger Pendant Necklace",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576825.jpg",
-          imageAlt: "Silver dagger pendant necklace",
-        },
+          id: "product-3",          name: "Dagger Pendant Necklace",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576825.jpg",          imageAlt: "Silver dagger pendant necklace"},
         {
-          id: "product-4",
-          name: "Aviator Sunglasses",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-retrofuturism-portrait_23-2151940209.jpg",
-          imageAlt: "Luxury Chrome Hearts aviator sunglasses",
-        },
+          id: "product-4",          name: "Aviator Sunglasses",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-retrofuturism-portrait_23-2151940209.jpg",          imageAlt: "Luxury Chrome Hearts aviator sunglasses"},
         {
-          id: "product-5",
-          name: "Silver Link Bracelet",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",
-          imageAlt: "Intricate silver link bracelet",
-        },
+          id: "product-5",          name: "Silver Link Bracelet",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",          imageAlt: "Intricate silver link bracelet"},
         {
-          id: "product-6",
-          name: "Floral Cross Belt Buckle",
-          price: "Price on Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-pasta-beans-dark-table_23-2148340411.jpg",
-          imageAlt: "Ornate floral cross belt buckle",
-        },
+          id: "product-6",          name: "Floral Cross Belt Buckle",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-pasta-beans-dark-table_23-2148340411.jpg",          imageAlt: "Ornate floral cross belt buckle"},
       ]}
       title="Iconic Collections. Limitless Expression."
       description="Explore our curated selections of jewelry, apparel, and accessories – each a testament to our enduring legacy."
@@ -233,40 +151,21 @@ export default function LandingPage() {
       <BlogCardOne
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       title="Stories Forged in Silver & Soul."
       description="Delve into the narrative behind the legends. Our editorial unveils the artistry, heritage, and rebellion defining Chrome Hearts."
       blogs={[
         {
-          id: "blog-1",
-          category: "Heritage",
-          title: "The Unwritten History of Chrome Hearts",
-          excerpt: "Discover the rebellious origins and cultural impact that forged our iconic aesthetic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-kaleidoscope-magnetic-metallic-shaving-backdrop_23-2148263553.jpg",
-          imageAlt: "Archival image showcasing Chrome Hearts' history",
+          id: "blog-1",          category: "Heritage",          title: "The Unwritten History of Chrome Hearts",          excerpt: "Discover the rebellious origins and cultural impact that forged our iconic aesthetic.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-kaleidoscope-magnetic-metallic-shaving-backdrop_23-2148263553.jpg",          imageAlt: "Archival image showcasing Chrome Hearts' history",          authorName: "Richard Stark",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9525.jpg",          date: "October 26, 2024"
         },
         {
-          id: "blog-2",
-          category: "Artistry",
-          title: "Alchemy of Materials: Silver, Leather, & Beyond",
-          excerpt: "A deep dive into the master craftsmanship behind every meticulously detailed piece.",
-          imageSrc: "http://img.b2bpic.net/free-photo/variety-items-father-s-day_23-2147683507.jpg",
-          imageAlt: "Exclusive collection showcased in an avant-garde fashion editorial",
+          id: "blog-2",          category: "Artistry",          title: "Alchemy of Materials: Silver, Leather, & Beyond",          excerpt: "A deep dive into the master craftsmanship behind every meticulously detailed piece.",          imageSrc: "http://img.b2bpic.net/free-photo/variety-items-father-s-day_23-2147683507.jpg",          imageAlt: "Exclusive collection showcased in an avant-garde fashion editorial",          authorName: "Laurie Lynn Stark",          authorAvatar: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg",          date: "September 15, 2024"
         },
         {
-          id: "blog-3",
-          category: "Culture",
-          title: "Beyond Fashion: Chrome Hearts as a Lifestyle",
-          excerpt: "Explore how our creations transcend trends to become statements of personal identity and freedom.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-holding-tools_23-2150164927.jpg",
-          imageAlt: "Master silversmith working on a detailed piece of jewelry",
+          id: "blog-3",          category: "Culture",          title: "Beyond Fashion: Chrome Hearts as a Lifestyle",          excerpt: "Explore how our creations transcend trends to become statements of personal identity and freedom.",          imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-holding-tools_23-2150164927.jpg",          imageAlt: "Master silversmith working on a detailed piece of jewelry",          authorName: "Jesse Jo Stark",          authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-white-woman-with-beautiful-smile-making-selfie-confident-pose_197531-7163.jpg",          date: "August 10, 2024"
         },
         {
-          id: "blog-4",
-          category: "Vision",
-          title: "The Daring Visionaries Behind the Empire",
-          excerpt: "Meet the minds and hands that continue to push boundaries and define luxury's edge.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg",
-          imageAlt: "Rockstar-style fashion shoot featuring luxury apparel",
+          id: "blog-4",          category: "Vision",          title: "The Daring Visionaries Behind the Empire",          excerpt: "Meet the minds and hands that continue to push boundaries and define luxury's edge.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg",          imageAlt: "Rockstar-style fashion shoot featuring luxury apparel",          authorName: "Frank & Lana",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg",          date: "July 22, 2024"
         },
       ]}
     />
@@ -276,66 +175,31 @@ export default function LandingPage() {
       <TestimonialCardSixteen
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="depth-3d"
       testimonials={[
         {
-          id: "t-1",
-          name: "Jared K.",
-          role: "Creative Director",
-          company: "Avant-Garde Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg",
-          imageAlt: "Portrait of Jared K., Creative Director",
-        },
+          id: "t-1",          name: "Jared K.",          role: "Creative Director",          company: "Avant-Garde Studio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg",          imageAlt: "Portrait of Jared K., Creative Director"},
         {
-          id: "t-2",
-          name: "Sophia L.",
-          role: "Collector",
-          company: "Private Art Collection",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
-          imageAlt: "Portrait of Sophia L., Art Collector",
-        },
+          id: "t-2",          name: "Sophia L.",          role: "Collector",          company: "Private Art Collection",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",          imageAlt: "Portrait of Sophia L., Art Collector"},
         {
-          id: "t-3",
-          name: "Marcus R.",
-          role: "Musician",
-          company: "Defiant Sounds",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg",
-          imageAlt: "Portrait of Marcus R., Musician",
-        },
+          id: "t-3",          name: "Marcus R.",          role: "Musician",          company: "Defiant Sounds",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg",          imageAlt: "Portrait of Marcus R., Musician"},
         {
-          id: "t-4",
-          name: "Elena V.",
-          role: "Fashion Icon",
-          company: "Global Influencer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3502.jpg",
-          imageAlt: "Portrait of Elena V., Fashion Icon",
-        },
+          id: "t-4",          name: "Elena V.",          role: "Fashion Icon",          company: "Global Influencer",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3502.jpg",          imageAlt: "Portrait of Elena V., Fashion Icon"},
         {
-          id: "t-5",
-          name: "David C.",
-          role: "Entrepreneur",
-          company: "Luxury Tech Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg",
-          imageAlt: "Portrait of David C., Entrepreneur",
-        },
+          id: "t-5",          name: "David C.",          role: "Entrepreneur",          company: "Luxury Tech Ventures",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg",          imageAlt: "Portrait of David C., Entrepreneur"},
       ]}
       kpiItems={[
         {
-          value: "200+",
-          label: "Years of Combined Craftsmanship",
-        },
+          value: "200+",          label: "Years of Combined Craftsmanship"},
         {
-          value: "1M+",
-          label: "Iconic Pieces Created",
-        },
+          value: "1M+",          label: "Iconic Pieces Created"},
         {
-          value: "50+",
-          label: "Global Boutique Locations",
-        },
+          value: "50+",          label: "Global Boutique Locations"},
       ]}
       title="Voices of the Visionaries. \\nOur Clients Define Legacy."
       description="Hear directly from those who embody the Chrome Hearts spirit. Their experiences, their statements, their style."
@@ -346,20 +210,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Exclusive Access"
       title="Claim Your Statement Piece."
       description="Connect with our specialists for bespoke commissions, private viewings, or inquiries into our latest collections. Your next legacy awaits."
       buttons={[
         {
-          text: "Inquire Now",
-          href: "#",
-        },
+          text: "Inquire Now",          href: "#"},
         {
-          text: "Visit a Boutique",
-          href: "#",
-        },
+          text: "Visit a Boutique",          href: "#"},
       ]}
     />
   </div>
@@ -368,83 +227,49 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Collections",
-          items: [
+          title: "Collections",          items: [
             {
-              label: "Jewelry",
-              href: "#collections",
-            },
+              label: "Jewelry",              href: "#collections"},
             {
-              label: "Apparel",
-              href: "#collections",
-            },
+              label: "Apparel",              href: "#collections"},
             {
-              label: "Accessories",
-              href: "#collections",
-            },
+              label: "Accessories",              href: "#collections"},
             {
-              label: "Home Goods",
-              href: "#collections",
-            },
+              label: "Home Goods",              href: "#collections"},
           ],
         },
         {
-          title: "Brand",
-          items: [
+          title: "Brand",          items: [
             {
-              label: "Our Legacy",
-              href: "#craftsmanship",
-            },
+              label: "Our Legacy",              href: "#craftsmanship"},
             {
-              label: "Craftsmanship",
-              href: "#craftsmanship",
-            },
+              label: "Craftsmanship",              href: "#craftsmanship"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Boutiques",
-              href: "#contact",
-            },
+              label: "Boutiques",              href: "#contact"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Client Services",
-              href: "#",
-            },
+              label: "Client Services",              href: "#"},
             {
-              label: "FAQs",
-              href: "#",
-            },
+              label: "FAQs",              href: "#"},
             {
-              label: "Shipping & Returns",
-              href: "#",
-            },
+              label: "Shipping & Returns",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Cookie Policy",
-              href: "#",
-            },
+              label: "Cookie Policy",              href: "#"},
           ],
         },
       ]}