Add src/app/products/page.tsx

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 (
@@ -32,6 +32,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "home" },
         { name: "Catalog", id: "catalog" },
+        { name: "Products", id: "/products" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="GamingRO"
@@ -45,12 +46,8 @@ export default function LandingPage() {
       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={[
+      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" },
+      buttons={[{ text: "Shop The Drop", href: "/products" }, { text: "Explore Collections", href: "#catalog" }]}
-        { 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" }
-      ]}
-      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"
@@ -63,11 +60,7 @@ export default function LandingPage() {
       textboxLayout="split-description"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      features={[
+      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: "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."
     />
@@ -79,12 +72,7 @@ export default function LandingPage() {
       textboxLayout="split-description"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
-      products={[
+      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: "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" }
-      ]}
       title="Legendary Drops"
       description="Our latest curated collection of premium equipment and decor."
     />
@@ -99,28 +87,23 @@ export default function LandingPage() {
   </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={[
+      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" },
+      title="Community Verified"
-        { 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" },
+      description="Don't just take our word for it. Hear from the players."
-        { 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" }
-      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="split-description"
       useInvertedBackground={false}
-      faqs={[
+      faqs={[]}
-        { id: "f1", title: "How long is shipping?", content: "Shipping within EU and Romania usually takes 3-5 business days." },
+      imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg"
-        { 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." }
-      ]}
       title="Frequently Asked Questions"
       description="Have questions about our shipping or return policy?"
       faqsAnimation="slide-up"
@@ -128,22 +111,19 @@ 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={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
-      background={{ variant: "sparkles-gradient" }}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780692.jpg"
-      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       logoText="GamingRO"
-      columns={[
+      columns={[]}
-        { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Privacy", href: "#" }] },
-        { title: "Collections", items: [{ label: "Gaming Chairs", href: "#" }, { label: "Accessories", href: "#" }] }
-      ]}
     />
   </div>
       </ReactLenis>

src/app/products/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="medium"
+        background="fluid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/#catalog" },
+              { name: "Products", id: "/products" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="GamingRO"
+            button={{ text: "Login", href: "#" }}
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            title="All Premium Products"
+            description="Explore our full range of professional gaming equipment."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="opacity"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard logoText="GamingRO" columns={[]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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);