From f69952fe8ace8fb1aea2ded3709a55720c75c764 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 15:50:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 317 +++++++++++------------------------------------
 1 file changed, 75 insertions(+), 242 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9cbc761..8ebb9cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,104 +34,65 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Company",
-          id: "company",
-        },
+          name: "Company",          id: "company"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Vertex"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Scaling Tech Enterprise Solutions"
       description="Revolutionizing industry operations through high-performance software and data-driven infrastructure. We empower organizations to transcend digital limitations."
       kpis={[
         {
-          value: "99.9%",
-          label: "Uptime",
-        },
+          value: "99.9%",          label: "Uptime"},
         {
-          value: "500+",
-          label: "Deployments",
-        },
+          value: "500+",          label: "Deployments"},
         {
-          value: "24/7",
-          label: "Support",
-        },
+          value: "24/7",          label: "Support"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Explore Services",
-          href: "#features",
-        },
+          text: "Explore Services",          href: "#features"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg",
-          alt: "Technician",
-        },
+          src: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg",          alt: "Technician"},
         {
-          src: "http://img.b2bpic.net/free-photo/freelancer-working-from-apartment-office-seated-desk-using-ai-llm-chatbot_482257-127291.jpg",
-          alt: "Freelancer",
-        },
+          src: "http://img.b2bpic.net/free-photo/freelancer-working-from-apartment-office-seated-desk-using-ai-llm-chatbot_482257-127291.jpg",          alt: "Freelancer"},
         {
-          src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
-          alt: "AI assistant",
-        },
+          src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",          alt: "AI assistant"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-with-flowing-particles_1048-19327.jpg",
-          alt: "Abstract particles",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-with-flowing-particles_1048-19327.jpg",          alt: "Abstract particles"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg",
-          alt: "Abstract design",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-abstract-particle-design-background_1048-18868.jpg",          alt: "Abstract design"},
       ]}
       avatarText="Trusted by 500+ global enterprises"
       marqueeItems={[
         {
-          type: "text",
-          text: "Cloud Infrastructure",
-        },
+          type: "text",          text: "Cloud Infrastructure"},
         {
-          type: "text",
-          text: "AI Integration",
-        },
+          type: "text",          text: "AI Integration"},
         {
-          type: "text",
-          text: "Cybersecurity",
-        },
+          type: "text",          text: "Cybersecurity"},
         {
-          type: "text",
-          text: "Data Analytics",
-        },
+          type: "text",          text: "Data Analytics"},
         {
-          type: "text",
-          text: "DevOps Operations",
-        },
+          type: "text",          text: "DevOps Operations"},
       ]}
     />
   </div>
@@ -141,14 +102,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Vertex Corp",
-        "NexGen Labs",
-        "DataSphere",
-        "QuantumFlow",
-        "SyncNet",
-        "HyperLink",
-        "NovaCore",
-      ]}
+        "Vertex Corp",        "NexGen Labs",        "DataSphere",        "QuantumFlow",        "SyncNet",        "HyperLink",        "NovaCore"]}
       title="Trusted by Industry Leaders"
       description="Building sustainable future-proof tech for the world's most demanding enterprises."
     />
@@ -156,36 +110,22 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardTwentyThree
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Secure Infrastructure",
-          tags: [
-            "Security",
-            "Cloud",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-app_23-2148620393.jpg",
-        },
+          id: "f1",          title: "Secure Infrastructure",          tags: [
+            "Security",            "Cloud"],
+          imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-app_23-2148620393.jpg"},
         {
-          id: "f2",
-          title: "Data Analytics",
-          tags: [
-            "AI",
-            "Metrics",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-interacting-with-smart-ai-virtual-assistant-mockup-screen_482257-126893.jpg",
-        },
+          id: "f2",          title: "Data Analytics",          tags: [
+            "AI",            "Metrics"],
+          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-interacting-with-smart-ai-virtual-assistant-mockup-screen_482257-126893.jpg"},
         {
-          id: "f3",
-          title: "API Integration",
-          tags: [
-            "Developer",
-            "API",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
-        },
+          id: "f3",          title: "API Integration",          tags: [
+            "Developer",            "API"],
+          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
       ]}
       title="Next-Gen Tech Capabilities"
       description="Powerful features designed for scalability, security, and high performance."
@@ -194,64 +134,29 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardTwo
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "Vertex",
-          name: "Sentry Node",
-          price: "$1,200",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg",
-        },
+          id: "p1",          brand: "Vertex",          name: "Sentry Node",          price: "$1,200",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/usb-type-c-port-warm-neon-scene-tech-macro_169016-71583.jpg"},
         {
-          id: "p2",
-          brand: "Vertex",
-          name: "Cloud Hub",
-          price: "$850",
-          rating: 4,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg",
-        },
+          id: "p2",          brand: "Vertex",          name: "Cloud Hub",          price: "$850",          rating: 4,
+          reviewCount: "89",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-using-his-mobile-phone_1134-53.jpg"},
         {
-          id: "p3",
-          brand: "Vertex",
-          name: "AI Chipset",
-          price: "$4,500",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-technology-microchip-background-futuristic-innovation-technology-remix_53876-124727.jpg",
-        },
+          id: "p3",          brand: "Vertex",          name: "AI Chipset",          price: "$4,500",          rating: 5,
+          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/ai-technology-microchip-background-futuristic-innovation-technology-remix_53876-124727.jpg"},
         {
-          id: "p4",
-          brand: "Vertex",
-          name: "Data Server",
-          price: "$9,800",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638739.jpg",
-        },
+          id: "p4",          brand: "Vertex",          name: "Data Server",          price: "$9,800",          rating: 5,
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638739.jpg"},
         {
-          id: "p5",
-          brand: "Vertex",
-          name: "Mobile UI",
-          price: "$400",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
-        },
+          id: "p5",          brand: "Vertex",          name: "Mobile UI",          price: "$400",          rating: 4,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
         {
-          id: "p6",
-          brand: "Vertex",
-          name: "Sensor Node",
-          price: "$250",
-          rating: 4,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg",
-        },
+          id: "p6",          brand: "Vertex",          name: "Sensor Node",          price: "$250",          rating: 4,
+          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg"},
       ]}
       title="Our Specialized Products"
       description="Cutting-edge hardware and software solutions engineered for peak enterprise efficiency."
@@ -265,22 +170,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          title: "System Uptime",
-          value: "99.99%",
-          icon: CheckCircle,
+          id: "m1",          title: "System Uptime",          value: "99.99%",          icon: CheckCircle,
         },
         {
-          id: "m2",
-          title: "Processing Power",
-          value: "20 Petaflops",
-          icon: Zap,
+          id: "m2",          title: "Processing Power",          value: "20 Petaflops",          icon: Zap,
         },
         {
-          id: "m3",
-          title: "Global Nodes",
-          value: "1,200+",
-          icon: Globe,
+          id: "m3",          title: "Global Nodes",          value: "1,200+",          icon: Globe,
         },
       ]}
       title="Performance at Scale"
@@ -290,37 +186,19 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardEleven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       groups={[
         {
-          id: "g1",
-          groupTitle: "Leadership",
-          members: [
+          id: "g1",          groupTitle: "Leadership",          members: [
             {
-              id: "t1",
-              title: "Alex Rivers",
-              subtitle: "CEO & Founder",
-              detail: "Leading Vertex towards decentralized computing.",
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
-            },
+              id: "t1",              title: "Alex Rivers",              subtitle: "CEO & Founder",              detail: "Leading Vertex towards decentralized computing.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg"},
             {
-              id: "t2",
-              title: "Sarah Chen",
-              subtitle: "CTO",
-              detail: "Driving architectural innovation.",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-            },
+              id: "t2",              title: "Sarah Chen",              subtitle: "CTO",              detail: "Driving architectural innovation.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
             {
-              id: "t3",
-              title: "Marcus Vane",
-              subtitle: "Lead Architect",
-              detail: "Designing the infrastructure of tomorrow.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
-            },
+              id: "t3",              title: "Marcus Vane",              subtitle: "Lead Architect",              detail: "Designing the infrastructure of tomorrow.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg?_wi=2",
-          imageAlt: "tech portrait professional",
         },
       ]}
       title="Expert Engineering Leadership"
@@ -330,49 +208,25 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Jane Doe",
-          handle: "@jane",
-          testimonial: "Vertex transformed our operational efficiency.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
-        },
+          id: "t1",          name: "Jane Doe",          handle: "@jane",          testimonial: "Vertex transformed our operational efficiency.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
         {
-          id: "t2",
-          name: "John Smith",
-          handle: "@john",
-          testimonial: "The most robust infrastructure we've ever used.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
+          id: "t2",          name: "John Smith",          handle: "@john",          testimonial: "The most robust infrastructure we've ever used.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
         {
-          id: "t3",
-          name: "Alice Wong",
-          handle: "@alice",
-          testimonial: "Seamless integration and top-tier support.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-        },
+          id: "t3",          name: "Alice Wong",          handle: "@alice",          testimonial: "Seamless integration and top-tier support.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg"},
         {
-          id: "t4",
-          name: "Bob Vance",
-          handle: "@bob",
-          testimonial: "Game-changing results for our analytics team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-        },
+          id: "t4",          name: "Bob Vance",          handle: "@bob",          testimonial: "Game-changing results for our analytics team.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
         {
-          id: "t5",
-          name: "Eve Adams",
-          handle: "@eve",
-          testimonial: "Scaling was effortless with their tech stack.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-checkup-table_1187-1562.jpg",
-        },
+          id: "t5",          name: "Eve Adams",          handle: "@eve",          testimonial: "Scaling was effortless with their tech stack.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-checkup-table_1187-1562.jpg"},
       ]}
       showRating={true}
       title="Client Success Stories"
@@ -386,20 +240,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "faq1",
-          title: "How does deployment work?",
-          content: "Our team handles setup end-to-end.",
-        },
+          id: "faq1",          title: "How does deployment work?",          content: "Our team handles setup end-to-end."},
         {
-          id: "faq2",
-          title: "What support do you provide?",
-          content: "Dedicated 24/7 technical assistance.",
-        },
+          id: "faq2",          title: "What support do you provide?",          content: "Dedicated 24/7 technical assistance."},
         {
-          id: "faq3",
-          title: "Can I upgrade my plan?",
-          content: "Scaling is built into our software framework.",
-        },
+          id: "faq3",          title: "Can I upgrade my plan?",          content: "Scaling is built into our software framework."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-questions-boxes-suprise-concept_52683-94814.jpg"
       mediaAnimation="blur-reveal"
@@ -413,15 +258,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Let's Connect"
       title="Ready to Transform Your Infrastructure?"
       description="Contact our engineering team to discuss your enterprise requirements."
       buttons={[
         {
-          text: "Contact Sales",
-        },
+          text: "Contact Sales"},
       ]}
     />
   </div>
@@ -432,29 +275,19 @@ export default function LandingPage() {
       logoText="Vertex Tech"
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Overview",
-              href: "#",
-            },
+              label: "Overview",              href: "#"},
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Team",
-              href: "#",
-            },
+              label: "Team",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1