From 2b25044b65d3e54ebcf48cc895616fa5e6309417 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 02:14:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 251 +++++++++--------------------------------------
 1 file changed, 45 insertions(+), 206 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6785828..3cbfceb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Shipping",
-          id: "shipping",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Products", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Shipping", id: "shipping" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Divine Belle"
     />
@@ -57,30 +42,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Luxury Hair That Speaks for You"
       description="Premium human hair. Soft, full, and built to last."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Shop Now", href: "#products" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=1",
-          imageAlt: "Model with long silky hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg",
-          imageAlt: "Model with long silky hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-turned-off-camera-watching-down_633478-1829.jpg",
-          imageAlt: "Model with long silky hair",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg", imageAlt: "Model with long silky hair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg", imageAlt: "Model with long silky hair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/spanish-woman-turned-off-camera-watching-down_633478-1829.jpg", imageAlt: "Model with long silky hair" }
       ]}
       mediaAnimation="slide-up"
     />
@@ -92,40 +61,15 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Brazilian Body Wave Bundle",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940856.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Straight Hair Bundle",
-          price: "$95",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blonde-wavy-hair-texture_23-2151983863.jpg",
-        },
-        {
-          id: "3",
-          name: "Water Wave Bundle",
-          price: "$105",
-          imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-wrapped-pink-hair_23-2152001442.jpg",
-        },
-        {
-          id: "4",
-          name: "Deep Wave Bundle",
-          price: "$115",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-with-curve-hair-outdoor-portrait_624325-2770.jpg",
-        },
-        {
-          id: "5",
-          name: "Blonde Frontal",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg",
-        },
-      ]}
       title="Featured Collections"
       description="Experience luxury with our hand-selected premium bundles."
+      products={[
+        { id: "1", name: "Brazilian Body Wave Bundle", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940856.jpg" },
+        { id: "2", name: "Straight Hair Bundle", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blonde-wavy-hair-texture_23-2151983863.jpg" },
+        { id: "3", name: "Water Wave Bundle", price: "$105", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-wrapped-pink-hair_23-2152001442.jpg" },
+        { id: "4", name: "Deep Wave Bundle", price: "$115", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-with-curve-hair-outdoor-portrait_624325-2770.jpg" },
+        { id: "5", name: "Blonde Frontal", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg" }
+      ]}
     />
   </div>
 
@@ -145,31 +89,11 @@ export default function LandingPage() {
       title="Delivery & Logistics"
       tag="Reliable Service"
       metrics={[
-        {
-          id: "1",
-          value: "2-3",
-          description: "Day U.S. Delivery",
-        },
-        {
-          id: "2",
-          value: "1-2",
-          description: "Day Processing",
-        },
-        {
-          id: "3",
-          value: "Miami",
-          description: "Pickup Available",
-        },
-        {
-          id: "4",
-          value: "Tracked",
-          description: "Secure Shipping",
-        },
-        {
-          id: "5",
-          value: "Global",
-          description: "Worldwide Rates",
-        },
+        { id: "1", value: "2-3", description: "Day U.S. Delivery" },
+        { id: "2", value: "1-2", description: "Day Processing" },
+        { id: "3", value: "Miami", description: "Pickup Available" },
+        { id: "4", value: "Tracked", description: "Secure Shipping" },
+        { id: "5", value: "Global", description: "Worldwide Rates" }
       ]}
       metricsAnimation="slide-up"
     />
@@ -178,36 +102,16 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
-        {
-          id: "2",
-          name: "Mia K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg",
-        },
-        {
-          id: "3",
-          name: "Chloe B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-model-with-long-blond-hair-aturned-camera-portrait-violet-pinc-tones_633478-427.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg",
-        },
-        {
-          id: "5",
-          name: "Jordan P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021824.jpg",
-        },
-      ]}
       cardTitle="Client Reviews"
       cardTag="Luxury Quality"
       cardAnimation="slide-up"
+      testimonials={[
+        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
+        { id: "2", name: "Mia K.", imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg" },
+        { id: "3", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/spanish-model-with-long-blond-hair-aturned-camera-portrait-violet-pinc-tones_633478-427.jpg" },
+        { id: "4", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg" },
+        { id: "5", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021824.jpg" }
+      ]}
     />
   </div>
 
@@ -217,57 +121,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       title="Hair Care Insights"
+      description="Our expert guides to keep your hair looking flawless."
       blogs={[
         {
-          id: "1",
-          category: "Tips",
-          title: "Maintain Your Shine",
-          excerpt: "Keep your luxury hair tangle-free.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-person-taking-care-their-afro-hair_52683-90504.jpg",
-          authorName: "Divine Belle",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-cheeky-redhead-girl-playing-with-hair-strand-winking-smiling-camera-standing_1258-146519.jpg",
-          date: "Oct 24",
-        },
+          id: "1",          category: "Tips",          title: "Maintain Your Shine",          excerpt: "Keep your luxury hair tangle-free.",          imageSrc: "http://img.b2bpic.net/free-photo/black-person-taking-care-their-afro-hair_52683-90504.jpg",          authorName: "Divine Belle",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-cheeky-redhead-girl-playing-with-hair-strand-winking-smiling-camera-standing_1258-146519.jpg",          date: "Oct 24"},
         {
-          id: "2",
-          category: "Guides",
-          title: "Washing Tips",
-          excerpt: "How to wash your bundles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg",
-          authorName: "Divine Belle",
-          authorAvatar: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg",
-          date: "Oct 20",
-        },
+          id: "2",          category: "Guides",          title: "Washing Tips",          excerpt: "How to wash your bundles.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230922.jpg",          authorName: "Divine Belle",          authorAvatar: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg",          date: "Oct 20"},
         {
-          id: "3",
-          category: "Styling",
-          title: "Curling Guide",
-          excerpt: "Hold curls for days.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66846.jpg",
-          authorName: "Divine Belle",
-          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-man-reading-book_23-2147737574.jpg",
-          date: "Oct 15",
-        },
-        {
-          id: "4",
-          category: "Maintenance",
-          title: "Storage Tips",
-          excerpt: "Preserve your bundles correctly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=2",
-          authorName: "Divine Belle",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-cheeky-redhead-girl-playing-with-hair-strand-winking-smiling-camera-standing_1258-146519.jpg",
-          date: "Oct 10",
-        },
-        {
-          id: "5",
-          category: "Styling",
-          title: "Heat Protection",
-          excerpt: "Safe styling every single time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940856.jpg?_wi=2",
-          authorName: "Divine Belle",
-          authorAvatar: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg",
-          date: "Oct 05",
-        },
+          id: "3",          category: "Styling",          title: "Curling Guide",          excerpt: "Hold curls for days.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66846.jpg",          authorName: "Divine Belle",          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-man-reading-book_23-2147737574.jpg",          date: "Oct 15"}
       ]}
     />
   </div>
@@ -275,9 +136,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in touch"
       title="Have questions? We got you."
       description="Contact us or DM us on Instagram @divinebellehair for fast responses."
@@ -289,39 +148,19 @@ export default function LandingPage() {
       logoText="Divine Belle"
       columns={[
         {
-          title: "Shop",
-          items: [
-            {
-              label: "Bundles",
-              href: "#products",
-            },
-            {
-              label: "Wigs",
-              href: "#products",
-            },
-            {
-              label: "Closures",
-              href: "#products",
-            },
-          ],
+          title: "Shop",          items: [
+            { label: "Bundles", href: "#products" },
+            { label: "Wigs", href: "#products" },
+            { label: "Closures", href: "#products" }
+          ]
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com/divinebellehair",
-            },
-          ],
-        },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Contact", href: "#contact" },
+            { label: "Instagram", href: "https://instagram.com/divinebellehair" }
+          ]
+        }
       ]}
     />
   </div>