From ec17fa33173e1c480d4ca85b2c6ae73bc815b647 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 21:13:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 300 +++++++----------------------------------------
 1 file changed, 42 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7bede5b..06d1eda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Zap, Layout, Code, Shield } from 'lucide-react';
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Work",
-          id: "work",
-        },
-        {
-          name: "Our Story",
-          id: "story",
-        },
-        {
-          name: "Labs",
-          id: "labs",
-        },
-        {
-          name: "Insights",
-          id: "insights",
-        },
-        {
-          name: "Connect",
-          id: "contact",
-        },
+        { name: "Work", id: "work" },
+        { name: "Our Story", id: "story" },
+        { name: "Labs", id: "labs" },
+        { name: "Insights", id: "insights" },
+        { name: "Connect", id: "contact" },
       ]}
       brandName="Noomo"
     />
@@ -58,69 +44,22 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Story dictates the medium."
       description="We create 3D storytelling websites and immersive digital experiences that make people stop scrolling."
-      buttons={[
-        {
-          text: "View Work",
-          href: "#work",
-        },
-        {
-          text: "Connect",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "View Work", href: "#work" }, { text: "Connect", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102927.jpg"
       imageAlt="3d abstract background orange"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79228.jpg",
-          alt: "Liquid marbling paint texture",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg",
-          alt: "Orange paper sheets",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9947.jpg",
-          alt: "Artistic blurry colorful wallpaper",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9940.jpg",
-          alt: "Artistic blurry colorful wallpaper background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9897.jpg",
-          alt: "Artistic blurry colorful wallpaper background",
-        },
+        { src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79228.jpg", alt: "Liquid marbling paint texture" },
+        { src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg", alt: "Orange paper sheets" },
+        { src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9947.jpg", alt: "Artistic blurry colorful wallpaper" },
+        { src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9940.jpg", alt: "Artistic blurry colorful wallpaper background" },
+        { src: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9897.jpg", alt: "Artistic blurry colorful wallpaper background" },
       ]}
       avatarText="Trusted by 200+ brands"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "3D Cinematic",
-        },
-        {
-          type: "text",
-          text: "Immersive Storytelling",
-        },
-        {
-          type: "text",
-          text: "Bold Typography",
-        },
-        {
-          type: "text",
-          text: "Digital Strategy",
-        },
-        {
-          type: "text",
-          text: "Technical Mastery",
-        },
-      ]}
+      marqueeItems={[{ type: "text", text: "3D Cinematic" }, { type: "text", text: "Immersive Storytelling" }, { type: "text", text: "Bold Typography" }, { type: "text", text: "Digital Strategy" }, { type: "text", text: "Technical Mastery" }]}
     />
   </div>
 
@@ -128,44 +67,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="split"
       gridVariant="asymmetric-60-wide-40-narrow"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "w1",
-          name: "Omni Brand",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/christmas-digital-signage_187299-48736.jpg",
-        },
-        {
-          id: "w2",
-          name: "Flux Systems",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg",
-        },
-        {
-          id: "w3",
-          name: "Aeon Lab",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/pills-plastic-box_23-2147612231.jpg",
-        },
-        {
-          id: "w4",
-          name: "Zenit Co",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-108649.jpg",
-        },
-        {
-          id: "w5",
-          name: "Vortex Digital",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer_23-2151004338.jpg",
-        },
-        {
-          id: "w6",
-          name: "Nova Narrative",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-colorful-composition-with-black-spheres_250435-1272.jpg",
-        },
+        { id: "w1", name: "Omni Brand", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/christmas-digital-signage_187299-48736.jpg" },
+        { id: "w2", name: "Flux Systems", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-team-with-success-story-work-green-screen_482257-123941.jpg" },
+        { id: "w3", name: "Aeon Lab", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/pills-plastic-box_23-2147612231.jpg" },
+        { id: "w4", name: "Zenit Co", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-108649.jpg" },
+        { id: "w5", name: "Vortex Digital", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-computer_23-2151004338.jpg" },
+        { id: "w6", name: "Nova Narrative", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-colorful-composition-with-black-spheres_250435-1272.jpg" },
       ]}
       title="Selected Works"
       description="Explore our immersive digital narratives."
@@ -187,30 +97,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "3D Storytelling",
-          description: "Interactive narratives with real-time 3D elements.",
-          imageSrc: "http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Experience Design",
-          description: "UI/UX that makes users stop scrolling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg",
-          buttonIcon: "Layout",
-        },
-        {
-          title: "Creative Tech",
-          description: "Custom coded solutions and technical storytelling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg",
-          buttonIcon: "Code",
-        },
-        {
-          title: "Brand Strategy",
-          description: "Connecting story to modern digital platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-crumpled-paper-ball-with-yellow-light-bulb-against-black-background_23-2147890103.jpg",
-          buttonIcon: "Shield",
-        },
+        { title: "3D Storytelling", description: "Interactive narratives with real-time 3D elements.", imageSrc: "http://img.b2bpic.net/free-photo/17th-years-anniversary-3d-celebration-design_460848-10584.jpg", buttonIcon: Zap },
+        { title: "Experience Design", description: "UI/UX that makes users stop scrolling.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", buttonIcon: Layout },
+        { title: "Creative Tech", description: "Custom coded solutions and technical storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg", buttonIcon: Code },
+        { title: "Brand Strategy", description: "Connecting story to modern digital platforms.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-crumpled-paper-ball-with-yellow-light-bulb-against-black-background_23-2147890103.jpg", buttonIcon: Shield },
       ]}
       title="What We Build"
       description="Specialized services to elevate your brand presence online."
@@ -223,26 +113,10 @@ export default function LandingPage() {
       title="Impact by Numbers"
       tag="Performance"
       metrics={[
-        {
-          id: "m1",
-          value: "200+",
-          description: "Successful Launches",
-        },
-        {
-          id: "m2",
-          value: "45+",
-          description: "Global Awards",
-        },
-        {
-          id: "m3",
-          value: "80%",
-          description: "Client Retention",
-        },
-        {
-          id: "m4",
-          value: "5M+",
-          description: "Users Impacted",
-        },
+        { id: "m1", value: "200+", description: "Successful Launches" },
+        { id: "m2", value: "45+", description: "Global Awards" },
+        { id: "m3", value: "80%", description: "Client Retention" },
+        { id: "m4", value: "5M+", description: "Users Impacted" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -255,46 +129,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "CMO",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Chen",
-          role: "CEO",
-          company: "NexGen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alex Rivers",
-          role: "Designer",
-          company: "Moda",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213615.jpg",
-        },
-        {
-          id: "t4",
-          name: "Marcus Thorne",
-          role: "Founder",
-          company: "ThorneCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg",
-        },
-        {
-          id: "t5",
-          name: "Julia V.",
-          role: "Product",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg",
-        },
+        { id: "t1", name: "Sarah Miller", role: "CMO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg" },
+        { id: "t2", name: "David Chen", role: "CEO", company: "NexGen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-bored-man-sitting-couch-flipping-though-tv-channels_482257-126574.jpg" },
+        { id: "t3", name: "Alex Rivers", role: "Designer", company: "Moda", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213615.jpg" },
+        { id: "t4", name: "Marcus Thorne", role: "Founder", company: "ThorneCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg" },
+        { id: "t5", name: "Julia V.", role: "Product", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg" },
       ]}
       title="What They Say"
       description="The Noomo touch redefined our online presence."
@@ -306,21 +145,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How do you start a project?",
-          content: "We begin with a deep discovery session where the story defines the technical path.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide 3D assets?",
-          content: "Yes, we handle end-to-end 3D modeling and integration for web.",
-        },
-        {
-          id: "f3",
-          title: "What is the typical timeline?",
-          content: "Timelines depend on complexity but our agile process ensures efficiency.",
-        },
+        { id: "f1", title: "How do you start a project?", content: "We begin with a deep discovery session where the story defines the technical path." },
+        { id: "f2", title: "Do you provide 3D assets?", content: "Yes, we handle end-to-end 3D modeling and integration for web." },
+        { id: "f3", title: "What is the typical timeline?", content: "Timelines depend on complexity but our agile process ensures efficiency." },
       ]}
       title="Common Questions"
       description="Everything you need to know about our process."
@@ -331,16 +158,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to tell your story? Let's connect."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
@@ -349,45 +169,9 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9923.jpg"
       logoText="Noomo"
       columns={[
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "Work",
-              href: "#work",
-            },
-            {
-              label: "About",
-              href: "#story",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Insights",
-              href: "#",
-            },
-            {
-              label: "Labs",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Agency", items: [{ label: "Work", href: "#work" }, { label: "About", href: "#story" }] },
+        { title: "Resources", items: [{ label: "Insights", href: "#" }, { label: "Labs", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>
-- 
2.49.1