Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -7,10 +7,17 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
+  const products = [
+    { id: "p1", name: "PS Plus Essential", price: "From 200 EGP", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzqDMz6XkrLE8Wnt96wqya3qZB/uploaded-1775502248240-3sbfqspf.png", rating: 5 },
+    { id: "p2", name: "FC Points Bundle", price: "From 500 EGP", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzqDMz6XkrLE8Wnt96wqya3qZB/uploaded-1775502248241-c4ghjmvn.png", rating: 5 },
+    { id: "p3", name: "Steam Wallet Code", price: "From 150 EGP", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzqDMz6XkrLE8Wnt96wqya3qZB/uploaded-1775502248242-2h5rsu6x.png", rating: 5 },
+    { id: "p4", name: "Primary PS Account", price: "From 350 EGP", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzqDMz6XkrLE8Wnt96wqya3qZB/uploaded-1775502248242-ndnsuu18.png", rating: 5 }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -28,22 +35,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Catalog", id: "#products" },
-          id: "#hero",
+        { name: "Testimonials", id: "#testimonials" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Services",
-          id: "#products",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="NextPlay"
     />
@@ -52,105 +47,13 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Cheapest Digital Gaming Services in Egypt"
       description="Get PlayStation Plus, Games, and In-Game Currencies instantly with a lifetime warranty and 24/7 support."
-      testimonials={[
+      testimonials={[]}
-        {
+      buttons={[{ text: "Shop Now", href: "#products" }, { text: "WhatsApp Support", href: "https://wa.me/message" }]}
-          name: "Ahmed M.",
-          handle: "@ahmedgaming",
-          testimonial: "The best prices in Egypt! My PS Plus subscription was delivered in minutes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=1",
-        },
-        {
-          name: "Sarah K.",
-          handle: "@sarahplay",
-          testimonial: "Very professional and friendly support team. Lifetime warranty is real.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=2",
-        },
-        {
-          name: "Omar R.",
-          handle: "@omarpro",
-          testimonial: "Instant delivery and secure. Won't use anyone else.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=3",
-        },
-        {
-          name: "Laila S.",
-          handle: "@lailagamer",
-          testimonial: "Great support, helped me setup my primary account in seconds.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=4",
-        },
-        {
-          name: "Karim M.",
-          handle: "@kareemplays",
-          testimonial: "Cheapest FC points in the market. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "WhatsApp Support",
-          href: "https://wa.me/message",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529350.jpg"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Join 10,000+ satisfied gamers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "PS Plus Premium",
-        },
-        {
-          type: "text",
-          text: "Steam Wallet",
-        },
-        {
-          type: "text",
-          text: "FC Points",
-        },
-        {
-          type: "text",
-          text: "Xbox Game Pass",
-        },
-        {
-          type: "text",
-          text: "Epic Games Credits",
-        },
-      ]}
     />
   </div>
 
@@ -159,74 +62,19 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
+      negativeCard={{ items: ["No hidden costs", "No account bans", "No long waiting times", "No manual verification needed"] }}
-        items: [
+      positiveCard={{ items: ["Lifetime Warranty on services", "Fast delivery in minutes", "24/7 Dedicated Support", "Lowest prices in Egypt market"] }}
-          "No hidden costs",
-          "No account bans",
-          "No long waiting times",
-          "No manual verification needed",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Lifetime Warranty on services",
-          "Fast delivery in minutes",
-          "24/7 Dedicated Support",
-          "Lowest prices in Egypt market",
-        ],
-      }}
       title="Why NextPlay?"
       description="We prioritize quality and speed to ensure your gaming experience remains uninterrupted."
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCatalog
-      animationType="slide-up"
+        layout="section"
-      textboxLayout="split"
+        products={products}
-      gridVariant="four-items-2x2-equal-grid"
+        className="py-20"
-      useInvertedBackground={false}
+      />
-      products={[
-        {
-          id: "p1",
-          name: "PS Plus Essential",
-          price: "From 200 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-young-happy-redhead-bearded-man-white-tshirt-makes-photo-smartphone-mobile_171337-7827.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "FC Points Bundle",
-          price: "From 500 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-deals-gaming-joy_23-2152027085.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Steam Wallet Code",
-          price: "From 150 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-young-happy-redhead-bearded-man-white-tshirt-makes-photo-smartphone-mobile_171337-7827.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Primary PS Account",
-          price: "From 350 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-young-happy-redhead-bearded-man-white-tshirt-makes-photo-smartphone-mobile_171337-7827.jpg?_wi=3",
-        },
-        {
-          id: "p5",
-          name: "Epic Games Credits",
-          price: "From 100 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-deals-gaming-joy_23-2152027085.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Ultimate Gaming Pack",
-          price: "From 1200 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-deals-gaming-joy_23-2152027085.jpg?_wi=3",
-        },
-      ]}
-      title="Gaming Services & Products"
-      description="Explore our curated digital collection designed for every type of gamer."
-    />
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -236,46 +84,8 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Moustafa", role: "Pro Player", company: "NextPlay User", rating: 5 },
-          id: "1",
+        { id: "2", name: "Laila", role: "Casual Gamer", company: "NextPlay User", rating: 5 }
-          name: "Moustafa",
-          role: "Pro Player",
-          company: "NextPlay User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=6",
-        },
-        {
-          id: "2",
-          name: "Laila",
-          role: "Casual Gamer",
-          company: "NextPlay User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=7",
-        },
-        {
-          id: "3",
-          name: "Omar",
-          role: "Streamer",
-          company: "NextPlay User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=8",
-        },
-        {
-          id: "4",
-          name: "Karim",
-          role: "Store Customer",
-          company: "NextPlay User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=9",
-        },
-        {
-          id: "5",
-          name: "Hassan",
-          role: "Pro Player",
-          company: "NextPlay User",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=10",
-        },
       ]}
       title="Trusted by Gamers"
       description="Hear what our community says about their NextPlay experience."
@@ -285,18 +95,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       tag="Get in touch"
       title="Ready to Level Up?"
       description="Have questions? Our support team is active on WhatsApp 24/7 to help you with your order."
-      buttons={[
+      buttons={[{ text: "Contact on WhatsApp", href: "https://wa.me/message" }]}
-        {
-          text: "Contact on WhatsApp",
-          href: "https://wa.me/message",
-        },
-      ]}
     />
   </div>
 
@@ -309,4 +112,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}