Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Crown, Headphones, Lock, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Categories",
+          name: "Categories",          id: "categories"},
-          id: "categories",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="GameVault"
     />
@@ -53,81 +45,52 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Level Up Your Gaming Experience"
       description="Instant delivery of premium digital video games, GTA RP accounts, and Steam profiles. Secure, verified, and ready to play."
       kpis={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Satisfied Gamers"},
-          label: "Satisfied Gamers",
-        },
         {
-          value: "5min",
+          value: "5min",          label: "Instant Delivery"},
-          label: "Instant Delivery",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Expert Support"},
-          label: "Expert Support",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Browse Games",
+          text: "Browse Games",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/professional-gaming-website-hero-backgro-1774912526050-03c6c4d5.png?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",          alt: "Gamer 1"},
-          alt: "Gamer 1",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png",          alt: "Gamer 2"},
-          alt: "Gamer 2",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png",          alt: "Gamer 3"},
-          alt: "Gamer 3",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png",          alt: "Gamer 4"},
-          alt: "Gamer 4",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",          alt: "Gamer 5"},
-          alt: "Gamer 5",
-        },
       ]}
       avatarText="Join our community of over 10,000 active gamers."
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Instant Delivery",          icon: Zap,
-          text: "Instant Delivery",
-          icon: Zap,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Verified Accounts",          icon: ShieldCheck,
-          text: "Verified Accounts",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Secure Payments",          icon: Lock,
-          text: "Secure Payments",
-          icon: Lock,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
-          text: "24/7 Support",
-          icon: Headphones,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Lifetime Access",          icon: Crown,
-          text: "Lifetime Access",
-          icon: Crown,
         },
       ]}
     />
@@ -141,26 +104,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Premium GTA RP Account",          price: "$29.99",          variant: "Online",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=1"},
-          name: "Premium GTA RP Account",
-          price: "$29.99",
-          variant: "Online",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Steam Starter Pack",          price: "$15.99",          variant: "Offline",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=1"},
-          name: "Steam Starter Pack",
-          price: "$15.99",
-          variant: "Offline",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=1",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Ultimate RPG Bundle",          price: "$49.99",          variant: "Online",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=1"},
-          name: "Ultimate RPG Bundle",
-          price: "$49.99",
-          variant: "Online",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=1",
-        },
       ]}
       title="Featured Games"
       description="Our most popular digital accounts and gaming bundles."
@@ -174,38 +122,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "cat1",
+          id: "cat1",          title: "GTA RP",          author: "Most Popular",          description: "High-quality GTA Roleplay accounts with perks.",          tags: [
-          title: "GTA RP",
+            "Online",            "RP"],
-          author: "Most Popular",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=2"},
-          description: "High-quality GTA Roleplay accounts with perks.",
-          tags: [
-            "Online",
-            "RP",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=2",
-        },
         {
-          id: "cat2",
+          id: "cat2",          title: "Offline Games",          author: "Steam Collection",          description: "Access thousands of titles offline via Steam.",          tags: [
-          title: "Offline Games",
+            "Offline",            "Steam"],
-          author: "Steam Collection",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=2"},
-          description: "Access thousands of titles offline via Steam.",
-          tags: [
-            "Offline",
-            "Steam",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=2",
-        },
         {
-          id: "cat3",
+          id: "cat3",          title: "Online Games",          author: "Competitive",          description: "Top-tier accounts for online multiplayer titles.",          tags: [
-          title: "Online Games",
+            "Online",            "Competitive"],
-          author: "Competitive",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=2"},
-          description: "Top-tier accounts for online multiplayer titles.",
-          tags: [
-            "Online",
-            "Competitive",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=2",
-        },
       ]}
       title="Game Categories"
       description="Choose from a wide variety of verified digital accounts."
@@ -213,112 +140,59 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardFifteen
-      textboxLayout="split"
+      testimonial="Our experience with GameVault has been consistently excellent. Reliable, fast, and secure – truly the go-to for gamers."
-      useInvertedBackground={false}
+      rating={5}
-      testimonials={[
+      author="The Gaming Community"
-        {
+      avatars={[
-          id: "t1",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png", alt: "Gamer" },
-          name: "Alex R.",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png", alt: "Gamer" },
-          date: "Oct 2023",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png", alt: "Gamer" }
-          title: "Verified Buyer",
-          quote: "Instant delivery and exactly what I paid for. GTA RP account is perfect.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/professional-gaming-website-hero-backgro-1774912526050-03c6c4d5.png?_wi=2",
-          imageAlt: "Professional gaming website hero background featuring vibrant neon lines in blue and purple against ",
-        },
-        {
-          id: "t2",
-          name: "Sarah K.",
-          date: "Sep 2023",
-          title: "Verified Buyer",
-          quote: "Bought a Steam account, everything worked perfectly within minutes.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=3",
-          imageAlt: "High-quality cover art for a digital video game, clean minimalist style, neon accent border.",
-        },
-        {
-          id: "t3",
-          name: "Mark D.",
-          date: "Aug 2023",
-          title: "Verified Buyer",
-          quote: "Support team helped me setup my offline Steam account easily. 5 stars!",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=3",
-          imageAlt: "High-quality cover art for a Steam account package, blue neon accent.",
-        },
-        {
-          id: "t4",
-          name: "Elena P.",
-          date: "July 2023",
-          title: "Verified Buyer",
-          quote: "The best place to find high-end gaming accounts at affordable prices.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=3",
-          imageAlt: "High-quality cover art for a GTA RP package, purple neon accent.",
-        },
-        {
-          id: "t5",
-          name: "Chris B.",
-          date: "June 2023",
-          title: "Verified Buyer",
-          quote: "Reliable and fast. Will definitely come back for more games.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
-          imageAlt: "Portrait of a happy gamer wearing headset, professional studio lighting, dark background.",
-        },
       ]}
-      title="What Gamers Say"
+      ratingAnimation="slide-up"
-      description="Trusted by thousands of gamers worldwide."
+      avatarsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitText
-      textboxLayout="split"
+      sideTitle="Common Questions"
-      useInvertedBackground={true}
+      sideDescription="Find answers to our most common inquiries about delivery and accounts."
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How is the account delivered?",          content: "Accounts are delivered instantly to your registered email address upon payment confirmation."},
-          title: "How is the account delivered?",
-          content: "Accounts are delivered instantly to your registered email address upon payment confirmation.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are these accounts secure?",          content: "Yes, all our accounts are strictly verified and secured before being added to the catalog."},
-          title: "Are these accounts secure?",
-          content: "Yes, all our accounts are strictly verified and secured before being added to the catalog.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you offer customer support?",          content: "Our support team is available 24/7 via live chat and email to help with your purchase."},
-          title: "Do you offer customer support?",
-          content: "Our support team is available 24/7 via live chat and email to help with your purchase.",
-        },
       ]}
-      title="Common Questions"
-      description="Find answers to our most common inquiries about delivery and accounts."
       faqsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
-      logoText="GameVault"
+      columns={[
-      leftLink={{
+        {
-        text: "Terms of Service",
+          title: "GameVault",          items: [
-        href: "#",
+            { label: "About Us", href: "#" },
-      }}
+            { label: "Contact", href: "#" },
-      rightLink={{
+            { label: "Support", href: "#" }
-        text: "Privacy Policy",
+          ]
-        href: "#",
+        },
-      }}
+        {
+          title: "Legal",          items: [
+            { label: "Terms of Service", href: "#" },
+            { label: "Privacy Policy", href: "#" },
+            { label: "Refund Policy", href: "#" }
+          ]
+        }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+
+export default function ProductPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="medium"
+        background="none"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+                navItems={[{ name: "Home", id: "/" }]}
+                brandName="GameVault"
+            />
+        </div>
+
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+                sideTitle="Instructions & Security"
+                sideDescription="How to activate your product and our security guarantees."
+                faqsAnimation="slide-up"
+                useInvertedBackground={false}
+                faqs={[
+                    { id: "s1", title: "How do I activate?", content: "Follow the instructions sent to your email after checkout." },
+                    { id: "s2", title: "Is it secure?", content: "We use encrypted transactions and verified account sources." }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffffe6;
+  --foreground: #f5f5f5;
-  --primary-cta: #e6e6e6;
+  --primary-cta: #dfff1c;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
+  --accent: #8b9a1b;
-  --background-accent: #737373;
+  --background-accent: #5d6b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);