Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3216ed131e | |||
| 6ee95f21b8 | |||
| d519aca98f | |||
| a91a6b5217 | |||
| aeb9e8ddf4 | |||
| b5dfbe156d | |||
| 3959b657b6 | |||
| e480de734d |
398
src/app/page.tsx
398
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Car, Wrench, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,371 +30,138 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bharat Motors Siliguri"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
<HeroBillboardDashboard
|
||||
title="Your Trusted Automotive Hub in Siliguri"
|
||||
description="Premium sales, expert service, and transparent financing. Experience the legacy of trust since 2010."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
dashboard={{
|
||||
title: "Showroom Performance", stats: [
|
||||
{ title: "Vehicles Sold", values: [1200, 1500, 2000], description: "Yearly growth" },
|
||||
{ title: "Service Jobs", values: [300, 450, 600], description: "Monthly avg" },
|
||||
{ title: "Satisfaction", values: [95, 98, 99], valueSuffix: "%", description: "Customer rating" }
|
||||
],
|
||||
logoIcon: Car,
|
||||
sidebarItems: [{ icon: Car, active: true }, { icon: Wrench }, { icon: ShieldCheck }],
|
||||
buttons: [],
|
||||
listItems: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg"
|
||||
}}
|
||||
title="Your Trusted Automotive Partner in Siliguri"
|
||||
description="Quality vehicles, transparent pricing, and expert service since 2010. Browse our inventory, get instant financing options, or book a service appointment today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Sharma",
|
||||
handle: "@rahul",
|
||||
testimonial: "Excellent service and transparent pricing. Highly recommended for any car buyer in Siliguri.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall_1398-4102.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Das",
|
||||
handle: "@priya",
|
||||
testimonial: "Very professional staff and hassle-free financing. Made the whole purchase process smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-man-receiving-vehicle-keys-from-saleswoman-dancing-around_482257-124112.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Gupta",
|
||||
handle: "@amit",
|
||||
testimonial: "Best service center in town. Prompt response and genuine spare parts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-son-car-salon_1157-21768.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sneha Roy",
|
||||
handle: "@sneha",
|
||||
testimonial: "Great collection of vehicles. Experienced staff helped me choose the right car for my family.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130230.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram Singh",
|
||||
handle: "@vikram",
|
||||
testimonial: "Smooth documentation and timely delivery. Bharat Motors is truly the best in Siliguri.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg"
|
||||
imageAlt="Bharat Motors Siliguri Showroom"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/illuminated-ceiling_1127-2047.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-salesperson-with-laptop-checking-vehicle-specifications-local-dealership-showroom_342744-739.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-21189.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5000+ satisfied customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Vehicles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Financing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Siliguri Best",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Expert Automotive Care"
|
||||
description="With over a decade of experience, we provide end-to-end automotive solutions, including new car sales, verified pre-owned vehicles, and certified repair services."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Honest deals with no hidden costs.",
|
||||
},
|
||||
{
|
||||
title: "Expert Technicians",
|
||||
description: "Highly trained staff for reliable service.",
|
||||
},
|
||||
{
|
||||
title: "Easy Financing",
|
||||
description: "Instant approvals on all models.",
|
||||
},
|
||||
]}
|
||||
<MediaAbout
|
||||
title="Decades of Excellence"
|
||||
description="Located in the heart of Siliguri, Bharat Motors is synonymous with quality and integrity. We handle everything from premium vehicle sales to professional maintenance workshops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg"
|
||||
imageAlt="Service Center Workshop"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardFour
|
||||
<ProductCardOne
|
||||
title="Latest Inventory"
|
||||
description="Discover our curated collection of new and pre-owned vehicles."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Urban SUV",
|
||||
price: "₹12.5L",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14559.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Sedan",
|
||||
price: "₹9.8L",
|
||||
variant: "2023 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "City Hatchback",
|
||||
price: "₹6.2L",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-autumn-road-side-view-car-motion_169016-69911.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Performance Sports",
|
||||
price: "₹18.9L",
|
||||
variant: "2023 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138980.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Rugged SUV",
|
||||
price: "₹15.2L",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hybrid Sedan",
|
||||
price: "₹14.5L",
|
||||
variant: "2024 Model",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plugged-charger-into-electric-car-charge-station_1268-17725.jpg",
|
||||
},
|
||||
{ id: "p1", name: "City Sedan", price: "₹9.5L", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Urban SUV", price: "₹14.2L", imageSrc: "http://img.b2bpic.net/free-photo/blue-crossover-driving-autumn-road-side-view-car-motion_169016-69911.jpg" },
|
||||
{ id: "p3", name: "Compact Hatch", price: "₹6.8L", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=2" }
|
||||
]}
|
||||
title="Current Vehicle Inventory"
|
||||
description="Explore our diverse range of new and pre-owned vehicles carefully inspected to meet the highest safety standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact in Siliguri"
|
||||
tag="Milestones"
|
||||
<MetricCardOne
|
||||
title="Our Reach"
|
||||
description="Tracking our growth and impact in Siliguri."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Service Support",
|
||||
},
|
||||
{ id: "m1", value: "5000+", title: "Customers", description: "Satisfied families", icon: ShieldCheck },
|
||||
{ id: "m2", value: "15+", title: "Years", description: "In the industry", icon: Zap },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Always here", icon: Wrench }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
<TestimonialCardTwo
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our valued customers about their experiences."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434386.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sneha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-salon_1303-28478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31926.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Rahul S.", role: "Customer", testimonial: "Fantastic service center experience." },
|
||||
{ id: "t2", name: "Priya D.", role: "Customer", testimonial: "Found my dream car hassle-free!" }
|
||||
]}
|
||||
cardTitle="Customer Success Stories"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["HDFC", "SBI", "Tata", "Mahindra"]}
|
||||
title="Finance Partners"
|
||||
description="We work with top banks to ensure seamless financing."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"HDFC Bank",
|
||||
"ICICI Bank",
|
||||
"SBI Auto Finance",
|
||||
"Maruti Suzuki",
|
||||
"Tata Motors",
|
||||
"Mahindra",
|
||||
"Hyundai",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="We collaborate with leading financial and automotive brands to provide you with the best."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common inquiries about our services."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have tie-ups with leading banks offering competitive rates.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I book a test drive online?",
|
||||
content: "Absolutely, visit our contact section to schedule your drive.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What service packages do you have?",
|
||||
content: "We offer standard maintenance to premium comprehensive service plans.",
|
||||
},
|
||||
{ id: "f1", title: "Test Drives?", content: "Yes, book them online anytime." },
|
||||
{ id: "f2", title: "Warranty?", content: "Standard manufacturer warranties apply." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Visit Our Showroom"
|
||||
description="Have questions? Our experts are ready to assist you. Book an appointment or visit us for a test drive today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-blonde-female-manager-has-conversation-with-male-colleague_273609-5001.jpg"
|
||||
imageAlt="Consultation Desk"
|
||||
mediaAnimation="slide-up"
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Ready to Drive?"
|
||||
description="Visit us in Siliguri for a consultation or test drive today."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Call Us Now", href: "tel:+919999999999" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="Bharat Motors Siliguri"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "Home", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user