From f5abf7e36551d6c5a978155e7d97a2f996f068ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 15:43:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 ++++++++++-------------------------------------
 1 file changed, 37 insertions(+), 145 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e71621..06077cf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Store",
-          id: "#products",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "Store", id: "#products" },
+        { name: "About", id: "#about" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="BrickVault"
     />
@@ -46,20 +41,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Own a Piece of History"
       description="Premium retired Lego sets for the discerning collector. Carefully sourced, inspected, and waiting to complete your masterpiece."
       buttons={[
-        {
-          text: "Shop Collections",
-          href: "#products",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Shop Collections", href: "#products" },
+        { text: "Learn More", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-kid-playing-living-room_23-2149311332.jpg"
       imageAlt="Rare retired Lego set display"
@@ -71,56 +58,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Preserving the Joy of Building"
       buttons={[
-        {
-          text: "Our Quality Standards",
-          href: "#",
-        },
+        { text: "Our Quality Standards", href: "#" },
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardOne
+      animationType="blur-reveal"
       textboxLayout="split-actions"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Star Wars Millennium Falcon",
-          price: "$899.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-industries-built-structures-fueled-by-oil-generated-by-ai_188544-20394.jpg",
-        },
-        {
-          id: "2",
-          name: "Creator Expert Modular Bank",
-          price: "$450.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244331.jpg",
-        },
-        {
-          id: "3",
-          name: "Technic Porsche GT3 RS",
-          price: "$620.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-mechanism-pieces_23-2149352656.jpg",
-        },
-        {
-          id: "4",
-          name: "City Town Square Vintage",
-          price: "$280.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg",
-        },
-        {
-          id: "5",
-          name: "Lego Ideas Ship in Bottle",
-          price: "$199.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5377.jpg",
-        },
-        {
-          id: "6",
-          name: "Architecture Fallingwater",
-          price: "$350.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-his-toys-indoors_23-2148847294.jpg",
-        },
+        { id: "1", name: "Star Wars Millennium Falcon", price: "$899.99", imageSrc: "http://img.b2bpic.net/free-photo/heavy-industries-built-structures-fueled-by-oil-generated-by-ai_188544-20394.jpg" },
+        { id: "2", name: "Creator Expert Modular Bank", price: "$450.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-wallpaper_23-2150244331.jpg" },
+        { id: "3", name: "Technic Porsche GT3 RS", price: "$620.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-business-roles-with-various-mechanism-pieces_23-2149352656.jpg" },
+        { id: "4", name: "City Town Square Vintage", price: "$280.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg" },
+        { id: "5", name: "Lego Ideas Ship in Bottle", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5377.jpg" },
+        { id: "6", name: "Architecture Fallingwater", price: "$350.00", imageSrc: "http://img.b2bpic.net/free-photo/boy-playing-with-his-toys-indoors_23-2148847294.jpg" },
       ]}
       title="Featured Retired Sets"
       description="Explore our curated vault of iconic sets that are no longer available on store shelves."
@@ -129,30 +84,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1.2k+",
-          title: "Sets Delivered",
-          description: "Happy collectors served globally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248505.jpg",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Pristine Grade",
-          description: "Guaranteed quality and condition.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128050.jpg",
-        },
-        {
-          id: "m3",
-          value: "450+",
-          title: "Unique Models",
-          description: "Rare finds updated weekly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-tram_23-2148996479.jpg",
-        },
+        { id: "m1", value: "1.2k+", title: "Sets Delivered", description: "Happy collectors served globally.", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248505.jpg" },
+        { id: "m2", value: "98%", title: "Pristine Grade", description: "Guaranteed quality and condition.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128050.jpg" },
+        { id: "m3", value: "450+", title: "Unique Models", description: "Rare finds updated weekly.", imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-tram_23-2148996479.jpg" },
       ]}
       title="The Collector's Standard"
       description="We don't just sell bricks; we curate legacies."
@@ -161,44 +99,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Marcus Chen",
-          handle: "@brickmaster",
-          testimonial: "Finally found the modular building I needed to finish my city!",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-sad-expression_1194-3601.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Jenkins",
-          handle: "@legofanatic",
-          testimonial: "Pristine box and pieces. Super fast shipping too.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5455.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alex Rivet",
-          handle: "@technicguy",
-          testimonial: "The selection of retired Technic sets is truly unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-orange-t-shirt-with-hat-warm-scarf-around-neck-feeling-terrible-holding-pills-suffering-from-virus-angry-crazy-mad-clenching-fists_141793-107820.jpg",
-        },
-        {
-          id: "t4",
-          name: "Jamie Low",
-          handle: "@citybuilder",
-          testimonial: "Reliable, professional, and everything arrived safe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-with-cup-coffee-happily-looking-camera-opening-little-red-box-modern-cozy-home_574295-3906.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena V.",
-          handle: "@archilover",
-          testimonial: "Found my childhood favorite architecture set, so happy!",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-looking-old-items_23-2150082930.jpg",
-        },
+        { id: "t1", name: "Marcus Chen", handle: "@brickmaster", testimonial: "Finally found the modular building I needed to finish my city!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-sad-expression_1194-3601.jpg" },
+        { id: "t2", name: "Sarah Jenkins", handle: "@legofanatic", testimonial: "Pristine box and pieces. Super fast shipping too.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5455.jpg" },
+        { id: "t3", name: "Alex Rivet", handle: "@technicguy", testimonial: "The selection of retired Technic sets is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-orange-t-shirt-with-hat-warm-scarf-around-neck-feeling-terrible-holding-pills-suffering-from-virus-angry-crazy-mad-clenching-fists_141793-107820.jpg" },
+        { id: "t4", name: "Jamie Low", handle: "@citybuilder", testimonial: "Reliable, professional, and everything arrived safe.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-with-cup-coffee-happily-looking-camera-opening-little-red-box-modern-cozy-home_574295-3906.jpg" },
+        { id: "t5", name: "Elena V.", handle: "@archilover", testimonial: "Found my childhood favorite architecture set, so happy!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-looking-old-items_23-2150082930.jpg" },
       ]}
       title="Collectors Trust Us"
       description="Hear from our community of builders and enthusiasts."
@@ -209,21 +118,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Are all sets original?",
-          content: "Yes, we guarantee that all listed products are authentic, original Lego sets.",
-        },
-        {
-          id: "f2",
-          title: "Do you ship globally?",
-          content: "We ship to over 50 countries worldwide with secure packaging.",
-        },
-        {
-          id: "f3",
-          title: "How is the quality graded?",
-          content: "Every set is inspected and categorized based on box and brick condition.",
-        },
+        { id: "f1", title: "Are all sets original?", content: "Yes, we guarantee that all listed products are authentic, original Lego sets." },
+        { id: "f2", title: "Do you ship globally?", content: "We ship to over 50 countries worldwide with secure packaging." },
+        { id: "f3", title: "How is the quality graded?", content: "Every set is inspected and categorized based on box and brick condition." },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="blur-reveal"
@@ -233,17 +130,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Get in touch"
       title="Need a specific retired set?"
       description="Send us a request and our sourcing team will hunt for your missing piece."
       buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
+        { text: "Contact Support", href: "#" },
       ]}
     />
   </div>
-- 
2.49.1