From 7d1536d92062f10f40468d0efe53a0616b40c4eb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 13:13:38 +0000
Subject: [PATCH] Update src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 310 +++++++----------------------------------
 1 file changed, 53 insertions(+), 257 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index e914387..c6cbe42 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,272 +1,68 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesBento from '@/components/sections/features/FeaturesBento';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarCentered from '@/components/ui/NavbarCentered';
 import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
-import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import FeaturesBento from '@/components/sections/features/FeaturesBento';
 import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
+import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
 import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import { Award, Shield, Sparkles } from "lucide-react";
+import FaqSimple from '@/components/sections/faq/FaqSimple';
+import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';
+import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
 
 export default function HomePage() {
+  const navItems = [
+    { name: "Home", href: "#hero" },
+    { name: "Products", href: "#products" },
+    { name: "About", href: "#about" },
+    { name: "Contact", href: "#contact" }
+  ];
+
   return (
-    <>
-  <div id="hero" data-section="hero">
-      <HeroTiltedCards
-      tag="Luxury Botanical"
-      title="Freshness for every occasion"
-      description="Discover artisanal arrangements crafted with love and the finest seasonal blooms."
-      primaryButton={{
-        text: "Browse Collection",
-        href: "#products",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      items={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5&_wi=1",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rkabe",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0mo6g",
-        },
-      ]}
-    />
-  </div>
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarCentered 
+            logo="Bloom & Petal" 
+            navItems={navItems} 
+            ctaButton={{ text: "Shop Now", href: "#products" }}
+        />
+      </div>
 
-  <div id="about" data-section="about">
-      <AboutFeaturesSplit
-      tag="Our Story"
-      title="Crafting floral magic"
-      description="We believe in the power of flowers to bring joy and color to every single day."
-      items={[
-        {
-          icon: Sparkles,
-          title: "Fresh Daily",
-          description: "Flowers picked every morning.",
-        },
-        {
-          icon: Award,
-          title: "Expert Design",
-          description: "Award-winning floral artists.",
-        },
-        {
-          icon: Shield,
-          title: "Guaranteed Quality",
-          description: "Freshness that lasts longer.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs&_wi=1"
-    />
-  </div>
+      <div id="hero" data-section="hero">
+        <HeroTiltedCards tag="Luxury Botanical" title="Freshness for every occasion" description="Discover artisanal arrangements crafted with love and the finest seasonal blooms." primaryButton={{ text: "Browse Collection", href: "#products" }} secondaryButton={{ text: "Contact Us", href: "#contact" }} items={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rkabe" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0mo6g" }]} />
+      </div>
 
-  <div id="features" data-section="features">
-      <FeaturesBento
-      tag="Why Us"
-      title="Unmatched floral excellence"
-      description="Experience the difference of artisanal blooms."
-      features={[
-        {
-          title: "Daily Deliveries",
-          description: "Rapid local delivery.",
-          bentoComponent: "animated-bar-chart",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=be5szj",
-          imageAlt: "elegant rose bouquet red",
-        },
-        {
-          title: "Artisan Craft",
-          description: "Custom designs.",
-          bentoComponent: "media-stack",
-          items: [
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5&_wi=2",
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvzajf",
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bnsi3",
-            },
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs&_wi=2",
-          imageAlt: "elegant rose bouquet red",
-        },
-      ]}
-    />
-  </div>
+      <div id="about" data-section="about">
+        <AboutFeaturesSplit tag="Our Story" title="Crafting floral magic" description="We believe in the power of flowers to bring joy and color to every single day." items={[{ icon: "Sparkles", title: "Fresh Daily", description: "Flowers picked every morning." }, { icon: "Award", title: "Expert Design", description: "Award-winning floral artists." }, { icon: "Shield", title: "Guaranteed Quality", description: "Freshness that lasts longer." }]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pmpyqs" />
+      </div>
 
-  <div id="products" data-section="products">
-      <ProductRatingCards
-      tag="Catalog"
-      title="Our Best Sellers"
-      description="Hand-picked favorites by our community."
-      products={[
-        {
-          brand: "Bloom",
-          name: "Classic Roses",
-          price: "$55",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p9ma1h",
-        },
-        {
-          brand: "Bloom",
-          name: "Sun Kissed",
-          price: "$45",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpkyav",
-        },
-        {
-          brand: "Bloom",
-          name: "Wild Lavender",
-          price: "$35",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5fuvo",
-        },
-        {
-          brand: "Bloom",
-          name: "Lily Grace",
-          price: "$60",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5v25m9",
-        },
-        {
-          brand: "Bloom",
-          name: "Spring Tulips",
-          price: "$40",
-          rating: 5,
-          reviewCount: "72",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=38jw89",
-        },
-        {
-          brand: "Bloom",
-          name: "Royal Peony",
-          price: "$85",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vvm5as",
-        },
-      ]}
-    />
-  </div>
+      <div id="features" data-section="features">
+        <FeaturesBento tag="Why Us" title="Unmatched floral excellence" description="Experience the difference of artisanal blooms." features={[{ title: "Daily Deliveries", description: "Rapid local delivery.", bentoComponent: "animated-bar-chart" }, { title: "Artisan Craft", description: "Custom designs.", bentoComponent: "media-stack", items: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dqbdy5" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvzajf" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bnsi3" }] }]} />
+      </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingMediaCards
-      tag="Subscriptions"
-      title="Flower delivery plans"
-      description="Never run out of fresh blooms."
-      plans={[
-        {
-          tag: "Monthly",
-          price: "$49",
-          period: "/mo",
-          features: [
-            "Weekly delivery",
-            "Seasonal blooms",
-          ],
-          primaryButton: {
-            text: "Subscribe",
-            href: "#",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tczj4x",
-        },
-        {
-          tag: "Quarterly",
-          price: "$120",
-          period: "/qtr",
-          features: [
-            "Priority support",
-            "Exotic flowers",
-          ],
-          primaryButton: {
-            text: "Subscribe",
-            href: "#",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m5997b",
-        },
-      ]}
-    />
-  </div>
+      <div id="products" data-section="products">
+        <ProductRatingCards tag="Catalog" title="Our Best Sellers" description="Hand-picked favorites by our community." products={[{ brand: "Bloom", name: "Classic Roses", price: "$55", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p9ma1h" }, { brand: "Bloom", name: "Sun Kissed", price: "$45", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpkyav" }, { brand: "Bloom", name: "Wild Lavender", price: "$35", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5fuvo" }]} />
+      </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialMarqueeCards
-      tag="Happy Blooms"
-      title="Loved by our customers"
-      description="See why everyone loves our floral studio."
-      testimonials={[
-        {
-          name: "Alice M.",
-          role: "Wedding Client",
-          quote: "Absolutely stunning arrangements!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75phos",
-        },
-        {
-          name: "Bob K.",
-          role: "Anniversary",
-          quote: "My wife loved the bouquet.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1jz6q",
-        },
-        {
-          name: "Sarah T.",
-          role: "Regular Subscriber",
-          quote: "The best floral service ever.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmg5n4",
-        },
-        {
-          name: "Mike J.",
-          role: "Birthday Gift",
-          quote: "Incredible service and quality.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jydjpa",
-        },
-        {
-          name: "Jane D.",
-          role: "Event Planner",
-          quote: "Consistently fresh and beautiful.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxo4i7",
-        },
-      ]}
-    />
-  </div>
+      <div id="pricing" data-section="pricing">
+        <PricingMediaCards tag="Subscriptions" title="Flower delivery plans" description="Never run out of fresh blooms." plans={[{ tag: "Monthly", price: "$49", period: "/mo", features: ["Weekly delivery", "Seasonal blooms"], primaryButton: { text: "Subscribe", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tczj4x" }, { tag: "Quarterly", price: "$120", period: "/qtr", features: ["Priority support", "Exotic flowers"], primaryButton: { text: "Subscribe", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m5997b" }]} />
+      </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSimple
-      tag="Help"
-      title="Common Questions"
-      description="We are here to help."
-      items={[
-        {
-          question: "Delivery areas?",
-          answer: "We deliver city-wide.",
-        },
-        {
-          question: "Freshness guarantee?",
-          answer: "Yes, for 5 days.",
-        },
-        {
-          question: "Custom orders?",
-          answer: "Yes, contact our shop.",
-        },
-      ]}
-    />
-  </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialMarqueeCards tag="Happy Blooms" title="Loved by our customers" description="See why everyone loves our floral studio." testimonials={[{ name: "Alice M.", role: "Wedding Client", quote: "Absolutely stunning arrangements!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75phos" }, { name: "Bob K.", role: "Anniversary", quote: "My wife loved the bouquet.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1jz6q" }, { name: "Sarah T.", role: "Regular Subscriber", quote: "The best floral service ever.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmg5n4" }, { name: "Mike J.", role: "Birthday Gift", quote: "Incredible service and quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jydjpa" }, { name: "Jane D.", role: "Event Planner", quote: "Consistently fresh and beautiful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxo4i7" }]} />
+      </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitEmail
-      tag="Contact"
-      title="Get in touch"
-      description="Send us a message for special orders."
-      inputPlaceholder="Email address"
-      buttonText="Subscribe"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc&_wi=1"
-    />
-  </div>
-    </>
+      <div id="faq" data-section="faq">
+        <FaqSimple tag="Help" title="Common Questions" description="We are here to help." items={[{ question: "Delivery areas?", answer: "We deliver city-wide." }, { question: "Freshness guarantee?", answer: "Yes, for 5 days." }, { question: "Custom orders?", answer: "Yes, contact our shop." }]} />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitEmail tag="Contact" title="Get in touch" description="Send us a message for special orders." inputPlaceholder="Email address" buttonText="Subscribe" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc" />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimpleMedia brand="Bloom & Petal" columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }, { title: "Services", items: [{ label: "Delivery", href: "#" }, { label: "Subscriptions", href: "#" }] }]} copyright="© 2024 Bloom & Petal." links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc" />
+      </div>
+    </ThemeProvider>
   );
 }
-- 
2.49.1