From 3c855302c173ec5aca65f1f7847983846c625642 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 17:04:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 526 +++++++++++++----------------------------------
 1 file changed, 147 insertions(+), 379 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0561845..c149635 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,394 +29,162 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Games",
-          id: "products",
-        },
-        {
-          name: "Support",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Rockstar Portals"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Games", id: "products" },
+              { name: "Support", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Rockstar Portals"
+            button={{ text: "Play Now", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="ROCKSTAR PORTALS"
-      description="Download and play the most iconic open-world experiences on the planet. Optimized for performance and speed."
-      buttons={[
-        {
-          text: "Download Games",
-          href: "#products",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234840.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-octagon-mandala-design-with-neon-blue-light_181624-23226.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153706.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140179.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960960.jpg",
-          imageAlt: "gaming hero high action dark",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="ROCKSTAR PORTALS"
+            description="Download and play the most iconic open-world experiences on the planet. Optimized for performance and speed."
+            buttons={[{ text: "Download Games", href: "#products" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234840.jpg", imageAlt: "gaming hero high action dark" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-octagon-mandala-design-with-neon-blue-light_181624-23226.jpg", imageAlt: "gaming hero high action dark" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg", imageAlt: "gaming hero high action dark" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153706.jpg", imageAlt: "gaming hero high action dark" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140179.jpg", imageAlt: "gaming hero high action dark" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960960.jpg", imageAlt: "gaming hero high action dark" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Ultra-Fast Downloads",
-          description: "High-bandwidth servers for rapid installation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg",
-          imageAlt: "gaming controller glowing green neon",
-        },
-        {
-          title: "Optimized Engines",
-          description: "Custom patches for maximum framerate stability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg",
-          imageAlt: "cloud server data center neon green",
-        },
-        {
-          title: "Hardware Sync",
-          description: "Real-time updates for your gaming hardware.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
-          imageAlt: "graphics card gamer aesthetic",
-        },
-      ]}
-      title="Built for Performance"
-      description="Experience our games with the best optimization and server speeds."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "Ultra-Fast Downloads", description: "High-bandwidth servers for rapid installation.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg", imageAlt: "gaming controller glowing green neon" },
+              { title: "Optimized Engines", description: "Custom patches for maximum framerate stability.", imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg", imageAlt: "cloud server data center neon green" },
+              { title: "Hardware Sync", description: "Real-time updates for your gaming hardware.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg", imageAlt: "graphics card gamer aesthetic" },
+            ]}
+            title="Built for Performance"
+            description="Experience our games with the best optimization and server speeds."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Open World Adventures",
-          price: "$59.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470679.jpg",
-          imageAlt: "open world game poster dark",
-        },
-        {
-          id: "p2",
-          name: "Western Frontiers",
-          price: "$49.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/war-conflict-landscape-with-fighters_23-2149766338.jpg",
-          imageAlt: "western game poster aesthetic",
-        },
-        {
-          id: "p3",
-          name: "Racing Legends",
-          price: "$39.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674225.jpg",
-          imageAlt: "racing game motion blur car",
-        },
-        {
-          id: "p4",
-          name: "Noir Crime Thrillers",
-          price: "$29.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750421.jpg",
-          imageAlt: "cyberpunk game poster rain",
-        },
-        {
-          id: "p5",
-          name: "Retro Pixel Classic",
-          price: "$19.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/8-bit-graphics-pixels-scene-with-person-walking-dog-park_23-2151120973.jpg",
-          imageAlt: "retro arcade game cover art",
-        },
-        {
-          id: "p6",
-          name: "Space Exploration",
-          price: "$44.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603094.jpg",
-          imageAlt: "space exploration game poster",
-        },
-      ]}
-      title="Masterpiece Collection"
-      description="Browse and download our most popular blockbuster titles."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Open World Adventures", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470679.jpg", imageAlt: "open world game poster dark" },
+              { id: "p2", name: "Western Frontiers", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/war-conflict-landscape-with-fighters_23-2149766338.jpg", imageAlt: "western game poster aesthetic" },
+              { id: "p3", name: "Racing Legends", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674225.jpg", imageAlt: "racing game motion blur car" },
+              { id: "p4", name: "Noir Crime Thrillers", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750421.jpg", imageAlt: "cyberpunk game poster rain" },
+              { id: "p5", name: "Retro Pixel Classic", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/8-bit-graphics-pixels-scene-with-person-walking-dog-park_23-2151120973.jpg", imageAlt: "retro arcade game cover art" },
+              { id: "p6", name: "Space Exploration", price: "$44.99", imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603094.jpg", imageAlt: "space exploration game poster" },
+            ]}
+            title="Masterpiece Collection"
+            description="Browse and download our most popular blockbuster titles."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "10M+",
-          title: "Active Players",
-          description: "Monthly active users.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Downloads",
-          description: "Daily game downloads.",
-          icon: Download,
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable download servers.",
-          icon: ShieldCheck,
-        },
-      ]}
-      title="Global Gaming Reach"
-      description="Trusted by millions of players worldwide."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "10M+", title: "Active Players", description: "Monthly active users.", icon: Users },
+              { id: "m2", value: "500+", title: "Downloads", description: "Daily game downloads.", icon: Download },
+              { id: "m3", value: "99.9%", title: "Uptime", description: "Reliable download servers.", icon: ShieldCheck },
+            ]}
+            title="Global Gaming Reach"
+            description="Trusted by millions of players worldwide."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "GameCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
-          imageAlt: "gamer portrait dark room headset",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg",
-          imageAlt: "game reviewer portrait studio",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Marketing",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-participating-gaming-competition-all-night_482257-103536.jpg",
-          imageAlt: "tech enthusiast portrait home office",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Lead Dev",
-          company: "StudioXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg",
-          imageAlt: "esports athlete focused portrait",
-        },
-        {
-          id: "5",
-          name: "Alex Smith",
-          role: "Pro Gamer",
-          company: "EliteTeam",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-casual-clothes-wearing-glasses-holding-smartphone-playing-games-looking-disappointed-standing-orange-background_141793-140380.jpg",
-          imageAlt: "gamer portrait dark room headset",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Rating",
-        },
-        {
-          value: "1M+",
-          label: "Reviews",
-        },
-        {
-          value: "100%",
-          label: "Satisfaction",
-        },
-      ]}
-      title="Player Reviews"
-      description="Hear what our global community has to say about us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "CEO", company: "GameCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg", imageAlt: "gamer portrait dark room headset" },
+              { id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg", imageAlt: "game reviewer portrait studio" },
+              { id: "3", name: "Emily Rodriguez", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-participating-gaming-competition-all-night_482257-103536.jpg", imageAlt: "tech enthusiast portrait home office" },
+              { id: "4", name: "David Kim", role: "Lead Dev", company: "StudioXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg", imageAlt: "esports athlete focused portrait" },
+              { id: "5", name: "Alex Smith", role: "Pro Gamer", company: "EliteTeam", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-casual-clothes-wearing-glasses-holding-smartphone-playing-games-looking-disappointed-standing-orange-background_141793-140380.jpg", imageAlt: "gamer portrait dark room headset" },
+            ]}
+            kpiItems={[
+              { value: "4.9/5", label: "Rating" },
+              { value: "1M+", label: "Reviews" },
+              { value: "100%", label: "Satisfaction" },
+            ]}
+            title="Player Reviews"
+            description="Hear what our global community has to say about us."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do I download?",
-          content: "Just click the download button on any game page.",
-        },
-        {
-          id: "q2",
-          title: "Is it safe?",
-          content: "Our files are verified and secure for all users.",
-        },
-        {
-          id: "q3",
-          title: "System requirements?",
-          content: "Check the game info page for details.",
-        },
-      ]}
-      title="Frequently Asked"
-      description="Need help getting started with your games?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "How do I download?", content: "Just click the download button on any game page." },
+              { id: "q2", title: "Is it safe?", content: "Our files are verified and secure for all users." },
+              { id: "q3", title: "System requirements?", content: "Check the game info page for details." },
+            ]}
+            title="Frequently Asked"
+            description="Need help getting started with your games?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Latest News"
-      description="Updates on upcoming releases and patches."
-      blogs={[
-        {
-          id: "b1",
-          category: "News",
-          title: "New Update 2.0",
-          excerpt: "Performance improvements for open worlds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100341.jpg",
-          imageAlt: "open world game poster dark",
-          authorName: "John Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-holding-mobile-phone-showing-thumb-up-with-closed-eyes-isolated-crimson-wall_141793-79722.jpg",
-          date: "Oct 24",
-        },
-        {
-          id: "b2",
-          category: "Community",
-          title: "Tournament Soon",
-          excerpt: "Join our official gaming tournament.",
-          imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785522.jpg",
-          imageAlt: "western game poster aesthetic",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg",
-          date: "Oct 25",
-        },
-        {
-          id: "b3",
-          category: "DevLog",
-          title: "Behind the Scenes",
-          excerpt: "How we build our realistic environments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139132.jpg",
-          imageAlt: "racing game motion blur car",
-          authorName: "Sam Smith",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2150226057.jpg",
-          date: "Oct 26",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Latest News"
+            description="Updates on upcoming releases and patches."
+            blogs={[
+              { id: "b1", category: "News", title: "New Update 2.0", excerpt: "Performance improvements for open worlds.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100341.jpg", imageAlt: "open world game poster dark", authorName: "John Doe", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-holding-mobile-phone-showing-thumb-up-with-closed-eyes-isolated-crimson-wall_141793-79722.jpg", date: "Oct 24" },
+              { id: "b2", category: "Community", title: "Tournament Soon", excerpt: "Join our official gaming tournament.", imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785522.jpg", imageAlt: "western game poster aesthetic", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg", date: "Oct 25" },
+              { id: "b3", category: "DevLog", title: "Behind the Scenes", excerpt: "How we build our realistic environments.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139132.jpg", imageAlt: "racing game motion blur car", authorName: "Sam Smith", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2150226057.jpg", date: "Oct 26" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contact Support"
-      description="Our team is available 24/7 to resolve issues."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your issue",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg"
-      imageAlt="gaming support contact desk"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contact Support"
+            description="Our team is available 24/7 to resolve issues."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Describe your issue", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg"
+            imageAlt="gaming support contact desk"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9079.jpg"
-      logoText="Rockstar Portals"
-      columns={[
-        {
-          title: "Games",
-          items: [
-            {
-              label: "Adventures",
-              href: "#products",
-            },
-            {
-              label: "Racing",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      imageAlt="abstract dark network background"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9079.jpg"
+            logoText="Rockstar Portals"
+            columns={[
+              { title: "Games", items: [{ label: "Adventures", href: "#products" }, { label: "Racing", href: "#products" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            imageAlt="abstract dark network background"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1