From 547551f0a5aa1eed5128225807384b5838c61327 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 04:40:43 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 65b4cbc..763062a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { ThumbsUp, Truck, Users } from "lucide-react";
 
@@ -23,7 +23,7 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeLargeTitles"
         background="grid"
-        cardStyle="soft-shadow"
+        cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="solid"
         headingFontWeight="semibold"
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Shop",
-          id: "shop",
-        },
-        {
-          name: "Login",
-          id: "login",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Premium Shop", id: "shop" },
+        { name: "Login", id: "login" },
       ]}
       brandName="SubScribe"
     />
@@ -55,20 +43,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="Subscription Services Made Simple"
       description="Unlock premium benefits with our flexible subscription plans. Choose the plan that fits your lifestyle and start saving today."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-        {
-          text: "View Shop",
-          href: "#shop",
-        },
+        { text: "Get Started", href: "#pricing" },
+        { text: "View Premium Shop", href: "#shop" },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/present-near-stamps-wood_23-2147786345.jpg"
@@ -84,23 +64,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Seamless Delivery",
-          description: "Get your favorite items delivered right to your door on your schedule.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-engaging-with-ai-chatbot-pc-isolated-display_482257-118991.jpg",
-          imageAlt: "digital delivery graphic icon",
-        },
+          title: "Seamless Delivery",          description: "Get your favorite items delivered right to your door on your schedule.",          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-engaging-with-ai-chatbot-pc-isolated-display_482257-118991.jpg",          imageAlt: "digital delivery graphic icon"},
         {
-          title: "Flexible Management",
-          description: "Pause, cancel, or change your subscription preferences at any time effortlessly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-uses-virtual-assistant-via-artificial-intelligence-solutions_482257-123038.jpg",
-          imageAlt: "subscription dashboard ui design",
-        },
+          title: "Flexible Management",          description: "Pause, cancel, or change your subscription preferences at any time effortlessly.",          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-uses-virtual-assistant-via-artificial-intelligence-solutions_482257-123038.jpg",          imageAlt: "subscription dashboard ui design"},
         {
-          title: "Personalized Perks",
-          description: "Enjoy member-only rewards tailored specifically to your preferences and usage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg",
-          imageAlt: "customization options graphic",
-        },
+          title: "Personalized Perks",          description: "Enjoy member-only rewards tailored specifically to your preferences and usage.",          imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg",          imageAlt: "customization options graphic"},
       ]}
       title="Why Choose Us"
       description="We offer premium subscription experiences designed for simplicity and value."
@@ -108,69 +76,18 @@ export default function LandingPage() {
   </div>
 
   <div id="shop" data-section="shop">
-      <ProductCardTwo
+      <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split-actions"
+      gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
+      title="Our Premium Selection"
+      description="Explore our hand-picked, premium subscription boxes for a curated lifestyle experience."
       products={[
-        {
-          id: "p1",
-          brand: "Essentials",
-          name: "Daily Box",
-          price: "$19/mo",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Premium",
-          name: "Wellness Pack",
-          price: "$39/mo",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-gift-boxes-happily_114579-26741.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Lifestyle",
-          name: "Home Kit",
-          price: "$49/mo",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-holding-brown-gift-box_1262-18123.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Essentials",
-          name: "Office Box",
-          price: "$29/mo",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091296.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Premium",
-          name: "Pro Pack",
-          price: "$59/mo",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Lifestyle",
-          name: "Garden Kit",
-          price: "$39/mo",
-          rating: 4,
-          reviewCount: "75",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200300.jpg",
-        },
+        { id: "p1", name: "Daily Essentials", price: "$19", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg" },
+        { id: "p2", name: "Wellness Premium", price: "$39", variant: "Deluxe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-gift-boxes-happily_114579-26741.jpg" },
+        { id: "p3", name: "Home Living Kit", price: "$49", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-holding-brown-gift-box_1262-18123.jpg" }
       ]}
-      title="Our Subscription Collection"
-      description="Browse our curated selection of subscription products ready for your home."
     />
   </div>
 
@@ -181,55 +98,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Essential",
-          price: "$19/mo",
-          subtitle: "Perfect for individuals starting out.",
-          buttons: [
-            {
-              text: "Select Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "1 delivery per month",
-            "Standard support",
-            "Basic member perks",
-          ],
+          id: "basic",          badge: "Essential",          price: "$19/mo",          subtitle: "Perfect for individuals starting out.",          buttons: [{ text: "Select Plan", href: "#" }],
+          features: ["1 delivery per month", "Standard support", "Basic member perks"],
         },
         {
-          id: "pro",
-          badge: "Most Popular",
-          price: "$39/mo",
-          subtitle: "Best value for frequent users.",
-          buttons: [
-            {
-              text: "Select Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "2 deliveries per month",
-            "Priority support",
-            "Member-only discounts",
-          ],
+          id: "pro",          badge: "Most Popular",          price: "$39/mo",          subtitle: "Best value for frequent users.",          buttons: [{ text: "Select Plan", href: "#" }],
+          features: ["2 deliveries per month", "Priority support", "Member-only discounts"],
         },
         {
-          id: "enterprise",
-          badge: "Pro",
-          price: "$79/mo",
-          subtitle: "For power users and teams.",
-          buttons: [
-            {
-              text: "Select Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "Unlimited deliveries",
-            "24/7 dedicated support",
-            "Customized rewards",
-          ],
+          id: "enterprise",          badge: "Pro",          price: "$79/mo",          subtitle: "For power users and teams.",          buttons: [{ text: "Select Plan", href: "#" }],
+          features: ["Unlimited deliveries", "24/7 dedicated support", "Customized rewards"],
         },
       ]}
       title="Choose Your Plan"
@@ -243,46 +121,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alice Johnson",
-          handle: "@alicej",
-          testimonial: "Amazing service, fast delivery and great perks!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Smith",
-          handle: "@bobsmith",
-          testimonial: "The best value for my lifestyle. I recommend it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie Davis",
-          handle: "@charlied",
-          testimonial: "Customer support is top notch, always helpful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          id: "t4",
-          name: "Diana Prince",
-          handle: "@dianap",
-          testimonial: "I love the personalized rewards, totally worth it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-        },
-        {
-          id: "t5",
-          name: "Edward Norton",
-          handle: "@ednorton",
-          testimonial: "Perfect integration, seamless billing experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
-        },
+        { id: "t1", name: "Alice Johnson", handle: "@alicej", testimonial: "Amazing service, fast delivery and great perks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
+        { id: "t2", name: "Bob Smith", handle: "@bobsmith", testimonial: "The best value for my lifestyle. I recommend it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
       ]}
       showRating={true}
       title="Customer Reviews"
@@ -297,27 +137,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "10k+",
-          title: "Subscribers",
-          description: "Joining the family.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "50k+",
-          title: "Deliveries",
-          description: "On time, every time.",
-          icon: Truck,
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Satisfaction",
-          description: "Highly satisfied members.",
-          icon: ThumbsUp,
-        },
+        { id: "m1", value: "10k+", title: "Subscribers", description: "Joining the family.", icon: Users },
+        { id: "m2", value: "50k+", title: "Deliveries", description: "On time, every time.", icon: Truck },
+        { id: "m3", value: "99.9%", title: "Satisfaction", description: "Highly satisfied members.", icon: ThumbsUp },
       ]}
       title="Key Achievements"
       description="Our growth reflects our commitment to excellence."
@@ -329,21 +151,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Can I cancel anytime?",
-          content: "Yes, you can manage your subscription and cancel whenever you like.",
-        },
-        {
-          id: "f2",
-          title: "Is delivery included?",
-          content: "All subscription plans include free standard delivery.",
-        },
-        {
-          id: "f3",
-          title: "How do rewards work?",
-          content: "You accumulate reward points with every subscription month.",
-        },
+        { id: "f1", title: "Can I cancel anytime?", content: "Yes, you can manage your subscription and cancel whenever you like." },
+        { id: "f2", title: "Is delivery included?", content: "All subscription plans include free standard delivery." },
       ]}
       title="Frequently Asked"
       description="Got questions? We've got answers."
@@ -354,17 +163,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Support"
       title="Need Assistance?"
       description="Our support team is available 24/7 to answer your questions."
       buttons={[
-        {
-          text: "Email Us",
-          href: "mailto:support@subscribe.com",
-        },
+        { text: "Email Us", href: "mailto:support@subscribe.com" },
       ]}
       buttonAnimation="slide-up"
     />
@@ -375,45 +179,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/beige-leaf-patterned-background-design-space_53876-129675.jpg"
       logoText="SubScribe"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "FAQ", href: "#faq" }] },
       ]}
     />
   </div>