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}
@@ -67,7 +69,7 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <MediaAbout
           title="Experience the Ultimate Minecraft Server"
-          description="Our server combines the best of survival gameplay, creative building, and community interaction. With custom plugins, balanced PvP arenas, and endless creative possibilities, we offer an unforgettable gaming experience for players of all skill levels."
+          description="Our server offers three core experiences: survival gameplay where you thrive in challenging worlds, competitive PvP combat in balanced arenas, and creative building zones for unlimited imagination. With custom plugins, active community support, and regular events, we deliver an unforgettable gaming experience that combines the best of Minecraft for players of all skill levels."
           tag="About Our Server"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png?_wi=1"
           imageAlt="Server spawn town with community buildings"
@@ -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" }
               ]
             },
             {