253 lines
9.0 KiB
TypeScript
253 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Motorcycles",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Community",
|
|
id: "testimonials",
|
|
},
|
|
]}
|
|
brandName="Royal Enfield"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Born of Heritage. Built for the Future."
|
|
description="Experience the legendary roar of Royal Enfield. Engineering meets elegance in our newest range of motorcycles designed for the modern explorer."
|
|
buttons={[
|
|
{
|
|
text: "Explore Range",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Book a Test Ride",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sexy-thoughtful-lady-wit-long-dark-hair-poses-leather-jacket-motorcycle_8353-5666.jpg?_wi=1"
|
|
imageAlt="Royal Enfield motorcycle on a mountain road"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg",
|
|
alt: "Rider 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-riding-powerful-motorcycle_23-2150704645.jpg",
|
|
alt: "Rider 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/transport-concept-with-motorbike_23-2148959729.jpg",
|
|
alt: "Rider 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-afro-american-man_171337-10255.jpg",
|
|
alt: "Rider 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-cool-old-woman-with-motorcycle_23-2150742866.jpg",
|
|
alt: "Rider 5",
|
|
},
|
|
]}
|
|
avatarText="Join 10,000+ riders worldwide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Continental GT 650",
|
|
price: "$6,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704871.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Himalayan 450",
|
|
price: "$5,899",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-traveler-dressed-trendy-camouflaged-jacket-standing-with-sports-bicycle-shoulder-studio-isolated-dark-background_613910-4281.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Classic 350",
|
|
price: "$4,699",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/motorbike-wall-with-white-background-vintage-custom-motorcycle-toy_460848-13004.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Interceptor 650",
|
|
price: "$6,199",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704871.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Super Meteor 650",
|
|
price: "$6,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/motorbike-wall-with-white-background-vintage-custom-motorcycle-toy_460848-13004.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Hunter 350",
|
|
price: "$3,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-traveler-dressed-trendy-camouflaged-jacket-standing-with-sports-bicycle-shoulder-studio-isolated-dark-background_613910-4281.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="The Collection"
|
|
description="Timeless design meets relentless performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Traditional engine vibration",
|
|
"Limited top-end speed",
|
|
"Heavy curb weight",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Timeless heritage aesthetics",
|
|
"Exceptional low-end torque",
|
|
"Unrivaled repairability",
|
|
"Global service network",
|
|
],
|
|
}}
|
|
title="Engineering Perfection"
|
|
description="Royal Enfield is built for reliability, comfort, and unmatched performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Vikram Singh",
|
|
date: "Jan 2024",
|
|
title: "Adventure Traveler",
|
|
quote: "My Himalayan has taken me across mountains where roads don't even exist. Truly unbreakable.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Sarah Miller",
|
|
date: "Dec 2023",
|
|
title: "City Rider",
|
|
quote: "The Classic 350 is a head-turner. Every commute feels like a vintage ride back in time.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/person-riding-powerful-motorcycle_23-2150704645.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-riding-powerful-motorcycle_23-2150704645.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "David Chen",
|
|
date: "Nov 2023",
|
|
title: "Coffee Racer",
|
|
quote: "The GT 650 is pure adrenaline. The twin engine delivery is incredibly smooth.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-motorbike_23-2148959729.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-motorbike_23-2148959729.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Elena Rossi",
|
|
date: "Oct 2023",
|
|
title: "Road Tripper",
|
|
quote: "Service across India is impeccable. I have never been stranded on a long tour.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-man_171337-10255.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-afro-american-man_171337-10255.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Mark Johnson",
|
|
date: "Sep 2023",
|
|
title: "Brand Enthusiast",
|
|
quote: "The community vibe is what kept me here. It's more than a bike; it's a brotherhood.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cool-old-woman-with-motorcycle_23-2150742866.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-old-woman-with-motorcycle_23-2150742866.jpg",
|
|
},
|
|
]}
|
|
title="Rider Stories"
|
|
description="Voices from the open road."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Join the Brotherhood"
|
|
description="Sign up for updates on our newest launches and exclusive dealership events."
|
|
imageSrc="http://img.b2bpic.net/free-photo/sexy-thoughtful-lady-wit-long-dark-hair-poses-leather-jacket-motorcycle_8353-5666.jpg?_wi=2"
|
|
tag="Stay Updated"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Royal Enfield"
|
|
copyrightText="© 2025 Royal Enfield. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|