From 3ec207c13786337b99193941fb061a07a9d2674e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 16:06:18 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 35e139d..958b6bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,344 +18,165 @@ import { Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Work",
-          id: "work",
-        },
-        {
-          name: "Systems",
-          id: "systems",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "Apply",
-          id: "contact",
-        },
-      ]}
-      brandName="FUTURIX MEDIA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Work", id: "work" },
+              { name: "Systems", id: "systems" },
+              { name: "Process", id: "process" },
+              { name: "Apply", id: "contact" },
+            ]}
+            brandName="FUTURIX MEDIA"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Engineering growth through AI intelligence."
-      description="We build high-performance marketing systems that scale brands beyond linear logic. Experience the next evolution of digital acquisition."
-      tag="FUTURIX MEDIA"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg",
-          imageAlt: "Abstract system visual",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg",
-          imageAlt: "Abstract system visual secondary",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-low-poly-plexus-design_1048-13423.jpg",
-          imageAlt: "Abstract tech background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg",
-          imageAlt: "Abstract techno background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",
-          imageAlt: "Digital Hud Interface",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Trusted by industry leaders"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "radial-gradient" }}
+            title="Engineering growth through AI intelligence."
+            description="We build high-performance marketing systems that scale brands beyond linear logic. Experience the next evolution of digital acquisition."
+            tag="FUTURIX MEDIA"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg",                imageAlt: "Abstract system visual"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg",                imageAlt: "Abstract system visual secondary"}
+            ]}
+            mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Trusted by industry leaders"
+          />
+        </div>
 
-  <div id="trust-bar" data-section="trust-bar">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Nasa",
-        "SpaceX",
-        "Uber",
-        "Visa",
-        "Grab",
-        "Bose",
-        "Sony",
-      ]}
-      title="Engineered for excellence"
-      description="The world's most forward-thinking organizations choose our infrastructure."
-    />
-  </div>
+        <div id="trust-bar" data-section="trust-bar">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Nasa", "SpaceX", "Uber", "Visa", "Grab", "Bose", "Sony"]}
+            title="Engineered for excellence"
+            description="The world's most forward-thinking organizations choose our infrastructure."
+          />
+        </div>
 
-  <div id="systems" data-section="systems">
-      <FeatureCardTwentyOne
-      useInvertedBackground={true}
-      title="Autonomous Marketing Systems"
-      description="Proprietary engines that automate, scale, and optimize growth vectors in real-time."
-      accordionItems={[
-        {
-          id: "s1",
-          title: "Predictive Acquisition Engine",
-          content: "AI-driven demand harvesting that anticipates audience intent.",
-        },
-        {
-          id: "s2",
-          title: "Dynamic Content Orchestration",
-          content: "Hyper-personalized messaging loops that adapt every second.",
-        },
-        {
-          id: "s3",
-          title: "Growth Infrastructure Optimization",
-          content: "Systems architecture designed for infinite scalability.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="systems" data-section="systems">
+          <FeatureCardTwentyOne
+            useInvertedBackground={true}
+            title="Autonomous Marketing Systems"
+            description="Proprietary engines that automate, scale, and optimize growth vectors in real-time."
+            accordionItems={[
+              { id: "s1", title: "Predictive Acquisition Engine", content: "AI-driven demand harvesting that anticipates audience intent." },
+              { id: "s2", title: "Dynamic Content Orchestration", content: "Hyper-personalized messaging loops that adapt every second." },
+              { id: "s3", title: "Growth Infrastructure Optimization", content: "Systems architecture designed for infinite scalability." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-153340.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="OUR PROCESS"
-      title="Systematic execution."
-      description="We don't do campaigns; we install intelligence."
-      subdescription="Every implementation follows a high-fidelity audit and deployment pipeline."
-      icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="process" data-section="process">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="OUR PROCESS"
+            title="Systematic execution."
+            description="We don't do campaigns; we install intelligence."
+            subdescription="Every implementation follows a high-fidelity audit and deployment pipeline."
+            icon={Zap}
+            imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Operational Impact"
-      tag="METRICS"
-      metrics={[
-        {
-          id: "m1",
-          value: "450%",
-          description: "Avg growth efficiency",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Continuous optimization",
-        },
-        {
-          id: "m3",
-          value: "0.1ms",
-          description: "Data latency",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Operational Impact"
+            tag="METRICS"
+            metrics={[
+              { id: "m1", value: "450%", description: "Avg growth efficiency" },
+              { id: "m2", value: "24/7", description: "Continuous optimization" },
+              { id: "m3", value: "0.1ms", description: "Data latency" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="case-studies" data-section="case-studies">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Enterprise",
-          name: "Growth System v4.0",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132949.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Enterprise",
-          name: "AI Demand Engine",
-          price: "Scalable",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Enterprise",
-          name: "Content Orchestration",
-          price: "Dynamic",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-114026.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Enterprise",
-          name: "Pipeline Automation",
-          price: "Autonomous",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974244.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Enterprise",
-          name: "Neural Data Loop",
-          price: "High Fidelity",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Enterprise",
-          name: "System Audit",
-          price: "Foundational",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg",
-        },
-      ]}
-      title="Deployment Case Studies"
-      description="Proven results for high-stakes environments."
-    />
-  </div>
+        <div id="case-studies" data-section="case-studies">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Enterprise", name: "Growth System v4.0", price: "High Impact", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132949.jpg" },
+              { id: "p2", brand: "Enterprise", name: "AI Demand Engine", price: "Scalable", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg" },
+              { id: "p3", brand: "Enterprise", name: "Content Orchestration", price: "Dynamic", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-114026.jpg" },
+            ]}
+            title="Deployment Case Studies"
+            description="Proven results for high-stakes environments."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Elena Vance",
-          role: "CMO",
-          company: "Global Logic",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Sterling",
-          role: "CEO",
-          company: "NexGen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah Chen",
-          role: "Director",
-          company: "Vantage",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-        },
-        {
-          id: "4",
-          name: "David Thorne",
-          role: "COO",
-          company: "Ironclad",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Low",
-          role: "Founder",
-          company: "Aura",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
-      ]}
-      title="System Validation"
-      description="Leaders operating within our ecosystems."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Elena Vance", role: "CMO", company: "Global Logic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg" },
+              { id: "2", name: "Mark Sterling", role: "CEO", company: "NexGen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
+              { id: "3", name: "Sarah Chen", role: "Director", company: "Vantage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
+              { id: "4", name: "David Thorne", role: "COO", company: "Ironclad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
+              { id: "5", name: "Jessica Low", role: "Founder", company: "Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
+            ]}
+            title="System Validation"
+            description="Leaders operating within our ecosystems."
+          />
+        </div>
 
-  <div id="final-cta" data-section="final-cta">
-      <PricingCardOne
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "base",
-          badge: "Core",
-          price: "Infrastructure",
-          subtitle: "Foundation builds",
-          features: [
-            "Full audit",
-            "System setup",
-            "Basic reporting",
-          ],
-        },
-        {
-          id: "mid",
-          badge: "Growth",
-          price: "High-Performance",
-          subtitle: "Scaling operations",
-          features: [
-            "Automation loops",
-            "Neural data",
-            "Dedicated team",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Elite",
-          price: "Autonomous",
-          subtitle: "Total dominance",
-          features: [
-            "Fully managed",
-            "Predictive strategy",
-            "Priority access",
-          ],
-        },
-      ]}
-      title="Ready for high-fidelity growth?"
-      description="Select the engagement model that matches your current system needs."
-    />
-  </div>
+        <div id="final-cta" data-section="final-cta">
+          <PricingCardOne
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "base", badge: "Core", price: "Infrastructure", subtitle: "Foundation builds", features: ["Full audit", "System setup", "Basic reporting"] },
+              { id: "mid", badge: "Growth", price: "High-Performance", subtitle: "Scaling operations", features: ["Automation loops", "Neural data", "Dedicated team"] },
+              { id: "pro", badge: "Elite", price: "Autonomous", subtitle: "Total dominance", features: ["Fully managed", "Predictive strategy", "Priority access"] },
+            ]}
+            title="Ready for high-fidelity growth?"
+            description="Select the engagement model that matches your current system needs."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="CONTACT"
-      title="Connect your brand to the future."
-      description="Secure your strategy session."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="CONTACT"
+            title="Connect your brand to the future."
+            description="Secure your strategy session."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="FUTURIX MEDIA"
-      copyrightText="© 2025 FUTURIX MEDIA | High-end Marketing Systems"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="FUTURIX MEDIA"
+            copyrightText="© 2025 FUTURIX MEDIA | High-end Marketing Systems"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1