Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,8 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Gamepad2, Headphones, Server, Users, Zap } from 'lucide-react';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import { Gamepad2, Headphones, Server, Users, Zap, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "hero" },
             { name: "Features", id: "features" },
+            { name: "Shop", id: "purchases" },
             { name: "Community", id: "testimonials" },
             { name: "Join", id: "contact" }
           ]}
@@ -50,13 +52,13 @@ export default function LandingPage() {
           ]}
           slides={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png",              imageAlt: "Minecraft world landscape with mountains and trees"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png?_wi=1",              imageAlt: "Minecraft world landscape with mountains and trees"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png",              imageAlt: "Multiplayer PvP battle arena"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png?_wi=1",              imageAlt: "Multiplayer PvP battle arena"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png",              imageAlt: "Creative server building showcase"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png?_wi=1",              imageAlt: "Creative server building showcase"
             }
           ]}
           autoplayDelay={5000}
@@ -109,6 +111,42 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="purchases" data-section="purchases">
+        <ProductCardOne
+          products={[
+            {
+              id: "1",              name: "Dragon Wings Cosmetic",              price: "$4.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png?_wi=2",              imageAlt: "Dragon Wings cosmetic item"
+            },
+            {
+              id: "2",              name: "Enchanted Sword Skin",              price: "$3.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png?_wi=2",              imageAlt: "Enchanted Sword skin"
+            },
+            {
+              id: "3",              name: "Rainbow Armor Set",              price: "$7.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png?_wi=2",              imageAlt: "Rainbow Armor cosmetic set"
+            },
+            {
+              id: "4",              name: "Particle Effects Bundle",              price: "$5.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png",              imageAlt: "Particle effects cosmetic bundle"
+            },
+            {
+              id: "5",              name: "Legendary Pet Companion",              price: "$9.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png?_wi=1",              imageAlt: "Legendary pet companion item"
+            },
+            {
+              id: "6",              name: "VIP Premium Pass",              price: "$14.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png?_wi=1",              imageAlt: "VIP Premium pass item"
+            }
+          ]}
+          title="In-Game Shop"
+          description="Enhance your gameplay with exclusive cosmetics and premium items. Support the server while looking amazing!"
+          tag="Premium Items"
+          tagIcon={Sparkles}
+          buttons={[
+            { text: "View All Items", href: "#purchases" }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardOne
           metrics={[
@@ -139,10 +177,10 @@ export default function LandingPage() {
         <TestimonialCardFive
           testimonials={[
             {
-              id: "1",              name: "Alex Chen, Server Regular",              date: "Date: January 2025",              title: "Best Server Experience Ever!",              quote: "I've played on dozens of Minecraft servers, but this one stands out. The community is incredibly welcoming, the plugins are well-balanced, and the admins actually care about player experience. I've made so many friends here.",              tag: "Premium Member",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png",              avatarAlt: "Alex Chen avatar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png",              imageAlt: "Player avatar showcase"
+              id: "1",              name: "Alex Chen, Server Regular",              date: "Date: January 2025",              title: "Best Server Experience Ever!",              quote: "I've played on dozens of Minecraft servers, but this one stands out. The community is incredibly welcoming, the plugins are well-balanced, and the admins actually care about player experience. I've made so many friends here.",              tag: "Premium Member",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png",              avatarAlt: "Alex Chen avatar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png?_wi=2",              imageAlt: "Player avatar showcase"
             },
             {
-              id: "2",              name: "Jordan Smith, Builder",              date: "Date: December 2024",              title: "Creative Freedom Unleashed",              quote: "The building zones are amazing! I can create massive structures without worrying about griefing. Won two building contests already and the prize system is incredibly generous. Highly recommend for creative players!",              tag: "Builder Elite",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png",              avatarAlt: "Jordan Smith avatar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png",              imageAlt: "Builder player avatar"
+              id: "2",              name: "Jordan Smith, Builder",              date: "Date: December 2024",              title: "Creative Freedom Unleashed",              quote: "The building zones are amazing! I can create massive structures without worrying about griefing. Won two building contests already and the prize system is incredibly generous. Highly recommend for creative players!",              tag: "Builder Elite",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png",              avatarAlt: "Jordan Smith avatar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png?_wi=2",              imageAlt: "Builder player avatar"
             },
             {
               id: "3",              name: "Morgan Lee, PvP Champion",              date: "Date: November 2024",              title: "Competitive Edge Perfected",              quote: "The PvP arena is balanced and thrilling. The ranking system is fair, tournaments happen regularly, and the community respects good sportsmanship. This is where legends are made!",              tag: "PvP Rank S",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-wearing-builder-focus-1772525871294-4fa2fafc.png",              avatarAlt: "Morgan Lee avatar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-wearing-builder-focus-1772525871294-4fa2fafc.png",              imageAlt: "PvP player avatar"
@@ -197,8 +235,8 @@ export default function LandingPage() {
               title: "Game",              items: [
                 { label: "Join Server", href: "https://minecraftserver.com/join" },
                 { label: "Features", href: "#features" },
-                { label: "PvP Arena", href: "#features" },
-                { label: "Creative Mode", href: "#features" }
+                { label: "Shop", href: "#purchases" },
+                { label: "PvP Arena", href: "#features" }
               ]
             },
             {