Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
337
src/app/page.tsx
337
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Shield } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Shield, Target, TrendingUp, HelpCircle, Mail, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Vehicles", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Raj Motor"
|
||||
/>
|
||||
@@ -59,21 +44,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Raj Motor"
|
||||
description="Leading provider of high-quality Arrow, Armur, Jezza E-Rickshaws and Goeen Electric Scooties in Dudhnoi."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Vehicles",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Vehicles", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-salesperson-with-laptop-checking-vehicle-specifications-local-dealership-showroom_342744-739.jpg"
|
||||
imageAlt="electric rickshaw studio shot"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,17 +55,11 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Quality & Trust"
|
||||
title="Your Trusted Partner in E-Mobility"
|
||||
description="Located on Dudhnoi College Road, we bring sustainable and efficient electric transport solutions to our community."
|
||||
subdescription="With years of experience, we provide reliable, low-maintenance vehicles that help you save on fuel and reduce your carbon footprint."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-bicycle-details-parts_23-2150834322.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="electric rickshaw close up"
|
||||
/>
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Your Trusted Partner in E-Mobility" }]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
@@ -101,66 +69,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Arrow",
|
||||
name: "Arrow E-Rickshaw",
|
||||
price: "Contact for Price",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transportation-modes-vibrant-city-life-captured-outdoors-generative-ai_188544-9076.jpg",
|
||||
imageAlt: "arrow electric rickshaw",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Armur",
|
||||
name: "Armur E-Rickshaw",
|
||||
price: "Contact for Price",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016498.jpg",
|
||||
imageAlt: "armur e-rickshaw",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Jezza",
|
||||
name: "Jezza E-Rickshaw",
|
||||
price: "Contact for Price",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016499.jpg",
|
||||
imageAlt: "jezza e-rickshaw",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Goeen",
|
||||
name: "Goeen Electric Scooty",
|
||||
price: "Contact for Price",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-posing_171337-17559.jpg",
|
||||
imageAlt: "goeen electric scooty",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Arrow",
|
||||
name: "Arrow City Pro",
|
||||
price: "Contact for Price",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35445.jpg",
|
||||
imageAlt: "electric vehicle model",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Goeen",
|
||||
name: "Goeen Swift Scooty",
|
||||
price: "Contact for Price",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016502.jpg",
|
||||
imageAlt: "electric motor bike",
|
||||
},
|
||||
{ id: "p1", brand: "Arrow", name: "Arrow E-Rickshaw", price: "Contact for Price", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/transportation-modes-vibrant-city-life-captured-outdoors-generative-ai_188544-9076.jpg" },
|
||||
{ id: "p2", brand: "Armur", name: "Armur E-Rickshaw", price: "Contact for Price", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016498.jpg" },
|
||||
{ id: "p3", brand: "Jezza", name: "Jezza E-Rickshaw", price: "Contact for Price", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016499.jpg" },
|
||||
{ id: "p4", brand: "Goeen", name: "Goeen Electric Scooty", price: "Contact for Price", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-posing_171337-17559.jpg" }
|
||||
]}
|
||||
title="Our Electric Vehicles"
|
||||
description="Browse our latest collection of premium e-rickshaws and scooters."
|
||||
@@ -168,214 +80,71 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Long Battery Life",
|
||||
description: "High-efficiency batteries for extended travel range.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016493.jpg",
|
||||
imageAlt: "arrow electric rickshaw",
|
||||
},
|
||||
{
|
||||
title: "Low Maintenance",
|
||||
description: "Designed for durability and simple upkeep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14711.jpg",
|
||||
imageAlt: "armur e-rickshaw",
|
||||
},
|
||||
{
|
||||
title: "Expert Service",
|
||||
description: "Professional support team on Dudhnoi College Road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-scooter-parked-street_53876-32196.jpg",
|
||||
imageAlt: "jezza e-rickshaw",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience superior quality and dedicated support for all your electric vehicle needs."
|
||||
description="Superior quality and dedicated support for all your electric vehicle needs."
|
||||
positiveCard={{ items: ["Long Battery Life", "Low Maintenance", "Expert Service"] }}
|
||||
negativeCard={{ items: ["High Fuel Costs", "Traditional Maintenance", "Poor Reliability"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="scale-rotate"
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Serving the community",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Vehicle Models",
|
||||
items: [
|
||||
"Wide range of choice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100k+",
|
||||
title: "Miles Driven",
|
||||
items: [
|
||||
"Clean energy savings",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Driving change in our community through clean transport."
|
||||
metrics={[
|
||||
{ id: "m1", icon: Target, title: "Happy Customers", value: "500+" },
|
||||
{ id: "m2", icon: Shield, title: "Vehicle Models", value: "20+" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Miles Driven", value: "100k+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Raj Motor provided the best service and quality e-rickshaw.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14756.jpg",
|
||||
imageAlt: "happy electric vehicle owner",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Very Reliable",
|
||||
quote: "My Arrow e-rickshaw is highly durable and cost-effective.",
|
||||
name: "Michael Chen",
|
||||
role: "Logistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-zero-emissions-mean-transportation-go-around-city_23-2151261398.jpg",
|
||||
imageAlt: "business owner with electric rickshaw",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast and Smooth",
|
||||
quote: "The Goeen scooty is perfect for city commuting.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-city-with-electric-scooter_23-2148162586.jpg",
|
||||
imageAlt: "happy e-scooter rider",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent Quality",
|
||||
quote: "Highly recommended for all e-vehicle needs.",
|
||||
name: "David Kim",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362821.jpg",
|
||||
imageAlt: "couple with e-vehicle",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Notch Support",
|
||||
quote: "Service on Dudhnoi College Road is unmatched.",
|
||||
name: "Rajiv Sharma",
|
||||
role: "Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-with-scooter_23-2148093950.jpg",
|
||||
imageAlt: "student with electric scooty",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our customers trust Raj Motor."
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Raj Motor provided the best service and quality e-rickshaw. Highly reliable and cost-effective!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14756.jpg", alt: "Sarah" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide financing?",
|
||||
content: "Yes, we offer flexible financing options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What about battery warranty?",
|
||||
content: "All our vehicles come with industry-leading warranties.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located on Dudhnoi College Road.",
|
||||
},
|
||||
{ id: "q1", title: "Do you provide financing?", content: "Yes, we offer flexible financing options." },
|
||||
{ id: "q2", title: "What about battery warranty?", content: "All our vehicles come with industry-leading warranties." },
|
||||
{ id: "q3", title: "Where are you located?", content: "We are located on Dudhnoi College Road." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
<ContactSplit
|
||||
title="Get In Touch"
|
||||
description="Have questions? Fill out the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-car-parking_74190-4393.jpg"
|
||||
imageAlt="modern vehicle showroom interior"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBase
|
||||
logoText="Raj Motor"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Vehicles",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Vehicles", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Raj Motor. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user