Switch to version 1: modified src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
   return (
@@ -30,30 +30,129 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "home" },
+        {
-        { name: "Catalog", id: "catalog" },
+          name: "Home",
-        { name: "Contact", id: "contact" },
+          id: "home",
+        },
+        {
+          name: "Catalog",
+          id: "catalog",
+        },
+        {
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName="GamingRO"
-      button={{ text: "Login", href: "#" }}
+      button={{
+        text: "Login",
+        href: "#",
+      }}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitTestimonial
       useInvertedBackground={true}
-      background={{ variant: "gradient-bars" }}
+      background={{
+        variant: "gradient-bars",
+      }}
       title="Level Up Your Setup"
       description="Premium gaming gear, accessories, and setups for serious players. Engineered for precision, built for domination."
       testimonials={[
-        { name: "Max M.", handle: "@maxgaming", testimonial: "The build quality on these peripherals is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg" },
+        {
-        { name: "Jordan P.", handle: "@jp_pro", testimonial: "Fast shipping and even better performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-playing-multiplayer-online-action-rpg-pc-while-girlfriend-is-fighting-virtual-reality-game-living-room-gamer-streaming-first-person-shooter-while-woman-uses-vr-goggles_482257-50436.jpg" },
+          name: "Max M.",
-        { name: "Casey L.", handle: "@casey_playz", testimonial: "Best customer support I have dealt with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg" }
+          handle: "@maxgaming",
+          testimonial: "The build quality on these peripherals is unmatched.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
+        },
+        {
+          name: "Jordan P.",
+          handle: "@jp_pro",
+          testimonial: "Fast shipping and even better performance.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-playing-multiplayer-online-action-rpg-pc-while-girlfriend-is-fighting-virtual-reality-game-living-room-gamer-streaming-first-person-shooter-while-woman-uses-vr-goggles_482257-50436.jpg",
+        },
+        {
+          name: "Casey L.",
+          handle: "@casey_playz",
+          testimonial: "Best customer support I have dealt with.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg",
+        },
+        {
+          name: "Sam R.",
+          handle: "@samplays",
+          testimonial: "Precision is key and this gear delivers.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-pro-gamer-woman-playing-first-person-video-games-using-rgb-keyboard-home-studio-gamer-streaming-gameplay-using-professional-gaming-powerful-computer-online-competition_482257-12644.jpg",
+        },
+        {
+          name: "Taylor B.",
+          handle: "@tb_gaming",
+          testimonial: "Worth every cent for the competitive edge.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99742.jpg",
+        },
+      ]}
+      buttons={[
+        {
+          text: "Shop The Drop",
+          href: "#catalog",
+        },
+        {
+          text: "Explore Collections",
+          href: "#catalog",
+        },
       ]}
-      buttons={[{ text: "Shop The Drop", href: "#catalog" }, { text: "Explore Collections", href: "#catalog" }]}
       imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746566.jpg"
       imageAlt="Premium gaming setup"
       mediaAnimation="blur-reveal"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746566.jpg",
+          alt: "Customer portrait 1",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
+          alt: "Customer portrait 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg",
+          alt: "Customer portrait 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
+          alt: "Customer portrait 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg",
+          alt: "Customer portrait 5",
+        },
+      ]}
+      marqueeItems={[
+        {
+          type: "text",
+          text: "Premium Gaming Gear",
+        },
+        {
+          type: "text",
+          text: "Global Shipping",
+        },
+        {
+          type: "text",
+          text: "Secure Checkout",
+        },
+        {
+          type: "text",
+          text: "Elite Performance",
+        },
+        {
+          type: "text",
+          text: "14-Day Returns",
+        },
+      ]}
     />
   </div>
 
@@ -64,9 +163,27 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        { title: "Secure Payments", description: "Shop with peace of mind using trusted global payment methods.", imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063075.jpg", buttonText: "Learn More" },
+        {
-        { title: "Fast Shipping", description: "Tracked delivery included across Romania and the EU.", imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746587.jpg", buttonText: "Learn More" },
+          title: "Secure Payments",
-        { title: "Easy Returns", description: "14-day hassle-free return policy on all gaming gear.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg", buttonText: "Learn More" }
+          description: "Shop with peace of mind using trusted global payment methods.",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063075.jpg",
+          buttonText: "Learn More",
+        },
+        {
+          title: "Fast Shipping",
+          description: "Tracked delivery included across Romania and the EU.",
+          imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746587.jpg",
+          buttonText: "Learn More",
+        },
+        {
+          title: "Easy Returns",
+          description: "14-day hassle-free return policy on all gaming gear.",
+          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg",
+          buttonText: "Learn More",
+        },
       ]}
       title="Built for Victory"
       description="Transform your gaming experience with gear designed for players who don't settle."
@@ -80,10 +197,60 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        { id: "p1", brand: "Titan", name: "TitanFlex Pro Chair", price: "$349", rating: 5, reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg" },
+        {
-        { id: "p2", brand: "Apex", name: "Apex Precision Mouse", price: "$89", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-notebook-eyeglasses-pen_23-2148036903.jpg" },
+          id: "p1",
-        { id: "p3", brand: "Neo", name: "Neo Mechanical Keyboard", price: "$159", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg" },
+          brand: "Titan",
-        { id: "p4", brand: "Flow", name: "Flow Desk Mat", price: "$49", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746580.jpg" }
+          name: "TitanFlex Pro Chair",
+          price: "$349",
+          rating: 5,
+          reviewCount: "61",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg",
+        },
+        {
+          id: "p2",
+          brand: "Apex",
+          name: "Apex Precision Mouse",
+          price: "$89",
+          rating: 5,
+          reviewCount: "120",
+          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-notebook-eyeglasses-pen_23-2148036903.jpg",
+        },
+        {
+          id: "p3",
+          brand: "Neo",
+          name: "Neo Mechanical Keyboard",
+          price: "$159",
+          rating: 4,
+          reviewCount: "45",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
+        },
+        {
+          id: "p4",
+          brand: "Flow",
+          name: "Flow Desk Mat",
+          price: "$49",
+          rating: 5,
+          reviewCount: "89",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746580.jpg",
+        },
+        {
+          id: "p5",
+          brand: "Pulse",
+          name: "Pulse Monitor Stand",
+          price: "$79",
+          rating: 4,
+          reviewCount: "32",
+          imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-arrangement-high-angle_23-2149680236.jpg",
+        },
+        {
+          id: "p6",
+          brand: "Zen",
+          name: "Zen Lighting Kit",
+          price: "$129",
+          rating: 5,
+          reviewCount: "77",
+          imageSrc: "http://img.b2bpic.net/free-photo/black-paper-sheet-floral-ornament_23-2147752036.jpg",
+        },
       ]}
       title="Legendary Drops"
       description="Our latest curated collection of premium equipment and decor."
@@ -93,34 +260,95 @@ export default function LandingPage() {
   <div id="why-choose-us" data-section="why-choose-us">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[{ type: "text", content: "Built for Players Who Don't Settle" }]}
+      heading={[
-      buttons={[{ text: "Upgrade Complete" }]}
+        {
+          type: "text",
+          content: "Built for Players Who Don't Settle",
+        },
+      ]}
+      buttons={[
+        {
+          text: "Upgrade Complete",
+        },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardOne
-      cardTitle="Community Verified"
+      animationType="slide-up"
-      cardTag="Testimonials"
+      textboxLayout="split-description"
-      cardAnimation="blur-reveal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        { id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-review-newly-released-gaming-laptop_482257-124166.jpg" },
+        {
-        { id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-side-doing-hi-gesture-isolated-pink-wall_141793-113443.jpg" },
+          id: "t1",
-        { id: "t3", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg" }
+          name: "Sarah Johnson",
+          role: "Gamer",
+          company: "Community",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-review-newly-released-gaming-laptop_482257-124166.jpg",
+        },
+        {
+          id: "t2",
+          name: "Michael Chen",
+          role: "Pro-Player",
+          company: "Community",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-side-doing-hi-gesture-isolated-pink-wall_141793-113443.jpg",
+        },
+        {
+          id: "t3",
+          name: "David Kim",
+          role: "Streamer",
+          company: "Community",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg",
+        },
+        {
+          id: "t4",
+          name: "Emily Rodriguez",
+          role: "Enthusiast",
+          company: "Community",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/mature-adult-participating-webinar-lesson-from-home-office_482257-126991.jpg",
+        },
+        {
+          id: "t5",
+          name: "Alex Smith",
+          role: "Gamer",
+          company: "Community",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg",
+        },
       ]}
+      title="Community Verified"
+      description="Don't just take our word for it. Hear from the players."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="split-description"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "How long is shipping?", content: "Shipping within EU and Romania usually takes 3-5 business days." },
+        {
-        { id: "f2", title: "What is the return policy?", content: "We offer a 14-day hassle-free return policy for all products." },
+          id: "f1",
-        { id: "f3", title: "Are payments secure?", content: "Yes, we use industry-standard encryption for all our payment processes." }
+          title: "How long is shipping?",
+          content: "Shipping within EU and Romania usually takes 3-5 business days.",
+        },
+        {
+          id: "f2",
+          title: "What is the return policy?",
+          content: "We offer a 14-day hassle-free return policy for all products.",
+        },
+        {
+          id: "f3",
+          title: "Are payments secure?",
+          content: "Yes, we use industry-standard encryption for all our payment processes.",
+        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg"
       title="Frequently Asked Questions"
       description="Have questions about our shipping or return policy?"
       faqsAnimation="slide-up"
@@ -128,21 +356,62 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
+      useInvertedBackground={true}
       title="Get Exclusive Drops"
       description="Sign up for our newsletter for early access to new gear and community events."
-      tag="Contact"
+      inputs={[
-      background={{ variant: "sparkles-gradient" }}
+        {
-      useInvertedBackground={true}
+          name: "name",
+          type: "text",
+          placeholder: "Your Name",
+          required: true,
+        },
+        {
+          name: "email",
+          type: "email",
+          placeholder: "Email Address",
+          required: true,
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780692.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       logoText="GamingRO"
       columns={[
-        { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Privacy", href: "#" }] },
+        {
-        { title: "Collections", items: [{ label: "Gaming Chairs", href: "#" }, { label: "Accessories", href: "#" }] }
+          title: "Support",
+          items: [
+            {
+              label: "Shipping",
+              href: "#",
+            },
+            {
+              label: "Returns",
+              href: "#",
+            },
+            {
+              label: "Privacy",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Collections",
+          items: [
+            {
+              label: "Gaming Chairs",
+              href: "#",
+            },
+            {
+              label: "Accessories",
+              href: "#",
+            },
+          ],
+        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f5f4ef;
-  --card: #1a1a1a;
+  --card: #dad6cd;
-  --foreground: #f8f5ffe6;
+  --foreground: #2a2928;
-  --primary-cta: #c89bff;
+  --primary-cta: #2a2928;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #2a2928;
-  --accent: #737373;
+  --accent: #ffffff;
-  --background-accent: #737373;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);