src/app/page.tsx

@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, Leaf, Truck, Utensils } from "lucide-react";
+import { Clock, Leaf, MessageCircle, Truck, Utensils } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "About",          id: "about"},
         {
           name: "Contact",          id: "contact"},
+        {
+          name: "WhatsApp",          id: "whatsapp"},
       ]}
       brandName="Bolani"
     />
@@ -95,6 +97,8 @@ export default function LandingPage() {
         {
           type: "text",          text: "Best in Kabul"},
       ]}
+      buttons={[{
+        text: "Chat on WhatsApp",        href: "https://wa.me/93700000000"}]}
     />
   </div>
 
@@ -229,6 +233,8 @@ export default function LandingPage() {
               label: "About",              href: "#about"},
             {
               label: "Contact",              href: "#contact"},
+            {
+              label: "WhatsApp",              href: "https://wa.me/93700000000"},
           ],
         },
         {