From 733b1f62da6a485a0ff33f6a9a34157412a56bc8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 08:02:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 331 ++++++++++-------------------------------------
 1 file changed, 65 insertions(+), 266 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ace7c83..b819627 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "World",
-          id: "products",
-        },
+          name: "World",          id: "products"},
         {
-          name: "Community",
-          id: "metrics",
-        },
+          name: "Community",          id: "metrics"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="GTA VI"
     />
@@ -59,81 +49,46 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Welcome to Vice City"
       description="The next era of crime. Experience the vast, vibrant, and stunning world of GTA VI."
       buttons={[
         {
-          text: "Pre-order Now",
-          href: "#contact",
-        },
+          text: "Pre-order Now",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-panda-bear-with-robotic-tech-parts_23-2151741453.jpg",
-          imageAlt: "Vice City Sunset",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/view-panda-bear-with-robotic-tech-parts_23-2151741453.jpg",          imageAlt: "Vice City Sunset"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-boat_23-2148959743.jpg",
-          imageAlt: "Boat Chase",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-boat_23-2148959743.jpg",          imageAlt: "Boat Chase"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/boston-aerial-view_649448-3821.jpg",
-          imageAlt: "Downtown Plaza",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/boston-aerial-view_649448-3821.jpg",          imageAlt: "Downtown Plaza"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-winning-money-holding-dollar-bills-half-face-smiling-excited-standing-red_1258-163273.jpg",
-          imageAlt: "Club Lifestyle",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-winning-money-holding-dollar-bills-half-face-smiling-excited-standing-red_1258-163273.jpg",          imageAlt: "Club Lifestyle"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-263.jpg",
-          imageAlt: "Aerial Bridge View",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-263.jpg",          imageAlt: "Aerial Bridge View"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394893.jpg",
-          imageAlt: "High-rise Balcony",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394893.jpg",          imageAlt: "High-rise Balcony"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardSeven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
-          title: "Enhanced Graphics",
-          description: "Next-gen lighting and hyper-realistic weather effects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6513.jpg",
-        },
+          title: "Enhanced Graphics",          description: "Next-gen lighting and hyper-realistic weather effects.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6513.jpg"},
         {
-          title: "Dynamic AI",
-          description: "NPC behavior that reacts realistically to every action.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16077.jpg",
-        },
+          title: "Dynamic AI",          description: "NPC behavior that reacts realistically to every action.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16077.jpg"},
         {
-          title: "Atmospheric Events",
-          description: "Living world with unpredictable, massive weather patterns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stormy-ocean-waves-crashing-sandy-beach_84443-81813.jpg",
-        },
+          title: "Atmospheric Events",          description: "Living world with unpredictable, massive weather patterns.",          imageSrc: "http://img.b2bpic.net/free-photo/stormy-ocean-waves-crashing-sandy-beach_84443-81813.jpg"},
         {
-          title: "Seamless Navigation",
-          description: "Fluid traversal systems across land, sea, and air.",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-hour-journey-truck-driving-into-sunset_23-2152031807.jpg",
-        },
+          title: "Seamless Navigation",          description: "Fluid traversal systems across land, sea, and air.",          imageSrc: "http://img.b2bpic.net/free-photo/golden-hour-journey-truck-driving-into-sunset_23-2152031807.jpg"},
         {
-          title: "Immersive Audio",
-          description: "3D spatial soundscapes designed for total immersion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001290.jpg",
-        },
+          title: "Immersive Audio",          description: "3D spatial soundscapes designed for total immersion.",          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001290.jpg"},
       ]}
       title="Unmatched Realism"
       description="Pushing the boundaries of the open-world genre with groundbreaking AI and detail."
@@ -148,59 +103,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "Luxury",
-          name: "Penthouse Suite",
-          price: "High-End",
-          rating: 5,
-          reviewCount: "12k",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-windows-reflecting-floor-indoor-hallway_181624-7690.jpg",
-        },
+          id: "p1",          brand: "Luxury",          name: "Penthouse Suite",          price: "High-End",          rating: 5,
+          reviewCount: "12k",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-windows-reflecting-floor-indoor-hallway_181624-7690.jpg"},
         {
-          id: "p2",
-          brand: "Transport",
-          name: "Speedbike X",
-          price: "Custom",
-          rating: 5,
-          reviewCount: "8k",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488763.jpg",
-        },
+          id: "p2",          brand: "Transport",          name: "Speedbike X",          price: "Custom",          rating: 5,
+          reviewCount: "8k",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488763.jpg"},
         {
-          id: "p3",
-          brand: "Sport",
-          name: "Race Gear Set",
-          price: "Pro",
-          rating: 5,
-          reviewCount: "15k",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man-red-stairs-tonnel_627829-6221.jpg",
-        },
+          id: "p3",          brand: "Sport",          name: "Race Gear Set",          price: "Pro",          rating: 5,
+          reviewCount: "15k",          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man-red-stairs-tonnel_627829-6221.jpg"},
         {
-          id: "p4",
-          brand: "Tech",
-          name: "Tactical Gear",
-          price: "Rare",
-          rating: 5,
-          reviewCount: "4k",
-          imageSrc: "http://img.b2bpic.net/free-photo/clockwork_53876-42037.jpg",
-        },
+          id: "p4",          brand: "Tech",          name: "Tactical Gear",          price: "Rare",          rating: 5,
+          reviewCount: "4k",          imageSrc: "http://img.b2bpic.net/free-photo/clockwork_53876-42037.jpg"},
         {
-          id: "p5",
-          brand: "Arcade",
-          name: "Retro Cabinet",
-          price: "Collector",
-          rating: 5,
-          reviewCount: "2k",
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-cyberpunk-hallway_23-2151966350.jpg",
-        },
+          id: "p5",          brand: "Arcade",          name: "Retro Cabinet",          price: "Collector",          rating: 5,
+          reviewCount: "2k",          imageSrc: "http://img.b2bpic.net/free-photo/neon-cyberpunk-hallway_23-2151966350.jpg"},
         {
-          id: "p6",
-          brand: "Luxury",
-          name: "Neon Watch",
-          price: "Exclusive",
-          rating: 5,
-          reviewCount: "9k",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg",
-        },
+          id: "p6",          brand: "Luxury",          name: "Neon Watch",          price: "Exclusive",          rating: 5,
+          reviewCount: "9k",          imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg"},
       ]}
       title="Explore Vice City"
       description="Discover high-end luxury, fast vehicles, and custom gear."
@@ -214,49 +133,24 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "100M+",
-          title: "Total Pre-Orders",
-          items: [
-            "Global engagement",
-            "Record breaking",
-          ],
+          id: "m1",          value: "100M+",          title: "Total Pre-Orders",          items: [
+            "Global engagement",            "Record breaking"],
         },
         {
-          id: "m2",
-          value: "24/7",
-          title: "Live Support",
-          items: [
-            "Always active",
-            "Real-time updates",
-          ],
+          id: "m2",          value: "24/7",          title: "Live Support",          items: [
+            "Always active",            "Real-time updates"],
         },
         {
-          id: "m3",
-          value: "4K",
-          title: "Visual Support",
-          items: [
-            "Stunning details",
-            "Optimized gaming",
-          ],
+          id: "m3",          value: "4K",          title: "Visual Support",          items: [
+            "Stunning details",            "Optimized gaming"],
         },
         {
-          id: "m4",
-          value: "150+",
-          title: "Vehicles",
-          items: [
-            "Fully customizable",
-            "Land and air",
-          ],
+          id: "m4",          value: "150+",          title: "Vehicles",          items: [
+            "Fully customizable",            "Land and air"],
         },
         {
-          id: "m5",
-          value: "500+",
-          title: "Mission Hours",
-          items: [
-            "Rich narrative",
-            "Endless exploration",
-          ],
+          id: "m5",          value: "500+",          title: "Mission Hours",          items: [
+            "Rich narrative",            "Endless exploration"],
         },
       ]}
       title="Community Stats"
@@ -266,44 +160,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "Gamer",
-          testimonial: "I can't wait for the new release, everything looks so incredible!",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg",
-        },
+          id: "t1",          name: "Sarah Miller",          role: "Gamer",          testimonial: "I can't wait for the new release, everything looks so incredible!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg"},
         {
-          id: "t2",
-          name: "Alex Smith",
-          role: "Streamer",
-          testimonial: "This is going to be the most detailed game ever created.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg",
-        },
+          id: "t2",          name: "Alex Smith",          role: "Streamer",          testimonial: "This is going to be the most detailed game ever created.",          imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-losing-video-game-tournament-while-playing-with-vr-headset-late-night-her-room_482257-23348.jpg"},
         {
-          id: "t3",
-          name: "Jordan P.",
-          role: "Reviewer",
-          testimonial: "The atmosphere and lighting effects are simply on another level.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-        },
+          id: "t3",          name: "Jordan P.",          role: "Reviewer",          testimonial: "The atmosphere and lighting effects are simply on another level.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
         {
-          id: "t4",
-          name: "Sam R.",
-          role: "Designer",
-          testimonial: "I'm obsessed with the world design, it's so vibrant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
-        },
+          id: "t4",          name: "Sam R.",          role: "Designer",          testimonial: "I'm obsessed with the world design, it's so vibrant.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
         {
-          id: "t5",
-          name: "Chris L.",
-          role: "Esports Player",
-          testimonial: "Ready to dive into Vice City, looks extremely competitive.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg",
-        },
+          id: "t5",          name: "Chris L.",          role: "Esports Player",          testimonial: "Ready to dive into Vice City, looks extremely competitive.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg"},
       ]}
       title="What Fans Think"
       description="The anticipation is building worldwide."
@@ -316,30 +186,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "When is the release date?",
-          content: "Keep an eye on official channels for the official announcement.",
-        },
+          id: "f1",          title: "When is the release date?",          content: "Keep an eye on official channels for the official announcement."},
         {
-          id: "f2",
-          title: "Which platforms?",
-          content: "The game will be available on all leading next-gen consoles.",
-        },
+          id: "f2",          title: "Which platforms?",          content: "The game will be available on all leading next-gen consoles."},
         {
-          id: "f3",
-          title: "Is there a multiplayer?",
-          content: "Multiplayer details will be shared closer to launch.",
-        },
+          id: "f3",          title: "Is there a multiplayer?",          content: "Multiplayer details will be shared closer to launch."},
         {
-          id: "f4",
-          title: "Can I preload?",
-          content: "Preload options will be enabled 48 hours before launch.",
-        },
+          id: "f4",          title: "Can I preload?",          content: "Preload options will be enabled 48 hours before launch."},
         {
-          id: "f5",
-          title: "Is it cross-platform?",
-          content: "Cross-play functionality will be supported for specific modes.",
-        },
+          id: "f5",          title: "Is it cross-platform?",          content: "Cross-play functionality will be supported for specific modes."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028633.jpg"
       title="Frequently Asked Questions"
@@ -357,55 +212,15 @@ export default function LandingPage() {
       description="Read more about development milestones."
       blogs={[
         {
-          id: "b1",
-          category: "Update",
-          title: "Building Vice City",
-          excerpt: "Deep dive into the world design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-with-rainbow-beach_23-2151581157.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24598.jpg",
-          date: "Oct 12, 2025",
-        },
+          id: "b1",          category: "Update",          title: "Building Vice City",          excerpt: "Deep dive into the world design.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-with-rainbow-beach_23-2151581157.jpg",          authorName: "Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24598.jpg",          date: "Oct 12, 2025"},
         {
-          id: "b2",
-          category: "Tech",
-          title: "AI Evolution",
-          excerpt: "Behind the scenes with NPC AI.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458976.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",
-          date: "Oct 15, 2025",
-        },
+          id: "b2",          category: "Tech",          title: "AI Evolution",          excerpt: "Behind the scenes with NPC AI.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458976.jpg",          authorName: "Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",          date: "Oct 15, 2025"},
         {
-          id: "b3",
-          category: "Media",
-          title: "Cinematic Trailers",
-          excerpt: "How we made the latest trailer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599633.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79791.jpg",
-          date: "Oct 20, 2025",
-        },
+          id: "b3",          category: "Media",          title: "Cinematic Trailers",          excerpt: "How we made the latest trailer.",          imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599633.jpg",          authorName: "Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79791.jpg",          date: "Oct 20, 2025"},
         {
-          id: "b4",
-          category: "Gameplay",
-          title: "Driving Mechanics",
-          excerpt: "Revamped physics for high-speed chases.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-controller_23-2149005233.jpg",
-          date: "Oct 22, 2025",
-        },
+          id: "b4",          category: "Gameplay",          title: "Driving Mechanics",          excerpt: "Revamped physics for high-speed chases.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg",          authorName: "Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-controller_23-2149005233.jpg",          date: "Oct 22, 2025"},
         {
-          id: "b5",
-          category: "Design",
-          title: "Fashion of Vice",
-          excerpt: "Customizing your character's look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hat-pink-red-wall_343596-5502.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-          date: "Oct 25, 2025",
-        },
+          id: "b5",          category: "Design",          title: "Fashion of Vice",          excerpt: "Customizing your character's look.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hat-pink-red-wall_343596-5502.jpg",          authorName: "Admin",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          date: "Oct 25, 2025"},
       ]}
     />
   </div>
@@ -417,16 +232,10 @@ export default function LandingPage() {
       description="Sign up to receive the latest updates directly in your inbox."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/long-avenue-night_1127-2142.jpg"
@@ -437,29 +246,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1