165 lines
7.4 KiB
TypeScript
165 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Smile, ShieldCheck, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
const whatsappNumber = "919822001122";
|
|
const handleWhatsApp = () => {
|
|
window.open(`https://wa.me/${whatsappNumber}`, "_blank");
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="B U Bhandari Honda"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="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: "Chat on WhatsApp", onClick: handleWhatsApp }
|
|
]}
|
|
background={{ variant: "gradient-bars" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cool-motorcycle-indoors_23-2150849385.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Why Choose Us?"
|
|
description="Decades of trust and commitment to excellence on every road."
|
|
metrics={[
|
|
{ title: "Years of Service", value: "15+" },
|
|
{ title: "Happy Riders", value: "50k+" },
|
|
{ title: "Annual Sales", value: "8k+" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanical-wrenches_23-2148557972.jpg"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Honda", name: "Activa", price: "₹75,000", rating: 4.8, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781778.jpg?_wi=1" },
|
|
{ id: "p2", brand: "Honda", name: "CB Shine", price: "₹82,000", rating: 4.7, reviewCount: "850", 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", brand: "Honda", name: "Hornet 2.0", price: "₹1,38,000", rating: 4.9, reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-man-taking-off-helmet_171337-10264.jpg" },
|
|
{ id: "p4", brand: "Honda", name: "SP 125", price: "₹86,000", rating: 4.6, reviewCount: "700", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162582.jpg" }
|
|
]}
|
|
title="Our Iconic Fleet"
|
|
description="From daily commuters to performance beasts, find your perfect Honda match."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Fuel Efficiency", description: "Industry-leading mileage to keep you going.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fuel-gauge_1145-1234.jpg" }] },
|
|
{ title: "Reliable Engineering", description: "Built to last with world-class quality.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/engine-parts_1203-4567.jpg" }] }
|
|
]}
|
|
title="Why Honda Rules the Road"
|
|
description="Engineered for excellence, designed for comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Rahul Verma", handle: "@rahulv", testimonial: "Excellent service and quick delivery of my Activa.", icon: Smile },
|
|
{ id: "t2", name: "Ananya Patil", handle: "@ananyap", testimonial: "The staff at Viman Nagar are extremely helpful.", icon: Smile },
|
|
{ id: "t3", name: "Vikram Seth", handle: "@vikrams", testimonial: "My Hornet 2.0 is perfect! Thanks B U Bhandari.", icon: Smile }
|
|
]}
|
|
title="Riders' Voices"
|
|
description="Hear from the community that trust us for their daily journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
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: "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." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our services."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="split"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit or Reach Out"
|
|
description="Ready to ride? Visit our Viman Nagar showroom or drop us a message below."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
|
{ name: "email", type: "email", placeholder: "Your Email" },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Showroom", href: "#" }, { label: "Service", href: "#" }] },
|
|
{ items: [{ label: "Test Ride", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
|
]}
|
|
logoText="B U Bhandari Honda"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|