From 223591687cfadec601e39d3f6e0c955a55d8e565 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 16:19:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 437 +++++++++++++++--------------------------------
 1 file changed, 135 insertions(+), 302 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aa28b23..ee42679 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,317 +29,150 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Petal & Stem"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Products", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Petal & Stem"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Fresh Blooms Delivered Daily"
-      description="Exquisite floral arrangements hand-picked and crafted for your special moments."
-      tag="Since 1995"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicate-colorful-flower-white-background_23-2147847603.jpg",
-          imageAlt: "Luxury flower bouquet close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-plants-apron_23-2149008013.jpg",
-          imageAlt: "Floral designer at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bunch-fresh-yellow-purple-flowers-stems_23-2148104613.jpg",
-          imageAlt: "Bunch of fresh yellow and purple flowers on stems",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-flowers-basket-white-background_23-2148104128.jpg",
-          imageAlt: "Arrangement of flowers in basket on white background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bunch-colorful-fresh-flowers-plants_23-2148104432.jpg",
-          imageAlt: "Bunch of colorful fresh flowers and plants",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5.0 by our flower lovers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Fresh Blooms Delivered Daily"
+            description="Exquisite floral arrangements hand-picked and crafted for your special moments."
+            tag="Since 1995"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/delicate-colorful-flower-white-background_23-2147847603.jpg",                imageAlt: "Luxury flower bouquet close up"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-plants-apron_23-2149008013.jpg",                imageAlt: "Floral designer at work"}
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Rated 5.0 by our flower lovers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Crafting Nature's Beauty"
-      description="We source the finest seasonal flowers from sustainable farms to ensure lasting beauty in every petal. Our boutique approach focuses on artistry, elegance, and personal connection."
-      tag="Our Story"
-      bulletPoints={[
-        {
-          title: "Sustainable Sourcing",
-          description: "Flowers picked from ethical growers.",
-        },
-        {
-          title: "Handcrafted Artistry",
-          description: "Every arrangement is a unique masterpiece.",
-        },
-        {
-          title: "Rapid Delivery",
-          description: "Freshness guaranteed at your doorstep.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-wonderful-different-flowers-wood_141793-17130.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Crafting Nature's Beauty"
+            description="We source the finest seasonal flowers from sustainable farms to ensure lasting beauty in every petal. Our boutique approach focuses on artistry, elegance, and personal connection."
+            tag="Our Story"
+            bulletPoints={[
+              { title: "Sustainable Sourcing", description: "Flowers picked from ethical growers." },
+              { title: "Handcrafted Artistry", description: "Every arrangement is a unique masterpiece." },
+              { title: "Rapid Delivery", description: "Freshness guaranteed at your doorstep." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-wonderful-different-flowers-wood_141793-17130.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Same-Day Delivery",
-          description: "Urgent gifts, handled with care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-red-flowers-near-ribbon_23-2148021132.jpg",
-          imageAlt: "Beautiful roses bouquet",
-        },
-        {
-          title: "Personal Notes",
-          description: "Custom messages with every order.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-autumn-colour-flowers-hand-christmas-decoration-wall-backgorund_114579-1502.jpg",
-          imageAlt: "Sunflowers in glass vase",
-        },
-        {
-          title: "Seasonality Guaranteed",
-          description: "Only the freshest picks of the day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg",
-          imageAlt: "Peony bouquet luxury",
-        },
-      ]}
-      title="Why Choose Petal & Stem"
-      description="We take care of every detail to ensure your floral experience is perfect."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Same-Day Delivery", description: "Urgent gifts, handled with care.", imageSrc: "http://img.b2bpic.net/free-photo/composition-red-flowers-near-ribbon_23-2148021132.jpg", imageAlt: "Beautiful roses bouquet" },
+              { title: "Personal Notes", description: "Custom messages with every order.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-autumn-colour-flowers-hand-christmas-decoration-wall-backgorund_114579-1502.jpg", imageAlt: "Sunflowers in glass vase" },
+              { title: "Seasonality Guaranteed", description: "Only the freshest picks of the day.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg", imageAlt: "Peony bouquet luxury" },
+            ]}
+            title="Why Choose Petal & Stem"
+            description="We take care of every detail to ensure your floral experience is perfect."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Royal Roses",
-          price: "$65",
-          imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642991.jpg",
-        },
-        {
-          id: "p2",
-          name: "Sun-Kissed Joy",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg",
-        },
-        {
-          id: "p3",
-          name: "White Peony Grace",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg",
-        },
-        {
-          id: "p4",
-          name: "Spring Tulips",
-          price: "$50",
-          imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-package-flower-arrangement_23-2150274467.jpg",
-        },
-        {
-          id: "p5",
-          name: "Lavender Dream",
-          price: "$55",
-          imageSrc: "http://img.b2bpic.net/free-photo/wedding-bouquet-lies-grass_1304-5585.jpg",
-        },
-        {
-          id: "p6",
-          name: "Orchid Elegance",
-          price: "$95",
-          imageSrc: "http://img.b2bpic.net/free-photo/birthday-flowers-with-empty-note_23-2149053811.jpg",
-        },
-      ]}
-      title="Our Signature Arrangements"
-      description="Discover our collection of premium hand-tied bouquets for all occasions."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Royal Roses", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642991.jpg" },
+              { id: "p2", name: "Sun-Kissed Joy", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg" },
+              { id: "p3", name: "White Peony Grace", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg" },
+            ]}
+            title="Our Signature Arrangements"
+            description="Discover our collection of premium hand-tied bouquets for all occasions."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Flowers Delivered",
-          value: "150k+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Happy Clients",
-          value: "45k+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Sustainable Partners",
-          value: "30+",
-          icon: Leaf,
-        },
-      ]}
-      title="Celebrating Success"
-      description="Numbers behind our bloomed success."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Flowers Delivered", value: "150k+", icon: Award },
+              { id: "m2", title: "Happy Clients", value: "45k+", icon: Users },
+              { id: "m3", title: "Sustainable Partners", value: "30+", icon: Leaf },
+            ]}
+            title="Celebrating Success"
+            description="Numbers behind our bloomed success."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The arrangements I ordered were absolutely stunning and the recipient was moved to tears. Truly exceptional service!"
-      rating={5}
-      author="Sarah Miller"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/charming-young-woman-with-gentle-smile-touches-face-stands-indoor-keeps-eyes-closed-receives-bouquet-flowers-from-colleagues-honor-her-promotion-models_273609-43299.jpg",
-          alt: "Customer Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
-          alt: "Customer Mark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-yellow-flowers_273609-22032.jpg",
-          alt: "Customer Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg",
-          alt: "Customer John",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207241.jpg",
-          alt: "Customer Lisa",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The arrangements I ordered were absolutely stunning and the recipient was moved to tears. Truly exceptional service!"
+            rating={5}
+            author="Sarah Miller"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/charming-young-woman-with-gentle-smile-touches-face-stands-indoor-keeps-eyes-closed-receives-bouquet-flowers-from-colleagues-honor-her-promotion-models_273609-43299.jpg", alt: "Customer Sarah" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg", alt: "Customer Mark" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you deliver on Sundays?",
-          content: "Yes, we offer Sunday delivery upon request.",
-        },
-        {
-          id: "f2",
-          title: "Can I customize a bouquet?",
-          content: "Absolutely, our florists are happy to accommodate custom orders.",
-        },
-        {
-          id: "f3",
-          title: "How long do flowers last?",
-          content: "Depending on care, our arrangements last up to 10-14 days.",
-        },
-      ]}
-      title="Common Inquiries"
-      description="Have questions about our services?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you deliver on Sundays?", content: "Yes, we offer Sunday delivery upon request." },
+              { id: "f2", title: "Can I customize a bouquet?", content: "Absolutely, our florists are happy to accommodate custom orders." },
+            ]}
+            title="Common Inquiries"
+            description="Have questions about our services?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Reach Out"
-      title="Need a Special Arrangement?"
-      description="Contact our florist team today to plan your event or personal gift."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Reach Out"
+            title="Need a Special Arrangement?"
+            description="Contact our florist team today to plan your event or personal gift."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-round-frame-made-with-gerbera-colorful-roses-white-backdrop_23-2147847619.jpg"
-      logoText="Petal & Stem"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Delivery",
-              href: "#",
-            },
-            {
-              label: "Weddings",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Petal & Stem"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-round-frame-made-with-gerbera-colorful-roses-white-backdrop_23-2147847619.jpg"
+            logoText="Petal & Stem"
+            columns={[
+              { title: "Services", items: [{ label: "Delivery", href: "#" }, { label: "Weddings", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "FAQ", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Petal & Stem"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1