From c0c1c78c63910a985ac7fdc21e71b40f37ff9179 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 21:59:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 283 +++++++++++------------------------------------
 1 file changed, 64 insertions(+), 219 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3dbfd8d..7e418db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="NEXUS"
     />
@@ -56,98 +48,55 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Next-Gen Software Solutions"
       description="Empowering your business with high-performance digital infrastructure. Our solutions are designed to scale with your ambition."
       testimonials={[
         {
-          name: "Alex Riv",
-          handle: "@alexriv",
-          testimonial: "Transformative technology that saved us months of development.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-        },
+          name: "Alex Riv",          handle: "@alexriv",          testimonial: "Transformative technology that saved us months of development.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
         {
-          name: "Sarah Chen",
-          handle: "@schen_dev",
-          testimonial: "The performance gains we saw within the first week were unparalleled.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085988.jpg",
-        },
+          name: "Sarah Chen",          handle: "@schen_dev",          testimonial: "The performance gains we saw within the first week were unparalleled.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085988.jpg"},
         {
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Scalability is no longer a concern. This is the backbone of our stack.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
-        },
+          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "Scalability is no longer a concern. This is the backbone of our stack.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg"},
         {
-          name: "Elena V.",
-          handle: "@ev_designs",
-          testimonial: "Intuitive, powerful, and absolutely reliable. A game changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
-        },
+          name: "Elena V.",          handle: "@ev_designs",          testimonial: "Intuitive, powerful, and absolutely reliable. A game changer.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg"},
         {
-          name: "Julian Pike",
-          handle: "@jpike_it",
-          testimonial: "Enterprise-grade stability meeting modern agility. Incredible.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
-        },
+          name: "Julian Pike",          handle: "@jpike_it",          testimonial: "Enterprise-grade stability meeting modern agility. Incredible.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg"},
       ]}
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-yong-woman-casual-portrait-positive-view-big-smile-beautiful-model-posing_1258-111181.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
-          alt: "Team member 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",          alt: "Team member 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-          alt: "Team member 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          alt: "Team member 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-          alt: "Team member 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",          alt: "Team member 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
-          alt: "Team member 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",          alt: "Team member 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
-          alt: "Team member 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",          alt: "Team member 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Cloud Infrastructure",
-        },
+          type: "text",          text: "Cloud Infrastructure"},
         {
-          type: "text",
-          text: "AI Integration",
-        },
+          type: "text",          text: "AI Integration"},
         {
-          type: "text",
-          text: "High-Speed Data",
-        },
+          type: "text",          text: "High-Speed Data"},
         {
-          type: "text",
-          text: "Enterprise Security",
-        },
+          type: "text",          text: "Enterprise Security"},
         {
-          type: "text",
-          text: "Scalable Systems",
-        },
+          type: "text",          text: "Scalable Systems"},
       ]}
     />
   </div>
@@ -158,9 +107,7 @@ export default function LandingPage() {
       title="Built for the Future of Enterprise"
       buttons={[
         {
-          text: "Our Mission",
-          href: "#",
-        },
+          text: "Our Mission",          href: "#"},
       ]}
     />
   </div>
@@ -172,20 +119,11 @@ export default function LandingPage() {
       description="Everything you need to manage your business effectively."
       accordionItems={[
         {
-          id: "1",
-          title: "High Performance",
-          content: "Lightning fast load times for every operation.",
-        },
+          id: "1",          title: "High Performance",          content: "Lightning fast load times for every operation."},
         {
-          id: "2",
-          title: "Secure Infrastructure",
-          content: "Enterprise-grade security for your peace of mind.",
-        },
+          id: "2",          title: "Secure Infrastructure",          content: "Enterprise-grade security for your peace of mind."},
         {
-          id: "3",
-          title: "Automated Scaling",
-          content: "Effortlessly grows with your customer base.",
-        },
+          id: "3",          title: "Automated Scaling",          content: "Effortlessly grows with your customer base."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/finger-pressing-circle_1112-656.jpg"
       mediaAnimation="slide-up"
@@ -200,41 +138,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Pro Suite",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg",
-        },
+          id: "p1",          name: "Pro Suite",          price: "$49",          imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg"},
         {
-          id: "p2",
-          name: "Cloud Hub",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
-        },
+          id: "p2",          name: "Cloud Hub",          price: "$99",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"},
         {
-          id: "p3",
-          name: "Analytics AI",
-          price: "$149",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
-        },
+          id: "p3",          name: "Analytics AI",          price: "$149",          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"},
         {
-          id: "p4",
-          name: "Dev Kit",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-works-modern-workspace-using-green-screen-dual-monitors-setup-high-tech_482257-135461.jpg",
-        },
+          id: "p4",          name: "Dev Kit",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-works-modern-workspace-using-green-screen-dual-monitors-setup-high-tech_482257-135461.jpg"},
         {
-          id: "p5",
-          name: "Team Sync",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg",
-        },
+          id: "p5",          name: "Team Sync",          price: "$29",          imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg"},
         {
-          id: "p6",
-          name: "Security Pro",
-          price: "$79",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
-        },
+          id: "p6",          name: "Security Pro",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"},
       ]}
       title="Our Products"
       description="Professional tools for your workflow."
@@ -243,30 +157,19 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Guaranteed.",
-          icon: CheckCircle,
+          id: "m1",          value: "99.9%",          title: "Uptime",          description: "Guaranteed.",          icon: CheckCircle,
         },
         {
-          id: "m2",
-          value: "500+",
-          title: "Clients",
-          description: "Worldwide.",
-          icon: Users,
+          id: "m2",          value: "500+",          title: "Clients",          description: "Worldwide.",          icon: Users,
         },
         {
-          id: "m3",
-          value: "100ms",
-          title: "Latency",
-          description: "Avg.",
-          icon: Zap,
+          id: "m3",          value: "100ms",          title: "Latency",          description: "Avg.",          icon: Zap,
         },
       ]}
       title="Proven Impact"
@@ -281,36 +184,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Entry",
-          price: "$29",
-          subtitle: "For individuals",
-          features: [
-            "Feature A",
-            "Feature B",
-          ],
+          id: "basic",          badge: "Entry",          price: "$29",          subtitle: "For individuals",          features: [
+            "Feature A",            "Feature B"],
         },
         {
-          id: "pro",
-          badge: "Popular",
-          price: "$89",
-          subtitle: "For teams",
-          features: [
-            "All Basic",
-            "Premium Support",
-            "Analytics",
-          ],
+          id: "pro",          badge: "Popular",          price: "$89",          subtitle: "For teams",          features: [
+            "All Basic",            "Premium Support",            "Analytics"],
         },
         {
-          id: "ent",
-          badge: "Scale",
-          price: "$299",
-          subtitle: "For enterprises",
-          features: [
-            "All Pro",
-            "SSO",
-            "Custom Dev",
-          ],
+          id: "ent",          badge: "Scale",          price: "$299",          subtitle: "For enterprises",          features: [
+            "All Pro",            "SSO",            "Custom Dev"],
         },
       ]}
       title="Flexible Pricing"
@@ -326,45 +209,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Alice M",
-          role: "CTO",
-          company: "CloudInc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-        },
+          id: "1",          name: "Alice M",          role: "CTO",          company: "CloudInc",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg"},
         {
-          id: "2",
-          name: "Bob D",
-          role: "Product Lead",
-          company: "DevGroup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
-        },
+          id: "2",          name: "Bob D",          role: "Product Lead",          company: "DevGroup",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
         {
-          id: "3",
-          name: "Carol W",
-          role: "CEO",
-          company: "GrowthLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-        },
+          id: "3",          name: "Carol W",          role: "CEO",          company: "GrowthLabs",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
         {
-          id: "4",
-          name: "David Z",
-          role: "DevOps",
-          company: "SecureNet",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-holding-digital-tablet-looking-camera_23-2148187245.jpg",
-        },
+          id: "4",          name: "David Z",          role: "DevOps",          company: "SecureNet",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-holding-digital-tablet-looking-camera_23-2148187245.jpg"},
         {
-          id: "5",
-          name: "Eve K",
-          role: "Designer",
-          company: "Creative",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
+          id: "5",          name: "Eve K",          role: "Designer",          company: "Creative",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
       ]}
       title="Client Stories"
       description="Hear what our partners have to say."
@@ -375,16 +233,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Ready to scale?"
       title="Start your journey today."
       description="Get in touch to discuss your custom project requirements."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#",
-        },
+          text: "Contact Us",          href: "#"},
       ]}
     />
   </div>
@@ -395,29 +250,19 @@ export default function LandingPage() {
       logoText="NEXUS"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Team",
-              href: "#",
-            },
+              label: "Team",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1