Update src/app/products/page.tsx

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,7 +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 PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Sparkles, Leaf, Heart, Truck, Award } from 'lucide-react';
@@ -30,14 +30,13 @@ 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: "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>
@@ -49,8 +48,8 @@ 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={[
             {
@@ -99,12 +98,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>
@@ -175,50 +173,6 @@ 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"
-          plans={[
-            {
-              id: "1",              badge: "Classic Arrangement",              badgeIcon: Leaf,
-              price: "$49.99",              subtitle: "Perfect for birthdays and celebrations",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
-              ],
-              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",              subtitle: "Best for romantic occasions",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
-              ],
-              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",              subtitle: "For unforgettable moments",              buttons: [
-                { text: "Choose Plan" },
-                { text: "Customize" },
-              ],
-              features: [
-                "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"

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

@@ -66,8 +66,7 @@ export default function ProductsPage() {
             navItems={[
               { name: "Home", id: "/" },
               { name: "Products", id: "/products" },
-              { name: "About", id: "about" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Pricing", id: "/pricing" },
               { name: "Contact", id: "contact" },
             ]}
             button={{
@@ -84,7 +83,6 @@ export default function ProductsPage() {
             tagIcon={Leaf}
             products={allProducts}
             gridVariant="three-columns-all-equal-width"
-            carouselMode="buttons"
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground="noInvert"