Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,9 +11,14 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Smile, TrendingUp, Wrench } from "lucide-react";
+import { Smile, TrendingUp, Wrench, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
+  const whatsappNumber = "919822001122";
+  const handleWhatsApp = () => {
+    window.open(`https://wa.me/${whatsappNumber}`, "_blank");
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -32,21 +37,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
+        {
-        },
+          name: "WhatsApp",          id: "whatsapp"},
       ]}
       brandName="B U Bhandari Honda"
     />
@@ -55,15 +54,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Redefining Your Ride at B U Bhandari Honda"
       description="Experience the legacy of performance, precision, and passion in the heart of Viman Nagar. Discover the full range of Honda motorcycles and scooters today."
       buttons={[
         {
-          text: "Book a Test Ride",
+          text: "Book a Test Ride",          href: "#contact"},
-          href: "#contact",
+        {
-        },
+          text: "Chat on WhatsApp",          onClick: handleWhatsApp,
+        }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cool-motorcycle-indoors_23-2150849385.jpg?_wi=1"
       imageAlt="B U Bhandari Honda Viman Nagar Showroom"
@@ -77,19 +76,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Wrench,
-          label: "Expert Service",
+          label: "Expert Service",          value: "15+ Years"},
-          value: "15+ Years",
-        },
         {
           icon: Smile,
-          label: "Happy Riders",
+          label: "Happy Riders",          value: "50,000+"},
-          value: "50,000+",
-        },
         {
           icon: TrendingUp,
-          label: "Annual Sales",
+          label: "Annual Sales",          value: "8,000+"},
-          value: "8,000+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -103,41 +96,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Honda Activa",          price: "₹75,000",          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=1"},
-          name: "Honda Activa",
-          price: "₹75,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Honda CB Shine",          price: "₹82,000",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-leaning-her-superbike-outside-building-sunny-day_613910-5939.jpg"},
-          name: "Honda CB Shine",
-          price: "₹82,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-leaning-her-superbike-outside-building-sunny-day_613910-5939.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Honda Hornet 2.0",          price: "₹1,38,000",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-man-taking-off-helmet_171337-10264.jpg"},
-          name: "Honda Hornet 2.0",
-          price: "₹1,38,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-man-taking-off-helmet_171337-10264.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Honda SP 125",          price: "₹86,000",          imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162582.jpg"},
-          name: "Honda SP 125",
-          price: "₹86,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162582.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Honda Unicorn",          price: "₹1,10,000",          imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-sunglasses-dressed-gray-t-shirt-black-pants-sitting-his-custom-made-retro-motorcycle-against-skyscraper_613910-18681.jpg"},
-          name: "Honda Unicorn",
-          price: "₹1,10,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-sunglasses-dressed-gray-t-shirt-black-pants-sitting-his-custom-made-retro-motorcycle-against-skyscraper_613910-18681.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Honda Dio",          price: "₹72,000",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-electric-scooter_23-2148803151.jpg"},
-          name: "Honda Dio",
-          price: "₹72,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-electric-scooter_23-2148803151.jpg",
-        },
       ]}
       title="Our Iconic Fleet"
       description="From daily commuters to performance beasts, find your perfect Honda match."
@@ -151,17 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "High maintenance cost of rival brands",
+          "High maintenance cost of rival brands",          "Less fuel efficiency in competitors",          "Outdated technology designs"],
-          "Less fuel efficiency in competitors",
-          "Outdated technology designs",
-        ],
       }}
       positiveCard={{
         items: [
-          "Industry-leading fuel efficiency",
+          "Industry-leading fuel efficiency",          "Reliable engineering and longevity",          "World-class service network"],
-          "Reliable engineering and longevity",
-          "World-class service network",
-        ],
       }}
       title="Why Honda Rules the Road"
       description="Engineered for excellence, designed for comfort."
@@ -174,60 +137,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Rahul Verma",          date: "Oct 2023",          title: "Great Experience",          quote: "Excellent service and quick delivery of my Activa.",          tag: "Top Rated",          avatarSrc: "http://img.b2bpic.net/free-photo/biker-girl-leather-jacket-motorcycle_158595-445.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-indoors_23-2150849385.jpg?_wi=2",          imageAlt: "professional headshot man smiling"},
-          name: "Rahul Verma",
-          date: "Oct 2023",
-          title: "Great Experience",
-          quote: "Excellent service and quick delivery of my Activa.",
-          tag: "Top Rated",
-          avatarSrc: "http://img.b2bpic.net/free-photo/biker-girl-leather-jacket-motorcycle_158595-445.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-indoors_23-2150849385.jpg?_wi=2",
-          imageAlt: "professional headshot man smiling",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Ananya Patil",          date: "Nov 2023",          title: "Smooth Ride",          quote: "The staff at Viman Nagar are extremely helpful.",          tag: "Expert Staff",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/mechanical-wrenches_23-2148557972.jpg",          imageAlt: "professional headshot man smiling"},
-          name: "Ananya Patil",
-          date: "Nov 2023",
-          title: "Smooth Ride",
-          quote: "The staff at Viman Nagar are extremely helpful.",
-          tag: "Expert Staff",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanical-wrenches_23-2148557972.jpg",
-          imageAlt: "professional headshot man smiling",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Vikram Seth",          date: "Jan 2024",          title: "Best Dealership",          quote: "My Hornet 2.0 is perfect! Thanks B U Bhandari.",          tag: "High Performance",          avatarSrc: "http://img.b2bpic.net/free-photo/laughing-happily-with-arms-crossed-with-relaxed-positive-satisfied-pose_1194-413783.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-illustration-social-media-avatar-userpic-profiles_1416-966.jpg",          imageAlt: "professional headshot man smiling"},
-          name: "Vikram Seth",
-          date: "Jan 2024",
-          title: "Best Dealership",
-          quote: "My Hornet 2.0 is perfect! Thanks B U Bhandari.",
-          tag: "High Performance",
-          avatarSrc: "http://img.b2bpic.net/free-photo/laughing-happily-with-arms-crossed-with-relaxed-positive-satisfied-pose_1194-413783.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-illustration-social-media-avatar-userpic-profiles_1416-966.jpg",
-          imageAlt: "professional headshot man smiling",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Suresh Gupta",          date: "Feb 2024",          title: "Highly Recommend",          quote: "Good transparency in pricing and process.",          tag: "Transparent",          avatarSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg",          imageAlt: "professional headshot man smiling"},
-          name: "Suresh Gupta",
-          date: "Feb 2024",
-          title: "Highly Recommend",
-          quote: "Good transparency in pricing and process.",
-          tag: "Transparent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg",
-          imageAlt: "professional headshot man smiling",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Meera Nair",          date: "Mar 2024",          title: "Excellent Service",          quote: "Regular service is seamless and efficient here.",          tag: "Reliable",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=2",          imageAlt: "professional headshot man smiling"},
-          name: "Meera Nair",
-          date: "Mar 2024",
-          title: "Excellent Service",
-          quote: "Regular service is seamless and efficient here.",
-          tag: "Reliable",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=2",
-          imageAlt: "professional headshot man smiling",
-        },
       ]}
       title="Riders' Voices"
       description="Hear from the community that trust us for their daily journey."
@@ -239,20 +157,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Can I book a test ride online?",          content: "Yes, use our contact section to request a test ride."},
-          title: "Can I book a test ride online?",
-          content: "Yes, use our contact section to request a test ride.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What are your service center hours?",          content: "We operate from 9 AM to 7 PM, Monday through Saturday."},
-          title: "What are your service center hours?",
-          content: "We operate from 9 AM to 7 PM, Monday through Saturday.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you offer extended warranties?",          content: "Absolutely, we provide comprehensive Honda-approved extended warranty plans."},
-          title: "Do you offer extended warranties?",
-          content: "Absolutely, we provide comprehensive Honda-approved extended warranty plans.",
-        },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="blur-reveal"
@@ -266,20 +175,11 @@ export default function LandingPage() {
       description="Ready to ride? Visit our Viman Nagar showroom or drop us a message below."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name"},
-          type: "text",
-          placeholder: "Your Name",
-        },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Your Email"},
-          type: "email",
-          placeholder: "Your Email",
-        },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Your Phone"},
-          type: "tel",
-          placeholder: "Your Phone",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg"
     />
@@ -291,24 +191,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Showroom",
+              label: "Showroom",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Service",
+              label: "Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Test Ride",
+              label: "Test Ride",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
+            {
+              label: "WhatsApp",              onClick: handleWhatsApp,
             },
           ],
         },