Merge version_2 into main #2
197
src/app/page.tsx
197
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",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "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",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Test Ride", 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",
|
||||
value: "15+ Years",
|
||||
},
|
||||
label: "Expert Service", value: "15+ Years"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Riders",
|
||||
value: "50,000+",
|
||||
},
|
||||
label: "Happy Riders", value: "50,000+"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Annual Sales",
|
||||
value: "8,000+",
|
||||
},
|
||||
label: "Annual Sales", value: "8,000+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Honda Activa",
|
||||
price: "₹75,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Honda Activa", price: "₹75,000", imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=1"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Honda Dio",
|
||||
price: "₹72,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-electric-scooter_23-2148803151.jpg",
|
||||
},
|
||||
id: "p6", 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",
|
||||
"Less fuel efficiency in competitors",
|
||||
"Outdated technology designs",
|
||||
],
|
||||
"High maintenance cost of rival brands", "Less fuel efficiency in competitors", "Outdated technology designs"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Industry-leading fuel efficiency",
|
||||
"Reliable engineering and longevity",
|
||||
"World-class service network",
|
||||
],
|
||||
"Industry-leading fuel efficiency", "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",
|
||||
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: "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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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",
|
||||
title: "Can I book a test ride online?",
|
||||
content: "Yes, use our contact section to request a test ride.",
|
||||
},
|
||||
id: "f1", title: "Can I book a test ride online?", content: "Yes, use our contact section to request a test ride."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your service center hours?",
|
||||
content: "We operate from 9 AM to 7 PM, Monday through Saturday.",
|
||||
},
|
||||
id: "f2", title: "What are your service center hours?", content: "We operate from 9 AM to 7 PM, Monday through Saturday."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer extended warranties?",
|
||||
content: "Absolutely, we provide comprehensive Honda-approved extended warranty plans.",
|
||||
},
|
||||
id: "f3", 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",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
},
|
||||
name: "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",
|
||||
href: "#",
|
||||
},
|
||||
label: "Showroom", href: "#"},
|
||||
{
|
||||
label: "Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Test Ride",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Test Ride", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "WhatsApp", onClick: handleWhatsApp,
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -319,4 +214,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user