From 7b8eecd2ed1c5ecee439250f67e390d0afa33a2e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 10:24:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 176 +++++++++++------------------------------------
 1 file changed, 40 insertions(+), 136 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ce6c656..cecdcea 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#features",
-        },
+          name: "Services",          id: "#features"},
         {
-          name: "Results",
-          id: "#metrics",
-        },
+          name: "Results",          id: "#metrics"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="DevForge"
     />
@@ -54,46 +46,29 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Architecting the Future of Software"
       description="We engineer high-performance platforms, scalable cloud solutions, and intuitive AI-driven applications for enterprises worldwide."
       tag="Trusted Tech Partner"
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
         {
-          text: "View Our Work",
-          href: "#features",
-        },
+          text: "View Our Work",          href: "#features"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-20437.jpg",
-          imageAlt: "Tech abstract 1",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-20437.jpg",          imageAlt: "Tech abstract 1"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
-          imageAlt: "Tech abstract 2",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",          imageAlt: "Tech abstract 2"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
-          imageAlt: "Tech abstract 3",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",          imageAlt: "Tech abstract 3"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg",
-          imageAlt: "Tech abstract 4",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg",          imageAlt: "Tech abstract 4"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-19881.jpg",
-          imageAlt: "Tech abstract 5",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights-background_181624-19881.jpg",          imageAlt: "Tech abstract 5"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg",
-          imageAlt: "Tech abstract 6",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/technician-doing-yearly-checkup-using-tablet-preserve-data-center-electronics_482257-122252.jpg",          imageAlt: "Tech abstract 6"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -106,19 +81,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Rocket,
-          label: "Projects Delivered",
-          value: "250+",
-        },
+          label: "Projects Delivered",          value: "250+"},
         {
           icon: Users,
-          label: "Global Team",
-          value: "100+",
-        },
+          label: "Global Team",          value: "100+"},
         {
           icon: Globe,
-          label: "Client Reach",
-          value: "40+",
-        },
+          label: "Client Reach",          value: "40+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -131,34 +100,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          label: "Web/Mobile",
-          title: "Scalable Applications",
-          items: [
-            "React/Next.js development",
-            "Native iOS & Android",
-            "Cloud-native architecture",
-          ],
+          id: "1",          label: "Web/Mobile",          title: "Scalable Applications",          items: [
+            "React/Next.js development",            "Native iOS & Android",            "Cloud-native architecture"],
         },
         {
-          id: "2",
-          label: "AI/Data",
-          title: "Intelligent Automation",
-          items: [
-            "Machine Learning models",
-            "Predictive data analytics",
-            "Workflow automation",
-          ],
+          id: "2",          label: "AI/Data",          title: "Intelligent Automation",          items: [
+            "Machine Learning models",            "Predictive data analytics",            "Workflow automation"],
         },
         {
-          id: "3",
-          label: "DevOps",
-          title: "Cloud Infrastructure",
-          items: [
-            "AWS/Azure deployments",
-            "Microservices orchestration",
-            "High-availability CI/CD",
-          ],
+          id: "3",          label: "DevOps",          title: "Cloud Infrastructure",          items: [
+            "AWS/Azure deployments",            "Microservices orchestration",            "High-availability CI/CD"],
         },
       ]}
       title="Software Engineering Excellence"
@@ -168,35 +119,21 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "45%",
-          title: "Average Efficiency Gain",
-          items: [
-            "Optimized cloud spend",
-            "Faster deployment cycles",
-          ],
+          id: "m1",          value: "45%",          title: "Average Efficiency Gain",          items: [
+            "Optimized cloud spend",            "Faster deployment cycles"],
         },
         {
-          id: "m2",
-          value: "99.9%",
-          title: "System Uptime",
-          items: [
-            "High-availability design",
-            "Proactive monitoring",
-          ],
+          id: "m2",          value: "99.9%",          title: "System Uptime",          items: [
+            "High-availability design",            "Proactive monitoring"],
         },
         {
-          id: "m3",
-          value: "2x",
-          title: "Faster Delivery",
-          items: [
-            "Agile methodology",
-            "Component-driven development",
-          ],
+          id: "m3",          value: "2x",          title: "Faster Delivery",          items: [
+            "Agile methodology",            "Component-driven development"],
         },
       ]}
       title="Quantifiable Success"
@@ -206,44 +143,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "@techcorp",
-          testimonial: "DevForge transformed our outdated monolith into a sleek, high-performing cloud ecosystem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-        },
+          id: "t1",          name: "Sarah Jenkins",          handle: "@techcorp",          testimonial: "DevForge transformed our outdated monolith into a sleek, high-performing cloud ecosystem.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
         {
-          id: "t2",
-          name: "Michael Chen",
-          handle: "@innovatelab",
-          testimonial: "Exceptional development velocity and deep technical expertise in AI integration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
-        },
+          id: "t2",          name: "Michael Chen",          handle: "@innovatelab",          testimonial: "Exceptional development velocity and deep technical expertise in AI integration.",          imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg"},
         {
-          id: "t3",
-          name: "Emily Rodriguez",
-          handle: "@growthco",
-          testimonial: "The best engineering partner we've ever worked with. Truly scalable solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
+          id: "t3",          name: "Emily Rodriguez",          handle: "@growthco",          testimonial: "The best engineering partner we've ever worked with. Truly scalable solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
         {
-          id: "t4",
-          name: "David Kim",
-          handle: "@startupxyz",
-          testimonial: "Professional, transparent, and brilliant at solving complex architecture challenges.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
-        },
+          id: "t4",          name: "David Kim",          handle: "@startupxyz",          testimonial: "Professional, transparent, and brilliant at solving complex architecture challenges.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg"},
         {
-          id: "t5",
-          name: "Anna Peterson",
-          handle: "@fintechs",
-          testimonial: "Their approach to microservices enabled our rapid growth this past fiscal year.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970230.jpg",
-        },
+          id: "t5",          name: "Anna Peterson",          handle: "@fintechs",          testimonial: "Their approach to microservices enabled our rapid growth this past fiscal year.",          imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970230.jpg"},
       ]}
       title="Voices of Innovation"
       description="What our clients say about partnering with us for their software development needs."
@@ -254,16 +167,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Let's Build"
       title="Ready to Start Your Project?"
       description="Our engineers are standing by to help design and implement your next big software ambition."
       buttons={[
         {
-          text: "Contact Our Team",
-          href: "mailto:hello@devforge.com",
-        },
+          text: "Contact Our Team",          href: "mailto:hello@devforge.com"},
       ]}
     />
   </div>
@@ -275,19 +185,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Twitter,
-          href: "https://twitter.com/devforge",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com/devforge",          ariaLabel: "Twitter"},
         {
           icon: Github,
-          href: "https://github.com/devforge",
-          ariaLabel: "Github",
-        },
+          href: "https://github.com/devforge",          ariaLabel: "Github"},
         {
           icon: Linkedin,
-          href: "https://linkedin.com/company/devforge",
-          ariaLabel: "Linkedin",
-        },
+          href: "https://linkedin.com/company/devforge",          ariaLabel: "Linkedin"},
       ]}
     />
   </div>