From d2132226ef830a981506579a48253a73e5d92afd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 15:52:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 187 +++++++++++------------------------------------
 1 file changed, 43 insertions(+), 144 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1aae7dd..cc22c63 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,31 +30,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Products",
-          id: "/products",
-        },
+          name: "Products",          id: "/products"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
         {
-          name: "Shop",
-          id: "/shop",
-        },
+          name: "Shop",          id: "/shop"},
       ]}
       brandName="FLAXR"
       button={{
-        text: "Shop Now",
-        href: "/shop",
-      }}
+        text: "Shop Now",        href: "/shop"}}
       animateOnLoad={true}
     />
   </div>
@@ -62,42 +50,23 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       title="Engineered for Focus. Designed for Control."
       description="Experience unparalleled precision and a minimalist aesthetic that empowers your every command. FLAXR keyboards are crafted for elite performance and lasting legacy."
       tag="FLAXR"
       buttons={[
         {
-          text: "Explore Products",
-          href: "/products",
-        },
+          text: "Explore Products",          href: "/products"},
         {
-          text: "Shop Now",
-          href: "/shop",
-        },
+          text: "Shop Now",          href: "/shop"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard, left view",
+          imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",          imageAlt: "FLAXR ONE 60 keyboard, left view"
         },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard, right view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-computer_23-2148110267.jpg",
-          imageAlt: "Minimalist desk setup with keyboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-office-supplies_140725-23281.jpg",
-          imageAlt: "Home office keyboard setup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-mobile-phone_1252-824.jpg",
-          imageAlt: "Night-time keyboard setup for productivity",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg",          imageAlt: "FLAXR ONE 60 keyboard, right view"
+        }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -113,24 +82,16 @@ export default function LandingPage() {
       features={[
         {
           icon: Gauge,
-          title: "Ultimate Responsiveness",
-          description: "Unrivaled speed and accuracy with ultra-low latency switches for critical in-game actions.",
-        },
+          title: "Ultimate Responsiveness",          description: "Unrivaled speed and accuracy with ultra-low latency switches for critical in-game actions."},
         {
           icon: Cog,
-          title: "Limitless Customization",
-          description: "Hot-swappable switches and remappable keys allow for a personalized typing and gaming experience.",
-        },
+          title: "Limitless Customization",          description: "Hot-swappable switches and remappable keys allow for a personalized typing and gaming experience."},
         {
           icon: ShieldCheck,
-          title: "Enduring Durability",
-          description: "Aircraft-grade aluminum body and PBT keycaps engineered for years of intense use.",
-        },
+          title: "Enduring Durability",          description: "Aircraft-grade aluminum body and PBT keycaps engineered for years of intense use."},
         {
           icon: Type,
-          title: "Superior Typing Feel",
-          description: "Ergonomic design and premium keycaps ensure comfort and reduce fatigue during long sessions.",
-        },
+          title: "Superior Typing Feel",          description: "Ergonomic design and premium keycaps ensure comfort and reduce fatigue during long sessions."},
       ]}
       title="Engineered for Performance. Built for Life."
       description="Discover the core technologies that set FLAXR apart. Precision-crafted for those who demand excellence."
@@ -146,51 +107,22 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "prod-1",
-          name: "FLAXR ONE 60 - Full View",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924154.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard full view",
-        },
+          id: "prod-1",          name: "FLAXR ONE 60 - Full View",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924154.jpg",          imageAlt: "FLAXR ONE 60 keyboard full view"},
         {
-          id: "prod-2",
-          name: "FLAXR ONE 60 - Side Profile",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/keys-with-arrows-copy-space_23-2148456136.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard side profile",
-        },
+          id: "prod-2",          name: "FLAXR ONE 60 - Side Profile",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/keys-with-arrows-copy-space_23-2148456136.jpg",          imageAlt: "FLAXR ONE 60 keyboard side profile"},
         {
-          id: "prod-3",
-          name: "FLAXR ONE 60 - PBT Keycaps",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-aluminum-keyboard-close-up-technology-communication_482257-45033.jpg",
-          imageAlt: "Close-up of FLAXR ONE 60 PBT keycaps",
-        },
+          id: "prod-3",          name: "FLAXR ONE 60 - PBT Keycaps",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/white-aluminum-keyboard-close-up-technology-communication_482257-45033.jpg",          imageAlt: "Close-up of FLAXR ONE 60 PBT keycaps"},
         {
-          id: "prod-4",
-          name: "FLAXR ONE 60 - Hot-Swap Switch",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-key_23-2149680270.jpg",
-          imageAlt: "Close-up of FLAXR ONE 60 hot-swappable switch",
-        },
+          id: "prod-4",          name: "FLAXR ONE 60 - Hot-Swap Switch",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-key_23-2149680270.jpg",          imageAlt: "Close-up of FLAXR ONE 60 hot-swappable switch"},
         {
-          id: "prod-5",
-          name: "FLAXR ONE 60 - Orange Backlight",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard with orange backlight",
-        },
+          id: "prod-5",          name: "FLAXR ONE 60 - Orange Backlight",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg",          imageAlt: "FLAXR ONE 60 keyboard with orange backlight"},
         {
-          id: "prod-6",
-          name: "FLAXR ONE 60 - Minimalist Setup",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
-          imageAlt: "FLAXR ONE 60 keyboard in a minimalist desk setup",
-        },
+          id: "prod-6",          name: "FLAXR ONE 60 - Minimalist Setup",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",          imageAlt: "FLAXR ONE 60 keyboard in a minimalist desk setup"}
       ]}
       title="FLAXR ONE 60: The Ultimate Control"
       description="Experience unparalleled precision and customization with our flagship 60% mechanical keyboard, featuring a premium aluminum body, hot-swappable switches, PBT keycaps, and USB-C connectivity."
       tag="Featured Product"
+      animationType="slide-up"
     />
   </div>
 
@@ -201,17 +133,11 @@ export default function LandingPage() {
       description="At FLAXR, we believe in the relentless pursuit of perfection. Every keyboard is a testament to our dedication to innovation, quality, and the ultimate user experience. Crafted by enthusiasts, for enthusiasts, our journey is defined by engineering excellence and a passion for control."
       metrics={[
         {
-          value: "10+",
-          title: "Years of Innovation",
-        },
+          value: "10+",          title: "Years of Innovation"},
         {
-          value: "1M+",
-          title: "Happy Users",
-        },
+          value: "1M+",          title: "Happy Users"},
         {
-          value: "50+",
-          title: "Design Awards",
-        },
+          value: "50+",          title: "Design Awards"},
       ]}
       tag="About FLAXR"
       imageSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-24417.jpg"
@@ -224,8 +150,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Stay Connected"
       title="Join the FLAXR Community"
       description="Be the first to know about new product launches, exclusive offers, and behind-the-scenes content."
@@ -239,67 +164,41 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Products",
-          items: [
+          title: "Products",          items: [
             {
-              label: "FLAXR ONE 60",
-              href: "/products#one-60",
-            },
+              label: "FLAXR ONE 60",              href: "/products#one-60"},
             {
-              label: "Accessories",
-              href: "/products#accessories",
-            },
+              label: "Accessories",              href: "/products#accessories"},
             {
-              label: "Shop All",
-              href: "/shop",
-            },
+              label: "Shop All",              href: "/shop"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "/about",
-            },
+              label: "About Us",              href: "/about"},
             {
-              label: "Blog",
-              href: "/blog",
-            },
+              label: "Blog",              href: "/blog"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact Us",
-              href: "/contact",
-            },
+              label: "Contact Us",              href: "/contact"},
             {
-              label: "FAQ",
-              href: "/faq",
-            },
+              label: "FAQ",              href: "/faq"},
             {
-              label: "Warranty",
-              href: "#",
-            },
+              label: "Warranty",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -310,4 +209,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1