From 1fa7d1214721d696012ddd91a80de41b8022fe5a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 11:54:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 384 ++++++++++++++++-------------------------------
 1 file changed, 128 insertions(+), 256 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb0f797..037704c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,270 +28,142 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Trine"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Trine"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Dominate the Arena"
-      description="Experience professional-grade gaming performance at Trine. High-speed rigs, elite peripherals, and a community that never quits."
-      tag="Welcome to Trine Gaming"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113830.jpg",
-          imageAlt: "High-end gaming rig station",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529413.jpg",
-          imageAlt: "Gamer focused on screen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-video-gamer-playing-powerful-pc-late-night-living-room_482257-22722.jpg",
-          imageAlt: "Back view of professional video gamer playing on powerful PC late at night in the living room.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172399.jpg",
-          imageAlt: "Retro vhs packaging indoors",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529409.jpg",
-          imageAlt: "Gradient illuminated neon gaming desk setup with keyboard",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5 stars by over 500+ pro gamers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Dominate the Arena"
+            description="Experience professional-grade gaming performance at Trine. High-speed rigs, elite peripherals, and a community that never quits."
+            tag="Welcome to Trine Gaming"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113830.jpg", imageAlt: "High-end gaming rig station" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529413.jpg", imageAlt: "Gamer focused on screen" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Rated 5 stars by over 500+ pro gamers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="The Ultimate Gaming Sanctuary"
-      description="Trine is more than just a gaming zone; it's a dedicated space for competitive growth, social connection, and cutting-edge hardware. Whether you're training for your next tournament or chilling with friends, we provide the ultimate foundation."
-      imageSrc="http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg"
-      imageAlt="Trine gaming zone interior"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="The Ultimate Gaming Sanctuary"
+            description="Trine is more than just a gaming zone; it's a dedicated space for competitive growth, social connection, and cutting-edge hardware. Whether you're training for your next tournament or chilling with friends, we provide the ultimate foundation."
+            imageSrc="http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg"
+            imageAlt="Trine gaming zone interior"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Zap,
-          title: "Ultra-Low Latency",
-          description: "Fiber-optic internet for zero-lag gaming experience.",
-        },
-        {
-          icon: Monitor,
-          title: "4K High-Refresh Displays",
-          description: "Smooth visuals to keep you ahead of the competition.",
-        },
-        {
-          icon: Award,
-          title: "Elite Peripherals",
-          description: "Pro-grade mice, mechanical keyboards, and audio equipment.",
-        },
-      ]}
-      title="Why Trine Stands Out"
-      description="We offer the best hardware and community experience in the city."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Ultra-Low Latency", description: "Fiber-optic internet for zero-lag gaming experience." },
+              { icon: Monitor, title: "4K High-Refresh Displays", description: "Smooth visuals to keep you ahead of the competition." },
+              { icon: Award, title: "Elite Peripherals", description: "Pro-grade mice, mechanical keyboards, and audio equipment." }
+            ]}
+            title="Why Trine Stands Out"
+            description="We offer the best hardware and community experience in the city."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "1",
-          icon: Users,
-          title: "Active Players",
-          value: "12,000+",
-        },
-        {
-          id: "2",
-          icon: Trophy,
-          title: "Tournaments Won",
-          value: "150+",
-        },
-        {
-          id: "3",
-          icon: Clock,
-          title: "Gaming Hours",
-          value: "5M+",
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers that define our performance and community growth."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "1", icon: Users, title: "Active Players", value: "12,000+" },
+              { id: "2", icon: Trophy, title: "Tournaments Won", value: "150+" },
+              { id: "3", icon: Clock, title: "Gaming Hours", value: "5M+" }
+            ]}
+            title="Our Impact"
+            description="Numbers that define our performance and community growth."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex River",
-          handle: "@alexpro",
-          testimonial: "The best setup I've played on in years. Solid hardware and friendly vibe.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-looking-camera-blowing-kiss-air-being-lovely-sexy-love-expression_839833-3185.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          handle: "@schenn",
-          testimonial: "Competitive gaming here is unmatched. Love the regular community events.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg",
-        },
-        {
-          id: "3",
-          name: "Jordan P.",
-          handle: "@jordanp",
-          testimonial: "Top tier gear, reliable speeds, and a great location. Definitely recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
-        },
-        {
-          id: "4",
-          name: "Emily Rose",
-          handle: "@emmyrose",
-          testimonial: "Excellent service and equipment. Always a great time when I visit.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-playing-video-games-gesturing-with-hands-showing-big-large-size-sign-measure-symbol-smiling-looking-camera-measuring-concept_839833-7503.jpg",
-        },
-        {
-          id: "5",
-          name: "Mark Miller",
-          handle: "@mmiller",
-          testimonial: "Everything you need for a pro-level session is right here.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Hear from the Community"
-      description="What our regulars are saying about their experience at Trine."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex River", handle: "@alexpro", testimonial: "The best setup I've played on in years. Solid hardware and friendly vibe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-looking-camera-blowing-kiss-air-being-lovely-sexy-love-expression_839833-3185.jpg" },
+              { id: "2", name: "Sarah Chen", handle: "@schenn", testimonial: "Competitive gaming here is unmatched. Love the regular community events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg" },
+              { id: "3", name: "Jordan P.", handle: "@jordanp", testimonial: "Top tier gear, reliable speeds, and a great location. Definitely recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg" },
+              { id: "4", name: "Emily Rose", handle: "@emmyrose", testimonial: "Excellent service and equipment. Always a great time when I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-playing-video-games-gesturing-with-hands-showing-big-large-size-sign-measure-symbol-smiling-looking-camera-measuring-concept_839833-7503.jpg" },
+              { id: "5", name: "Mark Miller", handle: "@mmiller", testimonial: "Everything you need for a pro-level session is right here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg" }
+            ]}
+            showRating={true}
+            title="Hear from the Community"
+            description="What our regulars are saying about their experience at Trine."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Do I need to book in advance?",
-          content: "Booking is recommended, especially for peak hours and weekends.",
-        },
-        {
-          id: "2",
-          title: "Are there student discounts?",
-          content: "Yes, we offer a special hourly rate for students with a valid ID.",
-        },
-        {
-          id: "3",
-          title: "Can I bring my own gear?",
-          content: "Absolutely! Feel free to plug in your own peripherals.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about joining Trine."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "Do I need to book in advance?", content: "Booking is recommended, especially for peak hours and weekends." },
+              { id: "2", title: "Are there student discounts?", content: "Yes, we offer a special hourly rate for students with a valid ID." },
+              { id: "3", title: "Can I bring my own gear?", content: "Absolutely! Feel free to plug in your own peripherals." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about joining Trine."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Stay Connected"
-      description="Join our newsletter for updates on tournament schedules and hardware upgrades."
-      imageSrc="http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-520.jpg"
-      tag="Newsletter"
-      mediaAnimation="slide-up"
-      imageAlt="Neon red gaming streaks"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Stay Connected"
+            description="Join our newsletter for updates on tournament schedules and hardware upgrades."
+            imageSrc="http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-520.jpg"
+            tag="Newsletter"
+            mediaAnimation="slide-up"
+            imageAlt="Neon red gaming streaks"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-experiencing-virtual-reality-close-up_23-2148864935.jpg"
-      logoText="Trine Gaming Zone"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "Discord",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/woman-experiencing-virtual-reality-close-up_23-2148864935.jpg"
+            logoText="Trine Gaming Zone"
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Features", href: "#features" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              {
+                title: "Socials",                items: [
+                  { label: "Discord", href: "#" },
+                  { label: "Twitter", href: "#" },
+                  { label: "Instagram", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1