Update src/app/pricing/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleCentered 
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/#products" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/#contact" },
+          ]} 
+          brandName="FreshBulk Wholesale" 
+        />
+        <MetricSplitMediaAbout
+          title="Expertise in Fresh Distribution"
+          description="FreshBulk Wholesale brings over 20 years of supply chain excellence to the fresh produce industry. We focus on farm-direct logistics, stringent food safety compliance, and sustainable partnerships."
+          metrics={[
+            { value: "20+", title: "Years Experience" },
+            { value: "500+", title: "Active Partners" },
+            { value: "ISO", title: "Certified Safety" }
+          ]}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/farmer-holding-fresh-vegetables_23-2148767980.jpg"
+        />
+        <FooterBaseReveal
+            logoText="FreshBulk"
+            columns={[
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Wholesale Info", href: "/#products" }] },
+                { title: "Support", items: [{ label: "Bulk Pricing", href: "/pricing" }, { label: "Sales Contact", href: "/#contact" }] },
+            ]}
+            copyrightText="© 2024 FreshBulk Wholesale"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,22 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Products", id: "products" },
-          id: "hero",
+        { name: "About", id: "/about" },
-        },
+        { name: "Pricing", id: "/pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Quality",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="FreshBulk Wholesale"
     />
@@ -52,20 +41,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "animated-grid" }}
-        variant: "animated-grid",
-      }}
       logoText="FreshBulk Wholesale"
       description="Your premier partner for farm-fresh vegetables. We connect local growers with businesses, ensuring quality, sustainability, and timely delivery for every order."
       buttons={[
-        {
+        { text: "Browse Catalog", href: "#products" },
-          text: "Browse Catalog",
+        { text: "Get a Quote", href: "/pricing" },
-          href: "#products",
-        },
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/assortment-organic-vegetables-wooden-basket_114579-76093.jpg"
       mediaAnimation="slide-up"
@@ -78,30 +59,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Premium Quality Control", descriptions: ["Rigorous inspection of all produce ensures only the freshest vegetables reach your kitchen."], imageSrc: "http://img.b2bpic.net/free-photo/kid-taking-green-apple-from-shelf_23-2147784080.jpg" },
-          id: "f1",
+        { id: "f2", title: "Reliable Logistics", descriptions: ["Temperature-controlled fleet ensuring peak freshness from farm to delivery."], imageSrc: "http://img.b2bpic.net/free-photo/side-view-delivery-man-holding-groceries_23-2149663620.jpg" },
-          title: "Premium Quality Control",
+        { id: "f3", title: "Sustainable Practices", descriptions: ["Partnering with local farms committed to ethical and eco-friendly farming."], imageSrc: "http://img.b2bpic.net/free-photo/woman-spread-arms-strawberry-farm_1150-36963.jpg" },
-          descriptions: [
-            "Rigorous inspection of all produce ensures only the freshest vegetables reach your kitchen.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/kid-taking-green-apple-from-shelf_23-2147784080.jpg",
-        },
-        {
-          id: "f2",
-          title: "Reliable Logistics",
-          descriptions: [
-            "Temperature-controlled fleet ensuring peak freshness from farm to delivery.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-delivery-man-holding-groceries_23-2149663620.jpg",
-        },
-        {
-          id: "f3",
-          title: "Sustainable Practices",
-          descriptions: [
-            "Partnering with local farms committed to ethical and eco-friendly farming.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spread-arms-strawberry-farm_1150-36963.jpg",
-        },
       ]}
       title="Why Choose FreshBulk?"
       description="We prioritize quality and efficiency in every step of the supply chain."
@@ -115,48 +75,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Premium Red Tomatoes", price: "Bulk Pricing Available", variant: "Bulk Case", imageSrc: "http://img.b2bpic.net/free-photo/closeup-tomatoes-box-counter_169016-21317.jpg" },
-          id: "p1",
+        { id: "p2", name: "Crisp Butter Lettuce", price: "Bulk Pricing Available", variant: "Bulk Case", imageSrc: "http://img.b2bpic.net/free-photo/fresh-greens-wooden-box-marble-background_114579-45601.jpg" },
-          name: "Premium Red Tomatoes",
+        { id: "p3", name: "Organic Orange Carrots", price: "Bulk Pricing Available", variant: "Bulk Case", imageSrc: "http://img.b2bpic.net/free-photo/bunch-fresh-carrots-without-cleaning-held-by-hand-farmer_463209-3.jpg" },
-          price: "Contact for pricing",
+        { id: "p4", name: "Fresh Green Broccoli", price: "Bulk Pricing Available", variant: "Bulk Case", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-ripe-cauliflower-inside-basket-light-grey-table_140725-132329.jpg" },
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-tomatoes-box-counter_169016-21317.jpg",
-        },
-        {
-          id: "p2",
-          name: "Crisp Butter Lettuce",
-          price: "Contact for pricing",
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-greens-wooden-box-marble-background_114579-45601.jpg",
-        },
-        {
-          id: "p3",
-          name: "Organic Orange Carrots",
-          price: "Contact for pricing",
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/bunch-fresh-carrots-without-cleaning-held-by-hand-farmer_463209-3.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fresh Green Broccoli",
-          price: "Contact for pricing",
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-ripe-cauliflower-inside-basket-light-grey-table_140725-132329.jpg",
-        },
-        {
-          id: "p5",
-          name: "Mixed Bell Peppers",
-          price: "Contact for pricing",
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-red-peppers-plastic-basket-red-white-checkered-tablecloth-dark-background_140725-139443.jpg",
-        },
-        {
-          id: "p6",
-          name: "Garden Cucumbers",
-          price: "Contact for pricing",
-          variant: "Bulk Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-green-cucumbers-inside-basket-dark-background-food-health-photo-salad-meal-color_140725-141800.jpg",
-        },
       ]}
       title="Fresh Daily Harvest"
       description="Explore our wide range of premium, locally sourced vegetables available for wholesale."
@@ -167,15 +89,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["GreenValley Markets", "DailyFresh Bistro", "City Grill House", "Organic Harvest Co", "Farmhouse Eatery", "Urban Cafe Group", "Riverside Kitchens"]}
-        "GreenValley Markets",
-        "DailyFresh Bistro",
-        "City Grill House",
-        "Organic Harvest Co",
-        "Farmhouse Eatery",
-        "Urban Cafe Group",
-        "Riverside Kitchens",
-      ]}
       title="Trusted by Local Leaders"
       description="We are proud to serve the best local eateries, grocery stores, and hospitality groups."
     />
@@ -187,46 +101,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Sarah Miller", handle: "Executive Chef", testimonial: "FreshBulk has been our reliable partner for over three years. Exceptional quality every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-doctor-kitchen-with-vegetables_1157-28004.jpg" },
-          id: "t1",
+        { id: "t2", name: "David Chen", handle: "Store Manager", testimonial: "The consistency in quality is unmatched. My inventory has improved significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-apple_1187-1548.jpg" },
-          name: "Sarah Miller",
-          handle: "Executive Chef",
-          testimonial: "FreshBulk has been our reliable partner for over three years. Exceptional quality every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-doctor-kitchen-with-vegetables_1157-28004.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Chen",
-          handle: "Store Manager",
-          testimonial: "The consistency in quality is unmatched. My inventory has improved significantly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-apple_1187-1548.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "Cafe Owner",
-          testimonial: "Fresh produce delivered on time every morning. Professionalism at its finest.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-with-fruits-vegetables_23-2148145578.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Wilson",
-          handle: "Logistics Lead",
-          testimonial: "The streamlined process makes wholesale ordering effortless and efficient.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-girl-holding-menu-cafe-people-service-concept_627829-7913.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jessica Park",
-          handle: "Bistro Owner",
-          testimonial: "The best selection of organic produce I've found for my cafe business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-secateurs-bunch-flowers_23-2147882008.jpg",
-        },
       ]}
       showRating={true}
       title="Voices from Our Partners"
@@ -237,9 +113,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Inquire Now"
       title="Partner with FreshBulk"
       description="Ready to bring fresh quality to your business? Contact our team today for a bulk pricing quote and partnership details."
@@ -252,32 +126,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="FreshBulk"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Wholesale Info", href: "#products" }] },
-          title: "Company",
+        { title: "Support", items: [{ label: "Bulk Pricing", href: "/pricing" }, { label: "Sales Contact", href: "#contact" }] },
-          items: [
-            {
-              label: "About",
-              href: "#features",
-            },
-            {
-              label: "Wholesale",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Sales",
-              href: "#contact",
-            },
-            {
-              label: "Support",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2024 FreshBulk Wholesale"
     />

src/app/pricing/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleCentered 
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/#products" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Contact", id: "/#contact" },
+          ]} 
+          brandName="FreshBulk Wholesale" 
+        />
+        <PricingCardNine
+          animationType="slide-up"
+          textboxLayout="default"
+          title="Bulk Wholesale Pricing"
+          description="Flexible volume-based pricing for restaurants and grocery retailers. Request a custom quote based on your weekly inventory needs."
+          useInvertedBackground={false}
+          plans={[
+            { id: "tier-1", title: "Standard Wholesale", price: "Variable", period: "per case", features: ["Tiered volume pricing", "Standard delivery", "Quality inspection"], button: { text: "Contact Sales", href: "/#contact" } },
+            { id: "tier-2", title: "Enterprise Partner", price: "Custom", period: "monthly contract", features: ["Priority fulfillment", "Dedicated account manager", "Flat rate shipping", "Predictive restocking"], button: { text: "Request Proposal", href: "/#contact" } }
+          ]}
+        />
+        <FooterBaseReveal
+            logoText="FreshBulk"
+            columns={[
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Wholesale Info", href: "/#products" }] },
+                { title: "Support", items: [{ label: "Bulk Pricing", href: "/pricing" }, { label: "Sales Contact", href: "/#contact" }] },
+            ]}
+            copyrightText="© 2024 FreshBulk Wholesale"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}