Update src/app/page.tsx

Merge version_5 into main

src/app/contact/page.tsx

@@ -34,11 +34,12 @@ export default function ContactPage() {
             brandName="AFLA SACHET WATER"
             navItems={[
               { name: "Services", id: "/#services" },
+              { name: "Wholesale", id: "/#wholesale-pricing" },
               { name: "About", id: "/#about" },
               { name: "Testimonials", id: "/#testimonials" },
               { name: "Contact", id: "/contact" }
             ]}
-            button={{ text: "Place an Order", href: "/contact" }}
+            button={{ text: "WhatsApp Us", href: "https://wa.me/2341234567890" }}
             animateOnLoad={false}
           />
         </div>
@@ -117,4 +118,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -12,7 +12,8 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { ShieldCheck, Wrench, DollarSign, Phone, Factory } from "lucide-react";
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import { ShieldCheck, Wrench, DollarSign, Phone, Factory, ShoppingCart } from "lucide-react";
 
 export default function SachetWaterPage() {
   return (
@@ -34,11 +35,12 @@ export default function SachetWaterPage() {
             brandName="AFLA SACHET WATER"
             navItems={[
               { name: "Services", id: "services" },
+              { name: "Wholesale", id: "wholesale-pricing" },
               { name: "About", id: "about" },
               { name: "Testimonials", id: "testimonials" },
               { name: "Contact", id: "/contact" }
             ]}
-            button={{ text: "Place an Order", href: "/contact" }}
+            button={{ text: "WhatsApp Us", href: "https://wa.me/2341234567890" }}
             animateOnLoad={false}
           />
         </div>
@@ -122,6 +124,34 @@ export default function SachetWaterPage() {
             useInvertedBackground={false}
           />
         </div>
+
+        <div id="wholesale-pricing" data-section="wholesale-pricing">
+          <PricingCardThree
+            tag="Wholesale"
+            title="Wholesale Price List"
+            description="Flexible pricing options for businesses and bulk purchases. Partner with AFLA Sachet Water for reliable supply."
+            plans={[
+              {
+                id: "20-sachets-carton",                badge: "Standard Carton",                badgeIcon: ShoppingCart,
+                price: "₦1,500",                name: "Carton of 20 Sachets",                buttons: [{ text: "Order Carton", href: "/contact" }],
+                features: [
+                  "20 x 50cl sachets per carton",                  "High purity water, NAFDAC approved",                  "Convenient for retail & small businesses",                  "Local delivery options"
+                ]
+              },
+              {
+                id: "bulk-orders",                badge: "Best Value",                badgeIcon: Factory,
+                price: "Custom Quote",                name: "Bulk & Distributor Orders",                buttons: [{ text: "Get Custom Quote", href: "/contact" }],
+                features: [
+                  "Min. 100 cartons order",                  "Significant volume discounts",                  "Dedicated account management",                  "Priority and large-scale delivery"
+                ]
+              }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+          />
+        </div>
+
         <FeatureBorderGlow
           title="Why Choose AFLA Water?"
           description="Ensuring your health and hydration with every sachet."
@@ -267,4 +297,4 @@ export default function SachetWaterPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}