bender/bb3cde50-f2d8-4d0e-a30e-1fc580eda4a1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #5

Merged
bender merged 1 commits from version_4 into main 2026-04-26 00:50:52 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -56
1 changed files with 46 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -31,35 +31,35 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Motorcycles & Parts", id: "products" },
{ name: "Products", id: "products" },
{ name: "Apparel", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Stuzzmoto"
brandName="The Starline.co"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="Sur-Ron Electric Performance"
description="Discover our exclusive range of Sur-Ron electric motorcycles, high-performance aftermarket parts, and premium rider apparel."
title="The Starline.co"
description="Premium apparel for the modern rider. Engineered for style, built for the streets."
kpis={[
{ value: "Sur-Ron", label: "Models" },
{ value: "500+", label: "Bike Parts" },
{ value: "Elite", label: "Apparel" },
{ value: "Premium", label: "Materials" },
{ value: "Urban", label: "Designs" },
{ value: "Ready", label: "Stock" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Shop Catalog", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/electric-motorcycle-concept_1234-5678.jpg"
imageAlt="Sur-Ron electric motorcycle"
buttons={[{ text: "Shop Apparel", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/biker-racing-gear.jpg"
imageAlt="Premium apparel collection"
mediaAnimation="slide-up"
avatarText="Trusted by 5,000+ riders"
marqueeItems={[
{ type: "text", text: "Sur-Ron Ready" },
{ type: "text", text: "Performance Parts" },
{ type: "text", text: "Premium Apparel" },
{ type: "text", text: "Stuzz Moto" },
{ type: "text", text: "Urban Style" },
{ type: "text", text: "Street Ready" },
{ type: "text", text: "The Starline.co" },
]}
/>
</div>
@@ -67,7 +67,7 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Electrifying the Future"
title="Defining Modern Apparel"
/>
</div>
@@ -77,12 +77,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="Built for Power"
description="From stock Sur-Ron upgrades to signature rider apparel."
title="Signature Quality"
description="From concept to the final stitch, we deliver premium performance gear."
features={[
{ title: "Sur-Ron Parts", description: "High-grade controllers, batteries, and frame components.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanical-part-close-up.jpg", imageAlt: "mechanical brake part high detail" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/biker-racing-gear.jpg", imageAlt: "biker racing gear portrait" } },
{ title: "Signature Apparel", description: "Clean black and white shirts and gear for every ride.", 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: "Elite Service", description: "Technical expertise to keep your bike hitting the track.", 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" } },
{ title: "Premium Fabrics", description: "High-durability textiles designed for comfort and performance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/biker-racing-gear.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/serious-motorcyclist-showing-orange-lining-his-burgundy-air-jacket-wearing-vintage-helmet-isolated-white_346278-1553.jpg" } },
{ title: "Urban Aesthetics", description: "Clean, minimalist designs that look good on and off the bike.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-motorbike-rider-with-helmet_23-2148585481.jpg" }, phoneTwo: { 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" } },
{ title: "Performance Fit", description: "Ergonomically crafted to move with you through every curve.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8083.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/headlight-motorcycle_1398-282.jpg" } },
]}
/>
</div>
@@ -94,15 +94,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "s1", name: "Sur-Ron Light Bee X", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/electric-bike-sur-ron.jpg" },
{ id: "p1", name: "Stuzz Moto Black Hoodie", 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: "Stuzz Signature Logo Tee (White)", price: "$35", imageSrc: "http://img.b2bpic.net/free-vector/illustration-skull-helmet-wings_1284-49545.jpg" },
{ id: "p5", name: "High-Flow Motor Controller", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8105.jpg" },
{ id: "p6", name: "Carbon Fiber Rear Fender", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-275.jpg" },
{ id: "p1", name: "Signature Black Hoodie", 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: "Logo Tee (White)", price: "$35", imageSrc: "http://img.b2bpic.net/free-vector/illustration-skull-helmet-wings_1284-49545.jpg" },
{ id: "p7", name: "Rider Graphic Shirt (Black)", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/side-view-motorbike-rider-with-helmet_23-2148585481.jpg" },
]}
title="Our Catalog"
description="Shop our selection of Sur-Ron electric bikes, essential performance parts, and signature apparel."
title="Apparel Catalog"
description="Shop our latest collection of premium rider apparel."
/>
</div>
@@ -110,52 +107,45 @@ export default function LandingPage() {
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
title="Rider Stories"
description="What our community has to say about the Stuzzmoto experience."
title="Rider Voices"
description="Community feedback on our latest gear."
testimonials={[
{ id: "t1", name: "Alex R.", date: "Oct 2023", title: "Pro Sur-Ron Racer", quote: "The controller upgrade made a massive difference in torque.", 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: "Street Rider", quote: "The apparel range looks great and 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: "Sur-Ron 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" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about The Starline.co gear."
faqs={[
{ id: "q1", title: "Which Sur-Ron models do you support?", content: "We specialize in parts for the Sur-Ron Light Bee and Storm Bee series." },
{ id: "q2", title: "Are your shirts limited edition?", content: "Our signature black and white series are seasonal releases." },
{ 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." },
{ id: "q1", title: "What is your shipping policy?", content: "We ship globally with tracked services within 3-5 business days." },
{ id: "q2", title: "How do I find my fit?", content: "Consult our sizing guide on the product page for accurate measurements." },
{ id: "q3", title: "Can I return apparel?", content: "We accept returns on unworn items within 30 days of purchase." },
]}
sideTitle="Questions?"
sideDescription="Find answers to our most common queries about bikes, parts, and apparel."
faqsAnimation="blur-reveal"
faqsAnimation="slide-up"
textboxLayout="default"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get In Touch"
description="Need advice on your build or help with your order? 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"
<ContactCenter
tag="Get In Touch"
title="Join The Starline.co"
description="Sign up for early access to new releases and exclusive apparel drops."
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Stuzzmoto"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
<FooterCard
logoText="The Starline.co"
copyrightText="© 2025 The Starline.co | All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}