From 51440526b5f248f3d4455318ea8a4d128f1033e3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 06:29:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 283 +++++++++++++++--------------------------------
 1 file changed, 91 insertions(+), 192 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a563d1f..66ec13d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,206 +16,105 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="BEST BUYS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="BEST BUYS"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="BEST BUYS"
-      description="Opening soon. Get ready for an unparalleled shopping experience."
-      tag="Coming Soon"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=1",
-          imageAlt: "Best Buys launch",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=2",
-          imageAlt: "Best Buys product",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=3",
-          imageAlt: "Best Buys storefront",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=4",
-          imageAlt: "Best Buys collection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=5",
-          imageAlt: "Best Buys opening",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="BEST BUYS"
+            description="Opening soon. Get ready for an unparalleled shopping experience."
+            tag="Coming Soon"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys launch" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys product" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys storefront" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys collection" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys opening" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Industry Leaders"
-      description="Join thousands of satisfied customers who count on Best Buys."
-      names={[
-        "TechCorp",
-        "Retail Dynamics",
-        "Global Solutions",
-        "Modern Living",
-        "Elite Ventures",
-      ]}
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted by Industry Leaders"
+            description="Join thousands of satisfied customers who count on Best Buys."
+            names={["TechCorp", "Retail Dynamics", "Global Solutions", "Modern Living", "Elite Ventures"]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Membership Plans"
-      description="Choose the best plan to get early access to our exclusive deals."
-      plans={[
-        {
-          id: "basic",
-          tag: "Entry",
-          price: "$0",
-          period: "/month",
-          description: "Perfect for casual shoppers.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Basic Benefits",
-          features: [
-            "Early access notifications",
-            "Member-only discounts",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Popular",
-          price: "$19",
-          period: "/month",
-          description: "For the ultimate shopper.",
-          button: {
-            text: "Join Pro",
-          },
-          featuresTitle: "Pro Benefits",
-          features: [
-            "Free shipping on all items",
-            "Exclusive product previews",
-            "Priority support",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Membership Plans"
+            description="Choose the best plan to get early access to our exclusive deals."
+            plans={[
+              { id: "basic", tag: "Entry", price: "$0", period: "/month", description: "Perfect for casual shoppers.", button: { text: "Get Started" }, featuresTitle: "Basic Benefits", features: ["Early access notifications", "Member-only discounts"] },
+              { id: "pro", tag: "Popular", price: "$19", period: "/month", description: "For the ultimate shopper.", button: { text: "Join Pro" }, featuresTitle: "Pro Benefits", features: ["Free shipping on all items", "Exclusive product previews", "Priority support"] },
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Growth"
-      description="We are expanding rapidly to serve you better."
-      metrics={[
-        {
-          id: "m1",
-          value: "1M+",
-          title: "Products Ready",
-          items: [
-            "Verified quality",
-            "Daily updates",
-          ],
-        },
-        {
-          id: "m2",
-          value: "500k",
-          title: "Waitlist Members",
-          items: [
-            "Growing daily",
-            "Exclusive access",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Growth"
+            description="We are expanding rapidly to serve you better."
+            metrics={[
+              { id: "m1", value: "1M+", title: "Products Ready", items: ["Verified quality", "Daily updates"] },
+              { id: "m2", value: "500k", title: "Waitlist Members", items: ["Growing daily", "Exclusive access"] },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Stay Updated"
-      description="Sign up for our newsletter to be the first to know when we launch."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email address",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/desk-workspace-with-various-elements_23-2148043257.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Stay Updated"
+            description="Sign up for our newsletter to be the first to know when we launch."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email address", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/desk-workspace-with-various-elements_23-2148043257.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Login",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="BEST BUYS"
-      copyrightText="© 2025 | BEST BUYS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Support", items: [{ label: "Login", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+            ]}
+            logoText="BEST BUYS"
+            copyrightText="© 2025 | BEST BUYS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1