Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,13 +30,21 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "home"},
+          name: "Home",
+          id: "home",
+        },
         {
-          name: "Items",          id: "products"},
+          name: "Items",
+          id: "products",
+        },
         {
-          name: "About",          id: "about"},
+          name: "About",
+          id: "about",
+        },
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName="Roblox Shop"
     />
@@ -45,14 +53,19 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "gradient-bars"}}
+        variant: "gradient-bars",
+      }}
       logoText="Roblox Premium Assets"
       description="Unlock your potential with the highest quality virtual items and limited-edition assets, delivered instantly."
       buttons={[
         {
-          text: "Shop Now",          href: "#products"},
+          text: "Shop Now",
+          href: "#products",
+        },
         {
-          text: "Contact Us",          href: "#contact"},
+          text: "Contact Us",
+          href: "#contact",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=1"
       mediaAnimation="blur-reveal"
@@ -66,11 +79,17 @@ export default function LandingPage() {
       description="We specialize in providing top-tier, verified digital assets for Roblox enthusiasts. Quality, speed, and safety are our core values."
       metrics={[
         {
-          value: "10k+",          title: "Happy Users"},
+          value: "10k+",
+          title: "Happy Users",
+        },
         {
-          value: "500+",          title: "Rare Items"},
+          value: "500+",
+          title: "Rare Items",
+        },
         {
-          value: "24/7",          title: "Support"},
+          value: "24/7",
+          title: "Support",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -86,23 +105,59 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          brand: "Rare",          name: "Obsidian Blade",          price: "5,000 Robux",          rating: 5,
-          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=1"},
+          id: "1",
+          brand: "Rare",
+          name: "Obsidian Blade",
+          price: "5,000 Robux",
+          rating: 5,
+          reviewCount: "120",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=1",
+        },
         {
-          id: "2",          brand: "Legendary",          name: "Cosmic Armor",          price: "12,000 Robux",          rating: 5,
-          reviewCount: "85",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=1"},
+          id: "2",
+          brand: "Legendary",
+          name: "Cosmic Armor",
+          price: "12,000 Robux",
+          rating: 5,
+          reviewCount: "85",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=1",
+        },
         {
-          id: "3",          brand: "Common",          name: "Gold Coin Set",          price: "1,000 Robux",          rating: 4,
-          reviewCount: "300",          imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=1"},
+          id: "3",
+          brand: "Common",
+          name: "Gold Coin Set",
+          price: "1,000 Robux",
+          rating: 4,
+          reviewCount: "300",
+          imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=1",
+        },
         {
-          id: "4",          brand: "Limited",          name: "Vortex Fedora",          price: "3,500 Robux",          rating: 5,
-          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg"},
+          id: "4",
+          brand: "Limited",
+          name: "Vortex Fedora",
+          price: "3,500 Robux",
+          rating: 5,
+          reviewCount: "95",
+          imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg",
+        },
         {
-          id: "5",          brand: "Epic",          name: "Spectral Fox",          price: "7,500 Robux",          rating: 5,
-          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149390.jpg"},
+          id: "5",
+          brand: "Epic",
+          name: "Spectral Fox",
+          price: "7,500 Robux",
+          rating: 5,
+          reviewCount: "210",
+          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149390.jpg",
+        },
         {
-          id: "6",          brand: "Legendary",          name: "Starfall Aura",          price: "15,000 Robux",          rating: 5,
-          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-circle_1122-717.jpg"},
+          id: "6",
+          brand: "Legendary",
+          name: "Starfall Aura",
+          price: "15,000 Robux",
+          rating: 5,
+          reviewCount: "150",
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-circle_1122-717.jpg",
+        },
       ]}
       title="Featured Collections"
       description="Browse our hand-picked selection of high-value virtual items designed to make you stand out."
@@ -115,15 +170,60 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",          name: "Alex Smith",          date: "Oct 2023",          title: "Top tier service",          quote: "Instant delivery and great support. Highly recommend!",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=2",          imageAlt: "futuristic digital world neon"},
+          id: "1",
+          name: "Alex Smith",
+          date: "Oct 2023",
+          title: "Top tier service",
+          quote: "Instant delivery and great support. Highly recommend!",
+          tag: "Verified",
+          avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=2",
+          imageAlt: "futuristic digital world neon",
+        },
         {
-          id: "2",          name: "Jordan Lee",          date: "Nov 2023",          title: "Amazing items",          quote: "The rare items I bought are exactly as described.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=2",          imageAlt: "digital designer workspace modern"},
+          id: "2",
+          name: "Jordan Lee",
+          date: "Nov 2023",
+          title: "Amazing items",
+          quote: "The rare items I bought are exactly as described.",
+          tag: "Verified",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=2",
+          imageAlt: "digital designer workspace modern",
+        },
         {
-          id: "3",          name: "Taylor Jones",          date: "Jan 2024",          title: "Very reliable",          quote: "Never had an issue with their platform. Very trustworthy.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=2",          imageAlt: "rare digital sword 3d icon"},
+          id: "3",
+          name: "Taylor Jones",
+          date: "Jan 2024",
+          title: "Very reliable",
+          quote: "Never had an issue with their platform. Very trustworthy.",
+          tag: "Verified",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=2",
+          imageAlt: "rare digital sword 3d icon",
+        },
         {
-          id: "4",          name: "Casey Brown",          date: "Feb 2024",          title: "Fastest shop ever",          quote: "I got my order within minutes of payment.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=2",          imageAlt: "limited edition armor 3d icon"},
+          id: "4",
+          name: "Casey Brown",
+          date: "Feb 2024",
+          title: "Fastest shop ever",
+          quote: "I got my order within minutes of payment.",
+          tag: "Verified",
+          avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=2",
+          imageAlt: "limited edition armor 3d icon",
+        },
         {
-          id: "5",          name: "Morgan Davis",          date: "Mar 2024",          title: "Great prices",          quote: "Best prices I've found for virtual assets.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-sporty-boy-wearing-headband-wristbands-headphones-phone-armband-with-dental-braces-clenching-fists-isolated-crimson-wall-with-copy-space_141793-79717.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=2",          imageAlt: "digital coins 3d icon"},
+          id: "5",
+          name: "Morgan Davis",
+          date: "Mar 2024",
+          title: "Great prices",
+          quote: "Best prices I've found for virtual assets.",
+          tag: "Verified",
+          avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-sporty-boy-wearing-headband-wristbands-headphones-phone-armband-with-dental-braces-clenching-fists-isolated-crimson-wall-with-copy-space_141793-79717.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=2",
+          imageAlt: "digital coins 3d icon",
+        },
       ]}
       title="User Reviews"
       description="Don't just take our word for it—join thousands of satisfied players."
@@ -136,11 +236,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",          title: "How do I receive my item?",          content: "You will receive an invite to a trade session immediately after payment is confirmed."},
+          id: "1",
+          title: "How do I receive my item?",
+          content: "You will receive an invite to a trade session immediately after payment is confirmed.",
+        },
         {
-          id: "2",          title: "Is this service safe?",          content: "Absolutely. We ensure all transactions are secure and verified."},
+          id: "2",
+          title: "Is this service safe?",
+          content: "Absolutely. We ensure all transactions are secure and verified.",
+        },
         {
-          id: "3",          title: "What if I don't receive my item?",          content: "Contact our 24/7 support immediately and we will resolve it for you."},
+          id: "3",
+          title: "What if I don't receive my item?",
+          content: "Contact our 24/7 support immediately and we will resolve it for you.",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/customer-service-satisfaction-feedback-icon_53876-124008.jpg"
       title="Common Questions"
@@ -154,14 +263,14 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars"}}
+        variant: "gradient-bars",
+      }}
       tag="Contact Us"
       title="Get In Touch"
       description="Questions? Suggestions? We'd love to hear from you. Send us a message below."
       imageSrc="http://img.b2bpic.net/free-photo/system-admin-working-diverse-computer-network-security-data-center_482257-118332.jpg"
       mediaPosition="right"
       mediaAnimation="slide-up"
-      onSubmit={(email) => console.log("New admin email set to:", "karimruziboy662@gmail.com")}
     />
   </div>
 
@@ -169,19 +278,29 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Shop",          items: [
+          title: "Shop",
+          items: [
             {
-              label: "Items",              href: "#products"},
+              label: "Items",
+              href: "#products",
+            },
             {
-              label: "Support",              href: "#contact"},
+              label: "Support",
+              href: "#contact",
+            },
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Legal",
+          items: [
             {
-              label: "Privacy Policy",              href: "#"},
+              label: "Privacy Policy",
+              href: "#",
+            },
             {
-              label: "Terms",              href: "#"},
+              label: "Terms",
+              href: "#",
+            },
           ],
         },
       ]}
@@ -191,4 +310,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}