Merge version_1 into main #2
@@ -11,8 +11,8 @@ import { Poppins } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Stuzzmoto | Motorcycle Parts & Apparel',
|
||||
description: 'Upgrade your ride with Stuzzmoto\'s high-performance motorcycle parts and premium rider apparel. Fast shipping and trusted by riders worldwide.',
|
||||
title: 'Stuzzmoto | Premium Motorcycle Gear',
|
||||
description: 'Premium motorcycle parts and performance rider apparel.',
|
||||
openGraph: {
|
||||
"title": "Stuzzmoto",
|
||||
"description": "High-performance motorcycle parts and apparel.",
|
||||
|
||||
461
src/app/page.tsx
461
src/app/page.tsx
@@ -27,346 +27,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Apparel",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Stuzzmoto"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Apparel", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Stuzzmoto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unleash Your Ride"
|
||||
description="Stuzzmoto is your destination for high-performance motorcycle parts and premium rider apparel designed for the fast lane."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Parts in Stock",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Happy Riders",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19250.jpg?_wi=1"
|
||||
imageAlt="sport bike racing track"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-fashionable-biker-dressed-black-leather-jacket-with-sunglasses-sitting-his-custom-made-retro-motorcycle-his-young-brunette-girlfriend-who-leaning-his-shoulder_613910-18825.jpg",
|
||||
alt: "Portrait of a brutal fashionable biker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-motorcycle-helmet-leather-clothes-isolated-grey-background-studio_613910-838.jpg",
|
||||
alt: "Female in motorcycle helmet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-with-rucksack-smoking-cigarette-grey-background_613910-12098.jpg",
|
||||
alt: "Middle age male biker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-adult-with-cool-motorcycle_23-2150849417.jpg",
|
||||
alt: "Full shot adult with cool motorcycle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-man-with-beard-drinks-coffee-from-disposable-paper-cup-sits-motorbike-street-lifestyle-tropical-life-bali_1321-4202.jpg",
|
||||
alt: "Stylish man with coffee on motorbike",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ riders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Racing Proven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unleash Your Ride"
|
||||
description="Stuzzmoto is your destination for high-performance motorcycle parts and premium rider apparel designed for the fast lane."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Parts in Stock" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
{ value: "99%", label: "Happy Riders" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19250.jpg"
|
||||
imageAlt="sport bike racing track"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-fashionable-biker-dressed-black-leather-jacket-with-sunglasses-sitting-his-custom-made-retro-motorcycle-his-young-brunette-girlfriend-who-leaning-his-shoulder_613910-18825.jpg", alt: "Portrait of a brutal fashionable biker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-motorcycle-helmet-leather-clothes-isolated-grey-background-studio_613910-838.jpg", alt: "Female in motorcycle helmet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-with-rucksack-smoking-cigarette-grey-background_613910-12098.jpg", alt: "Middle age male biker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-adult-with-cool-motorcycle_23-2150849417.jpg", alt: "Full shot adult with cool motorcycle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-man-with-beard-drinks-coffee-from-disposable-paper-cup-sits-motorbike-street-lifestyle-tropical-life-bali_1321-4202.jpg", alt: "Stylish man with coffee on motorbike" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ riders"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Racing Proven" },
|
||||
{ type: "text", text: "Precision Engineered" },
|
||||
{ type: "text", text: "High Performance" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Born for the Road"
|
||||
description="At Stuzzmoto, we combine engineering precision with a passion for speed. We curate the best performance parts and gear to ensure every ride is unforgettable."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Born for the Road"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Parts",
|
||||
description: "Engineered for maximum power and reliability.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg?_wi=1",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-beside-motorcycle-with-helmet_23-2148875789.jpg?_wi=1",
|
||||
imageAlt: "biker racing gear portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19250.jpg?_wi=2",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
{
|
||||
title: "Pro Rider Gear",
|
||||
description: "Stay safe and look sharp in our elite apparel range.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-motorcyclist-showing-orange-lining-his-burgundy-air-jacket-wearing-vintage-helmet-isolated-white_346278-1553.jpg",
|
||||
imageAlt: "biker racing gear portrait",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-motorcycle_1398-282.jpg",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-clothes-thrift-shop_23-2150082891.jpg?_wi=1",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
{
|
||||
title: "Rapid Shipping",
|
||||
description: "Get back on the track sooner with our fast fulfillment.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8083.jpg",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-zero-emissions-mean-transportation-go-around-city_23-2151261358.jpg",
|
||||
imageAlt: "biker racing gear portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proud-looking-motorbiker-plain-white-helmet-bordeaux-nylon-bomber-jacket-jeans-t-shirt-against-white-wall-background_346278-1552.jpg?_wi=1",
|
||||
imageAlt: "mechanical brake part high detail",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Performance Meets Style"
|
||||
description="Expertly curated components and apparel for all riding enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Performance Meets Style"
|
||||
description="Expertly curated components and apparel for all riding enthusiasts."
|
||||
features={[
|
||||
{ title: "Precision Parts", description: "Engineered for maximum power and reliability.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg", imageAlt: "mechanical brake part high detail" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-standing-beside-motorcycle-with-helmet_23-2148875789.jpg", imageAlt: "biker racing gear portrait" } },
|
||||
{ title: "Pro Rider Gear", description: "Stay safe and look sharp in our elite apparel range.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/serious-motorcyclist-showing-orange-lining-his-burgundy-air-jacket-wearing-vintage-helmet-isolated-white_346278-1553.jpg", imageAlt: "biker racing gear portrait" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/headlight-motorcycle_1398-282.jpg", imageAlt: "mechanical brake part high detail" } },
|
||||
{ title: "Rapid Shipping", description: "Get back on the track sooner with our fast fulfillment.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8083.jpg", imageAlt: "mechanical brake part high detail" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-using-zero-emissions-mean-transportation-go-around-city_23-2151261358.jpg", imageAlt: "biker racing gear portrait" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Racing Gloves",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proud-looking-motorbiker-plain-white-helmet-bordeaux-nylon-bomber-jacket-jeans-t-shirt-against-white-wall-background_346278-1552.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Carbon Exhaust",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-275.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Racing Helmet",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-motorbike-rider-with-helmet_23-2148585481.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rider Boots",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-black-leather-heels-decorated-with-leather-belt-isolated-white_181624-32608.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Engine Spark Plug",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8105.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Stuzzmoto Logo Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-skull-helmet-wings_1284-49545.jpg",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Everything you need to upgrade your bike and your look."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Racing Gloves", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/proud-looking-motorbiker-plain-white-helmet-bordeaux-nylon-bomber-jacket-jeans-t-shirt-against-white-wall-background_346278-1552.jpg" },
|
||||
{ id: "p2", name: "Carbon Exhaust", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-275.jpg" },
|
||||
{ id: "p3", name: "Racing Helmet", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/side-view-motorbike-rider-with-helmet_23-2148585481.jpg" },
|
||||
{ id: "p4", name: "Rider Boots", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/shot-black-leather-heels-decorated-with-leather-belt-isolated-white_181624-32608.jpg" },
|
||||
{ id: "p5", name: "Engine Spark Plug", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8105.jpg" },
|
||||
{ id: "p6", name: "Stuzzmoto Logo Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-vector/illustration-skull-helmet-wings_1284-49545.jpg" },
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Everything you need to upgrade your bike and your look."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Pro Racer",
|
||||
quote: "The performance exhaust changed the game.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-3791.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19250.jpg?_wi=3",
|
||||
imageAlt: "happy motorcycle customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
date: "Nov 2023",
|
||||
title: "Biker",
|
||||
quote: "Fast delivery and the gear fits perfectly.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/tired-young-motorbiker-red-bomber-jacket-black-jeans-white-t-shirt-adjusting-his-hairstyle-holding-his-white-helmet_346278-1554.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-clothes-thrift-shop_23-2150082891.jpg?_wi=2",
|
||||
imageAlt: "happy motorcycle customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus V.",
|
||||
date: "Dec 2023",
|
||||
title: "Enthusiast",
|
||||
quote: "Top quality parts for a reasonable price.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-smoking-cigarette-grey-background_613910-12005.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg?_wi=2",
|
||||
imageAlt: "happy motorcycle customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jenny L.",
|
||||
date: "Jan 2024",
|
||||
title: "Rider",
|
||||
quote: "Great selection of accessories.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-helmet-motorcycle_23-2148703186.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-beside-motorcycle-with-helmet_23-2148875789.jpg?_wi=2",
|
||||
imageAlt: "happy motorcycle customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
date: "Feb 2024",
|
||||
title: "Pro Mechanic",
|
||||
quote: "High quality parts that perform under stress.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proud-looking-motorbiker-plain-white-helmet-bordeaux-nylon-bomber-jacket-jeans-t-shirt-against-white-wall-background_346278-1552.jpg?_wi=3",
|
||||
imageAlt: "happy motorcycle customer portrait",
|
||||
},
|
||||
]}
|
||||
title="Rider Stories"
|
||||
description="What our community has to say about the Stuzzmoto experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Rider Stories"
|
||||
description="What our community has to say about the Stuzzmoto experience."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", date: "Oct 2023", title: "Pro Racer", quote: "The performance exhaust changed the game.", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-3791.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", date: "Nov 2023", title: "Biker", quote: "Fast delivery and the gear fits perfectly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/tired-young-motorbiker-red-bomber-jacket-black-jeans-white-t-shirt-adjusting-his-hairstyle-holding-his-white-helmet_346278-1554.jpg" },
|
||||
{ id: "t3", name: "Marcus V.", date: "Dec 2023", title: "Enthusiast", quote: "Top quality parts for a reasonable price.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-smoking-cigarette-grey-background_613910-12005.jpg" },
|
||||
{ id: "t4", name: "Jenny L.", date: "Jan 2024", title: "Rider", quote: "Great selection of accessories.", tag: "Racer", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-helmet-motorcycle_23-2148703186.jpg" },
|
||||
{ id: "t5", name: "David W.", date: "Feb 2024", title: "Pro Mechanic", quote: "High quality parts that perform under stress.", tag: "Mechanic", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship parts and apparel worldwide.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I choose the right gear size?",
|
||||
content: "Refer to our sizing guide on every product page to ensure the perfect fit.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to our most common queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What is your return policy?", content: "You can return items within 30 days of purchase for a full refund." },
|
||||
{ id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship parts and apparel worldwide." },
|
||||
{ id: "q3", title: "How do I choose the right gear size?", content: "Refer to our sizing guide on every product page to ensure the perfect fit." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to our most common queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about your order or need bike advice? Contact our support team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139400.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about your order or need bike advice? Contact our support team."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139400.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Stuzzmoto"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Stuzzmoto"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user