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

---
 src/app/page.tsx | 316 ++++++++---------------------------------------
 1 file changed, 49 insertions(+), 267 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bfc23e5..e352ae7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Box, Cloud, Globe, Lock, Server, Shield, Zap } from "lucide-react";
+import { Box, Cloud, Cpu, Globe, Lock, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Innovate3D"
     />
@@ -55,81 +43,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="The Future of Digital Innovation"
       description="Building next-generation solutions for the modern enterprise with 3D precision and speed."
       kpis={[
-        {
-          value: "99.9%",
-          label: "Uptime",
-        },
-        {
-          value: "100+",
-          label: "Deployments",
-        },
-        {
-          value: "5x",
-          label: "Efficiency",
-        },
+        { value: "99.9%", label: "Uptime" },
+        { value: "100+", label: "Deployments" },
+        { value: "5x", label: "Efficiency" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=1"
+      buttons={[{ text: "Get Started", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg"
       imageAlt="abstract 3d digital tech structure dark background"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253620.jpg",
-          alt: "Close-up ferromagnetic metal substance",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-with-shallow-depth-field_1048-6794.jpg",
-          alt: "3D low poly background with shallow depth of field",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg",
-          alt: "Close-up ferromagnetic metal",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg",
-          alt: "Large modern architecture hall",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
-          alt: "abstract 3d digital tech structure dark background",
-        },
+        { src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253620.jpg", alt: "Close-up ferromagnetic metal substance" },
+        { src: "http://img.b2bpic.net/free-photo/3d-low-poly-background-with-shallow-depth-field_1048-6794.jpg", alt: "3D low poly background with shallow depth of field" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253627.jpg", alt: "Close-up ferromagnetic metal" },
+        { src: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg", alt: "Large modern architecture hall" },
+        { src: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", alt: "abstract 3d digital tech structure dark background" },
       ]}
       avatarText="Trusted by 500+ innovators"
       marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Powered",
-        },
-        {
-          type: "text-icon",
-          text: "3D Modeling",
-          icon: Box,
-        },
-        {
-          type: "text",
-          text: "Real-time sync",
-        },
-        {
-          type: "text-icon",
-          text: "Cloud-Native",
-          icon: Cloud,
-        },
-        {
-          type: "text",
-          text: "Fast-scaling",
-        },
+        { type: "text", text: "AI-Powered" },
+        { type: "text-icon", text: "3D Modeling", icon: Box },
+        { type: "text", text: "Real-time sync" },
+        { type: "text-icon", text: "Cloud-Native", icon: Cloud },
+        { type: "text", text: "Fast-scaling" },
       ]}
     />
   </div>
@@ -142,7 +82,7 @@ export default function LandingPage() {
       description="Our team uses advanced 3D modeling and development practices to bring ideas to life."
       subdescription="Dedicated to excellence in every pixel."
       icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg"
       mediaAnimation="slide-up"
       imageAlt="modern holographic workstation tech studio"
     />
@@ -155,67 +95,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "High Performance",
-          description: "Engineered for speed.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113239.jpg",
-            imageAlt: "3d performance indicator icon digital",
-          },
+          title: "High Performance",          description: "Engineered for speed.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113239.jpg", imageAlt: "3d performance indicator icon digital" },
           items: [
-            {
-              icon: Zap,
-              text: "Lightning fast",
-            },
-            {
-              icon: Cpu,
-              text: "Optimized",
-            },
+            { icon: Zap, text: "Lightning fast" },
+            { icon: Cpu, text: "Optimized" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=2",
-          imageAlt: "3d performance indicator icon digital",
         },
         {
-          title: "Robust Security",
-          description: "Bank-grade protection.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
-            imageAlt: "digital security shield icon 3d",
-          },
+          title: "Robust Security",          description: "Bank-grade protection.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg", imageAlt: "digital security shield icon 3d" },
           items: [
-            {
-              icon: Shield,
-              text: "Encrypted",
-            },
-            {
-              icon: Lock,
-              text: "Verified",
-            },
+            { icon: Shield, text: "Encrypted" },
+            { icon: Lock, text: "Verified" },
           ],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-office-space-cartoon-style_23-2151043243.jpg?_wi=2",
-          imageAlt: "3d performance indicator icon digital",
         },
         {
-          title: "Cloud Scale",
-          description: "Global deployment ready.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg",
-            imageAlt: "cloud computing tech 3d icon",
-          },
+          title: "Cloud Scale",          description: "Global deployment ready.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg", imageAlt: "cloud computing tech 3d icon" },
           items: [
-            {
-              icon: Globe,
-              text: "Anywhere",
-            },
-            {
-              icon: Server,
-              text: "Infinite",
-            },
+            { icon: Globe, text: "Anywhere" },
+            { icon: Server, text: "Infinite" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg?_wi=1",
-          imageAlt: "3d performance indicator icon digital",
         },
       ]}
       title="Advanced Platform Capabilities"
@@ -229,21 +130,9 @@ export default function LandingPage() {
       title="Proven Success Metrics"
       tag="Analytics"
       metrics={[
-        {
-          id: "1",
-          value: "1M+",
-          description: "Users reached",
-        },
-        {
-          id: "2",
-          value: "$50M",
-          description: "Value delivered",
-        },
-        {
-          id: "3",
-          value: "150+",
-          description: "Countries active",
-        },
+        { id: "1", value: "1M+", description: "Users reached" },
+        { id: "2", value: "$50M", description: "Value delivered" },
+        { id: "3", value: "150+", description: "Countries active" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -256,53 +145,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex",
-          handle: "@alex",
-          testimonial: "Great work!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg?_wi=2",
-          imageAlt: "avatar portrait digital tech style",
+          id: "1", name: "Alex", handle: "@alex", testimonial: "Great work!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg", imageAlt: "avatar portrait digital tech style"
         },
         {
-          id: "2",
-          name: "Sam",
-          handle: "@sam",
-          testimonial: "Very professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-jacket-grey-vignette-background_613910-20105.jpg",
-          imageAlt: "avatar portrait digital tech style",
+          id: "2", name: "Sam", handle: "@sam", testimonial: "Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-jacket-grey-vignette-background_613910-20105.jpg", imageAlt: "avatar portrait digital tech style"
         },
         {
-          id: "3",
-          name: "Kim",
-          handle: "@kim",
-          testimonial: "Absolutely amazing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
-          imageAlt: "avatar portrait digital tech style",
+          id: "3", name: "Kim", handle: "@kim", testimonial: "Absolutely amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg", imageAlt: "avatar portrait digital tech style"
         },
         {
-          id: "4",
-          name: "Lee",
-          handle: "@lee",
-          testimonial: "Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884359.jpg",
-          imageAlt: "avatar portrait digital tech style",
+          id: "4", name: "Lee", handle: "@lee", testimonial: "Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884359.jpg", imageAlt: "avatar portrait digital tech style"
         },
         {
-          id: "5",
-          name: "Joe",
-          handle: "@joe",
-          testimonial: "Top notch tech.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg",
-          imageAlt: "avatar portrait digital tech style",
+          id: "5", name: "Joe", handle: "@joe", testimonial: "Top notch tech.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg", imageAlt: "avatar portrait digital tech style"
         },
       ]}
       showRating={true}
       title="Client Success"
+      description="Our clients love our work."
     />
   </div>
 
@@ -312,49 +172,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",
-          name: "Starter",
-          price: "$99",
-          features: [
-            "Feature A",
-            "Feature B",
-          ],
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Professional",
-          price: "$299",
-          features: [
-            "Feature A",
-            "Feature B",
-            "Feature C",
-          ],
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-        },
-        {
-          id: "enterprise",
-          name: "Enterprise",
-          price: "Custom",
-          features: [
-            "All Features",
-            "24/7 Support",
-          ],
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-        },
+        { id: "basic", name: "Starter", price: "$99", features: ["Feature A", "Feature B"], buttons: [{ text: "Select" }] },
+        { id: "pro", name: "Professional", price: "$299", features: ["Feature A", "Feature B", "Feature C"], buttons: [{ text: "Select" }] },
+        { id: "enterprise", name: "Enterprise", price: "Custom", features: ["All Features", "24/7 Support"], buttons: [{ text: "Select" }] },
       ]}
       title="Transparent Pricing"
       description="Choose the best plan for you."
@@ -365,21 +185,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How to start?",
-          content: "Just sign up!",
-        },
-        {
-          id: "2",
-          title: "Do I need 3D?",
-          content: "It helps UX.",
-        },
-        {
-          id: "3",
-          title: "Pricing?",
-          content: "Custom.",
-        },
+        { id: "1", title: "How to start?", content: "Just sign up!" },
+        { id: "2", title: "Do I need 3D?", content: "It helps UX." },
+        { id: "3", title: "Pricing?", content: "Custom." },
       ]}
       sideTitle="Questions?"
       faqsAnimation="blur-reveal"
@@ -389,9 +197,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Get In Touch"
       description="Let's innovate together."
       tag="Contact"
@@ -402,32 +208,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Innovate3D"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
       ]}
     />
   </div>
-- 
2.49.1