Merge version_4 into main

Merge version_4 into main

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,42 +31,35 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "hero" },
+              { 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="Unleash Your Ride"
-            description="Stuzzmoto is your destination for high-performance motorcycle parts and premium rider apparel designed for the fast lane."
+            title="The Starline.co"
+            description="Premium apparel for the modern rider. Engineered for style, built for the streets."
             kpis={[
-              { value: "500+", label: "Parts in Stock" },
-              { value: "12+", label: "Years Experience" },
-              { value: "99%", label: "Happy Riders" },
+              { value: "Premium", label: "Materials" },
+              { value: "Urban", label: "Designs" },
+              { value: "Ready", label: "Stock" },
             ]}
             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"
+            buttons={[{ text: "Shop Apparel", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/biker-racing-gear.jpg?_wi=1"
+            imageAlt="Premium apparel collection"
             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" },
+              { type: "text", text: "Premium Apparel" },
+              { type: "text", text: "Urban Style" },
+              { type: "text", text: "Street Ready" },
+              { type: "text", text: "The Starline.co" },
             ]}
           />
         </div>
@@ -74,7 +67,7 @@ export default function LandingPage() {
         <div id="about" data-section="about">
           <TextAbout
             useInvertedBackground={true}
-            title="Born for the Road"
+            title="Defining Modern Apparel"
           />
         </div>
 
@@ -84,12 +77,12 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             showStepNumbers={true}
-            title="Performance Meets Style"
-            description="Expertly curated components and apparel for all riding enthusiasts."
+            title="Signature Quality"
+            description="From concept to the final stitch, we deliver premium performance gear."
             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" } },
+              { title: "Premium Fabrics", description: "High-durability textiles designed for comfort and performance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/biker-racing-gear.jpg?_wi=2" }, 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?_wi=1" }, 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?_wi=1" } },
+              { 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>
@@ -101,15 +94,12 @@ export default function LandingPage() {
             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" },
+              { 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?_wi=2" },
+              { 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?_wi=2" },
             ]}
-            title="Shop Our Collection"
-            description="Everything you need to upgrade your bike and your look."
+            title="Apparel Catalog"
+            description="Shop our latest collection of premium rider apparel."
           />
         </div>
 
@@ -117,54 +107,48 @@ 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 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" },
+              { 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" },
             ]}
           />
         </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: "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." },
+              { 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."
-            faqsAnimation="blur-reveal"
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </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"
+          <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"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={true}
           />
         </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>
   );
-}
+}