From c4a4cd17af8e642ac0fed4d68f6e928c2a5bd763 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 00:50:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 102 +++++++++++++++++++++--------------------------
 1 file changed, 46 insertions(+), 56 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b30bf0f..d7d03cc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1