Merge version_4 into main

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="aurora"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div className="min-h-screen bg-background">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Bee Job"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{
+              text: "Order Now",              href: "/products"
+            }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get In Touch"
+            title="Ready to Order Your Flowers?"
+            description="Subscribe to our newsletter for exclusive deals, new arrivals, and floral care tips delivered right to your inbox."
+            useInvertedBackground="invertDefault"
+            imageSrc="https://img.b2bpic.net/free-photo/day-beauti-flowers-flower-white_1303-2012.jpg"
+            imageAlt="Gorgeous flower arrangement in a gift box"
+            mediaPosition="right"
+            inputPlaceholder="Enter your email address"
+            buttonText="Subscribe"
+            termsText="We respect your privacy. Unsubscribe anytime from our mailing list."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="Bee Job" />
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -7,8 +7,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Sparkles, Leaf, Heart, Truck, Award } from 'lucide-react';
 
@@ -30,14 +29,14 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Bee Job"
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "Products", id: "products" },
-            { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{
-            text: "Order Now",            href: "#products"}}
+            text: "Order Now",            href: "/products"
+          }}
         />
       </div>
 
@@ -48,22 +47,28 @@ export default function LandingPage() {
           tag="Premium Flowers"
           tagIcon={Sparkles}
           buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Learn More", href: "#about" },
+            { text: "Shop Now", href: "/products" },
+            { text: "View Pricing", href: "/pricing" },
           ]}
           carouselItems={[
             {
-              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",              imageAlt: "Luxury rose bouquet"},
+              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",              imageAlt: "Luxury rose bouquet"
+            },
             {
-              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",              imageAlt: "Spring tulip arrangement"},
+              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",              imageAlt: "Spring tulip arrangement"
+            },
             {
-              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",              imageAlt: "Bright sunflower bouquet"},
+              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",              imageAlt: "Bright sunflower bouquet"
+            },
             {
-              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg",              imageAlt: "Elegant white lilies"},
+              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg",              imageAlt: "Elegant white lilies"
+            },
             {
-              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg",              imageAlt: "Pink peonies luxury arrangement"},
+              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg",              imageAlt: "Pink peonies luxury arrangement"
+            },
             {
-              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg",              imageAlt: "Mixed colorful flower bouquet"},
+              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg",              imageAlt: "Mixed colorful flower bouquet"
+            },
           ]}
           autoPlay={true}
           autoPlayInterval={4000}
@@ -92,12 +97,11 @@ export default function LandingPage() {
             },
           ]}
           gridVariant="uniform-all-items-equal"
-          carouselMode="buttons"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           buttons={[
-            { text: "View All Collections", href: "#products" },
+            { text: "View All Collections", href: "/products" },
           ]}
         />
       </div>
@@ -122,11 +126,13 @@ export default function LandingPage() {
           tag="What Sets Us Apart"
           negativeCard={{
             items: [
-              "Mass-produced arrangements",              "Limited variety selection",              "Slow delivery times",              "Low-quality blooms",              "No personalization options"],
+              "Mass-produced arrangements",              "Limited variety selection",              "Slow delivery times",              "Low-quality blooms",              "No personalization options"
+            ],
           }}
           positiveCard={{
             items: [
-              "Handcrafted with artistry",              "Curated premium selection",              "Same-day delivery available",              "Freshest blooms guaranteed",              "Custom arrangements welcome"],
+              "Handcrafted with artistry",              "Curated premium selection",              "Same-day delivery available",              "Freshest blooms guaranteed",              "Custom arrangements welcome"
+            ],
           }}
           animationType="slide-up"
           textboxLayout="default"
@@ -141,17 +147,23 @@ export default function LandingPage() {
           tag="Customer Love"
           testimonials={[
             {
-              id: "1",              name: "Sarah Mitchell",              handle: "Wedding Guest",              testimonial: "The bouquets were absolutely stunning and arrived fresh. The florist really understood what I wanted. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Mitchell"},
+              id: "1",              name: "Sarah Mitchell",              handle: "Wedding Guest",              testimonial: "The bouquets were absolutely stunning and arrived fresh. The florist really understood what I wanted. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Mitchell"
+            },
             {
-              id: "2",              name: "James Chen",              handle: "Corporate Client",              testimonial: "We use Bee Job for all our office events. Consistent quality and beautiful arrangements every single time.",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "James Chen"},
+              id: "2",              name: "James Chen",              handle: "Corporate Client",              testimonial: "We use Bee Job for all our office events. Consistent quality and beautiful arrangements every single time.",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "James Chen"
+            },
             {
-              id: "3",              name: "Emma Rodriguez",              handle: "Regular Customer",              testimonial: "The customer service is incredible. They helped me pick the perfect flowers for my mother's birthday. Will order again!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Emma Rodriguez"},
+              id: "3",              name: "Emma Rodriguez",              handle: "Regular Customer",              testimonial: "The customer service is incredible. They helped me pick the perfect flowers for my mother's birthday. Will order again!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Emma Rodriguez"
+            },
             {
-              id: "4",              name: "Michael Park",              handle: "Anniversary Celebrant",              testimonial: "After 10 years of marriage, I needed something special. Bee Job delivered beyond expectations. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "Michael Park"},
+              id: "4",              name: "Michael Park",              handle: "Anniversary Celebrant",              testimonial: "After 10 years of marriage, I needed something special. Bee Job delivered beyond expectations. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "Michael Park"
+            },
             {
-              id: "5",              name: "Lisa Anderson",              handle: "Event Planner",              testimonial: "As an event planner, I trust Bee Job with my most important clients. Their reliability is unmatched in the industry.",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",              imageAlt: "Lisa Anderson"},
+              id: "5",              name: "Lisa Anderson",              handle: "Event Planner",              testimonial: "As an event planner, I trust Bee Job with my most important clients. Their reliability is unmatched in the industry.",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",              imageAlt: "Lisa Anderson"
+            },
             {
-              id: "6",              name: "David Thompson",              handle: "Repeat Customer",              testimonial: "The freshness of these flowers lasts so much longer than other florists. That's why I come back every time.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "David Thompson"},
+              id: "6",              name: "David Thompson",              handle: "Repeat Customer",              testimonial: "The freshness of these flowers lasts so much longer than other florists. That's why I come back every time.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "David Thompson"
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -161,58 +173,42 @@ export default function LandingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardTwo
-          title="Flexible Plans for Every Occasion"
-          description="Choose the perfect arrangement package for your special moment"
-          tag="Pricing"
+        <PricingCardThree
+          title="Ready to Transform Your Occasions?"
+          description="Subscribe to our newsletter for exclusive deals, new arrivals, and floral care tips delivered right to your inbox."
+          tag="Pricing & Offers"
           plans={[
             {
               id: "1",              badge: "Classic Arrangement",              badgeIcon: Leaf,
-              price: "$49.99",              subtitle: "Perfect for birthdays and celebrations",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
+              price: "$49.99",              name: "Perfect for birthdays and celebrations",              buttons: [
+                { text: "Choose Plan", href: "/products" },
               ],
               features: [
-                "6-8 stems of premium flowers",                "Elegant vase included",                "Standard delivery available",                "Free greeting card"],
+                "6-8 stems of premium flowers",                "Elegant vase included",                "Standard delivery available",                "Free greeting card"
+              ],
             },
             {
               id: "2",              badge: "Premium Bouquet",              badgeIcon: Sparkles,
-              price: "$84.99",              subtitle: "Best for romantic occasions",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
+              price: "$84.99",              name: "Best for romantic occasions",              buttons: [
+                { text: "Choose Plan", href: "/products" },
               ],
               features: [
-                "12-15 stems of luxury flowers",                "Premium decorative vase",                "Same-day delivery included",                "Personalized message card",                "Complimentary ribbon wrap"],
+                "12-15 stems of luxury flowers",                "Premium decorative vase",                "Same-day delivery included",                "Personalized message card",                "Complimentary ribbon wrap"
+              ],
             },
             {
               id: "3",              badge: "Grand Celebration",              badgeIcon: Heart,
-              price: "$149.99",              subtitle: "For unforgettable moments",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
+              price: "$149.99",              name: "For unforgettable moments",              buttons: [
+                { text: "Choose Plan", href: "/products" },
               ],
               features: [
-                "20+ stems of exotic varieties",                "Designer luxury arrangement",                "Priority same-day delivery",                "Bespoke consultation included",                "Premium packaging",                "Flower care guide provided"],
+                "20+ stems of exotic varieties",                "Designer luxury arrangement",                "Priority same-day delivery",                "Bespoke consultation included",                "Premium packaging",                "Flower care guide provided"
+              ],
             },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Ready to Order Your Flowers?"
-          description="Subscribe to our newsletter for exclusive deals, new arrivals, and floral care tips delivered right to your inbox."
-          useInvertedBackground="invertDefault"
-          imageSrc="https://img.b2bpic.net/free-photo/day-beauti-flowers-flower-white_1303-2012.jpg"
-          imageAlt="Gorgeous flower arrangement in a gift box"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email address"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime from our mailing list."
         />
       </div>
 

src/app/pricing/page.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Sparkles, Leaf, Heart } from 'lucide-react';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="aurora"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div className="min-h-screen bg-background">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Bee Job"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{
+              text: "Order Now",              href: "/products"
+            }}
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            title="Flexible Plans for Every Occasion"
+            description="Choose the perfect arrangement package for your special moment. All plans include free greeting card and careful delivery."
+            tag="Pricing"
+            plans={[
+              {
+                id: "1",                badge: "Classic Arrangement",                badgeIcon: Leaf,
+                price: "$49.99",                name: "Perfect for birthdays and celebrations",                buttons: [
+                  { text: "Choose Plan", href: "/products" },
+                  { text: "Customize", href: "/products" },
+                ],
+                features: [
+                  "6-8 stems of premium flowers",                  "Elegant vase included",                  "Standard delivery available",                  "Free greeting card"
+                ],
+              },
+              {
+                id: "2",                badge: "Premium Bouquet",                badgeIcon: Sparkles,
+                price: "$84.99",                name: "Best for romantic occasions",                buttons: [
+                  { text: "Choose Plan", href: "/products" },
+                  { text: "Customize", href: "/products" },
+                ],
+                features: [
+                  "12-15 stems of luxury flowers",                  "Premium decorative vase",                  "Same-day delivery included",                  "Personalized message card",                  "Complimentary ribbon wrap"
+                ],
+              },
+              {
+                id: "3",                badge: "Grand Celebration",                badgeIcon: Heart,
+                price: "$149.99",                name: "For unforgettable moments",                buttons: [
+                  { text: "Choose Plan", href: "/products" },
+                  { text: "Customize", href: "/products" },
+                ],
+                features: [
+                  "20+ stems of exotic varieties",                  "Designer luxury arrangement",                  "Priority same-day delivery",                  "Bespoke consultation included",                  "Premium packaging",                  "Flower care guide provided"
+                ],
+              },
+              {
+                id: "4",                price: "$199.99",                name: "For corporate events and weddings",                buttons: [
+                  { text: "Contact Us", href: "/contact" },
+                  { text: "Learn More", href: "/pricing" },
+                ],
+                features: [
+                  "30+ stems of premium selection",                  "Custom color schemes",                  "Multiple arrangement options",                  "Dedicated florist consultation",                  "Event planning support",                  "White glove delivery service",                  "Special occasion guarantee"
+                ],
+              },
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground="noInvert"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="Bee Job" />
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/products/page.tsx

@@ -0,0 +1,98 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Leaf } from 'lucide-react';
+
+export default function ProductsPage() {
+  const allProducts = [
+    {
+      id: "1",      name: "Romantic Red Roses",      price: "$89.99",      variant: "12 stems • Premium grade",      imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",      imageAlt: "Red roses bouquet",      isFavorited: false,
+    },
+    {
+      id: "2",      name: "Spring Tulip Paradise",      price: "$74.99",      variant: "15 stems • Mixed colors",      imageSrc: "https://img.b2bpic.net/free-photo/romantic-bouquet-fresh-flowers-wedding-celebration-generated-by-ai_188544-45526.jpg",      imageAlt: "Colorful tulip arrangement",      isFavorited: false,
+    },
+    {
+      id: "3",      name: "Sunshine Sunflowers",      price: "$64.99",      variant: "10 stems • Cheerful arrangement",      imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg",      imageAlt: "Bright sunflower bouquet",      isFavorited: false,
+    },
+    {
+      id: "4",      name: "Exotic Orchid Elegance",      price: "$99.99",      variant: "8 stems • Rare varieties",      imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",      imageAlt: "Premium orchid arrangement",      isFavorited: false,
+    },
+    {
+      id: "5",      name: "Lavender Dreams",      price: "$79.99",      variant: "14 stems • Calming blend",      imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-single-branch-rose-with-green-leaves-inside-vase_114579-1440.jpg",      imageAlt: "Lavender dream bouquet",      isFavorited: false,
+    },
+    {
+      id: "6",      name: "White Elegance",      price: "$94.99",      variant: "12 stems • Classic white",      imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",      imageAlt: "White elegance arrangement",      isFavorited: false,
+    },
+    {
+      id: "7",      name: "Sunset Blend",      price: "$84.99",      variant: "16 stems • Warm tones",      imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",      imageAlt: "Sunset blend arrangement",      isFavorited: false,
+    },
+    {
+      id: "8",      name: "Tropical Sunset",      price: "$109.99",      variant: "20 stems • Exotic collection",      imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias-black_181624-22567.jpg",      imageAlt: "Tropical sunset arrangement",      isFavorited: false,
+    },
+    {
+      id: "9",      name: "Garden Party Bouquet",      price: "$69.99",      variant: "18 stems • Mixed garden flowers",      imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-luxurious-bouquet-pink-roses-white-red-dahlias_181624-23613.jpg",      imageAlt: "Garden party bouquet",      isFavorited: false,
+    },
+    {
+      id: "10",      name: "Rainbow Celebration",      price: "$99.99",      variant: "24 stems • All colors",      imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005528.jpg",      imageAlt: "Rainbow celebration bouquet",      isFavorited: false,
+    },
+    {
+      id: "11",      name: "Minimalist Zen",      price: "$54.99",      variant: "6 stems • Simple elegance",      imageSrc: "https://img.b2bpic.net/free-photo/day-beauti-flowers-flower-white_1303-2012.jpg",      imageAlt: "Minimalist zen arrangement",      isFavorited: false,
+    },
+    {
+      id: "12",      name: "Executive Gift Box",      price: "$124.99",      variant: "Premium arrangement in gift box",      imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",      imageAlt: "Executive gift box arrangement",      isFavorited: false,
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="aurora"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div className="min-h-screen bg-background">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Bee Job"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{
+              text: "Order Now",              href: "/products"
+            }}
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            title="All Products"
+            description="Explore our complete collection of handcrafted floral arrangements"
+            tag="Full Catalog"
+            tagIcon={Leaf}
+            products={allProducts}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground="noInvert"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="Bee Job" />
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}