From 4ef4b6e751d60d9970c0dfe701c2f420d1f05ef5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 02:25:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 171 +++++++++++++++--------------------------------
 1 file changed, 55 insertions(+), 116 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2673644..5bd715c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import { Award, CheckCircle, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Case Studies",
-          id: "testimonials",
-        },
+          name: "Case Studies",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="VertexLabs"
     />
@@ -55,62 +48,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Scaling Global Tech Infrastructure"
       description="We architect high-performance software ecosystems for enterprises aiming for exponential growth."
       buttons={[
         {
-          text: "Consult With Experts",
-          href: "#contact",
-        },
+          text: "Consult With Experts",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
-          alt: "Executive 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",          alt: "Executive 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
-          alt: "Executive 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",          alt: "Executive 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599416.jpg",
-          alt: "Executive 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599416.jpg",          alt: "Executive 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",
-          alt: "Executive 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",          alt: "Executive 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",
-          alt: "Executive 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",          alt: "Executive 5"},
       ]}
       avatarText="Trusted by 500+ global tech leaders"
       marqueeItems={[
         {
-          type: "text",
-          text: "Cloud Architecture",
-        },
+          type: "text",          text: "Cloud Architecture"},
         {
-          type: "text",
-          text: "Predictive AI",
-        },
+          type: "text",          text: "Predictive AI"},
         {
-          type: "text",
-          text: "DevSecOps",
-        },
+          type: "text",          text: "DevSecOps"},
         {
-          type: "text",
-          text: "Data Engineering",
-        },
+          type: "text",          text: "Data Engineering"},
         {
-          type: "text",
-          text: "Cybersecurity",
-        },
+          type: "text",          text: "Cybersecurity"},
       ]}
     />
   </div>
@@ -128,6 +98,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="team" data-section="team">
+      <TeamCardOne 
+        title="Our Leadership"
+        description="Meet the experts steering our vision."
+        textboxLayout="default"
+        gridVariant="three-columns-all-equal-width"
+        animationType="slide-up"
+        members={[
+            { id: "1", name: "Game", role: "CEO", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-man-with-crossed-arms_1142-261.jpg" },
+            { id: "2", name: "Oh", role: "CTO", imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-man-having-stubble-posing-with-folded-arms-looking-camera_171337-12643.jpg" },
+            { id: "3", name: "Rung", role: "Design Director", imageSrc: "https://img.b2bpic.net/free-photo/thoughtful-woman-with-her-hand-near-face_1142-259.jpg" }
+        ]}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={true}
@@ -135,20 +120,11 @@ export default function LandingPage() {
       description="Our suite of services covers the entire product development lifecycle, from concept to global deployment."
       accordionItems={[
         {
-          id: "a1",
-          title: "Scalable Cloud Architecture",
-          content: "Robust cloud strategies tailored for multi-region performance.",
-        },
+          id: "a1",          title: "Scalable Cloud Architecture",          content: "Robust cloud strategies tailored for multi-region performance."},
         {
-          id: "a2",
-          title: "Predictive AI Systems",
-          content: "Machine learning models designed for real-world impact and automation.",
-        },
+          id: "a2",          title: "Predictive AI Systems",          content: "Machine learning models designed for real-world impact and automation."},
         {
-          id: "a3",
-          title: "DevSecOps Integration",
-          content: "Seamless deployment pipelines with security at the core.",
-        },
+          id: "a3",          title: "DevSecOps Integration",          content: "Seamless deployment pipelines with security at the core."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139229.jpg"
       mediaAnimation="slide-up"
@@ -162,23 +138,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Award,
-          title: "Years Experience",
-          value: "12+",
-        },
+          id: "m1",          icon: Award,
+          title: "Years Experience",          value: "12+"},
         {
-          id: "m2",
-          icon: CheckCircle,
-          title: "Projects Completed",
-          value: "150+",
-        },
+          id: "m2",          icon: CheckCircle,
+          title: "Projects Completed",          value: "150+"},
         {
-          id: "m3",
-          icon: Shield,
-          title: "Security Patches",
-          value: "500+",
-        },
+          id: "m3",          icon: Shield,
+          title: "Security Patches",          value: "500+"},
       ]}
       title="Measurable Impact"
       description="Tangible results across every project phase."
@@ -193,25 +160,15 @@ export default function LandingPage() {
       author="Sarah Chen, VP Engineering at CloudScale"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
-          alt: "Sarah Chen",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Sarah Chen"},
         {
-          src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
-          alt: "Director 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",          alt: "Director 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Manager 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Manager 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-          alt: "Lead 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          alt: "Lead 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg",
-          alt: "Executive 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg",          alt: "Executive 1"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -223,14 +180,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "AlphaTech",
-        "BetaSystems",
-        "GammaCloud",
-        "DeltaInnovate",
-        "EpsilonSoft",
-        "ZetaGrid",
-        "EtaPulse",
-      ]}
+        "AlphaTech",        "BetaSystems",        "GammaCloud",        "DeltaInnovate",        "EpsilonSoft",        "ZetaGrid",        "EtaPulse"]}
       title="Trusted by Leaders"
       description="Collaborating with global innovators."
     />
@@ -240,8 +190,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in Touch"
       title="Architecting the Future"
       description="Ready to scale your next major initiative? Let's discuss your roadmap."
@@ -255,29 +204,19 @@ export default function LandingPage() {
       logoText="VertexLabs"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Guides",
-              href: "#",
-            },
+              label: "Guides",              href: "#"},
           ],
         },
       ]}
@@ -286,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file