From d3517371991cc5669c0b94021090e2ea94ad22ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 16:40:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 212 ++++++++++-------------------------------------
 1 file changed, 42 insertions(+), 170 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c12a86b..1b1b464 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Results",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Services", id: "features" },
+        { name: "Results", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" }
       ]}
       brandName="NexusAgency"
     />
@@ -53,41 +41,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Engineered for Growth"
       description="We build high-performance digital platforms that drive results. From server architecture to digital marketing, we deliver excellence."
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
-          imageAlt: "Abstract tech visualization",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
-          imageAlt: "Digital network nodes",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-home-office-desk-using-green-screen-mockup-laptop_482257-121723.jpg",
-          imageAlt: "Creative agency workspace",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg",
-          imageAlt: "Fluid digital shapes",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg",
-          imageAlt: "Modern server architecture",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",
-          imageAlt: "Analytics dashboard",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "Abstract tech visualization" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "Digital network nodes" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/person-home-office-desk-using-green-screen-mockup-laptop_482257-121723.jpg", imageAlt: "Creative agency workspace" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg", imageAlt: "Fluid digital shapes" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg", imageAlt: "Modern server architecture" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg", imageAlt: "Analytics dashboard" }
       ]}
     />
   </div>
@@ -99,38 +62,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Web Development",
-          author: "Custom Code",
-          description: "High-performance web applications using modern frameworks.",
-          tags: [
-            "React",
-            "Next.js",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg",
+          id: "f1",          title: "Web Development",          author: "Custom Code",          description: "High-performance web applications using modern frameworks.",          tags: ["React", "Next.js"],
+          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
         },
         {
-          id: "f2",
-          title: "SEO Optimization",
-          author: "Search Strategy",
-          description: "Data-driven SEO techniques that dominate search results.",
-          tags: [
-            "SEO",
-            "Analytics",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg",
+          id: "f2",          title: "SEO Optimization",          author: "Search Strategy",          description: "Data-driven SEO techniques that dominate search results.",          tags: ["SEO", "Analytics"],
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg"
         },
         {
-          id: "f3",
-          title: "Server Building",
-          author: "Infrastructure",
-          description: "Reliable, secure, and scalable server architecture.",
-          tags: [
-            "Cloud",
-            "DevOps",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg",
-        },
+          id: "f3",          title: "Server Building",          author: "Infrastructure",          description: "Reliable, secure, and scalable server architecture.",          tags: ["Cloud", "DevOps"],
+          imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg"
+        }
       ]}
       title="Comprehensive Digital Solutions"
       description="We specialize in end-to-end digital services tailored to scale your business."
@@ -141,37 +83,17 @@ export default function LandingPage() {
       <MetricCardSeven
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
         {
-          id: "m1",
-          value: "150+",
-          title: "Projects Completed",
-          items: [
-            "Scalable apps",
-            "Custom platforms",
-            "Infrastructure builds",
-          ],
+          id: "m1",          value: "150+",          title: "Projects Completed",          items: ["Scalable apps", "Custom platforms", "Infrastructure builds"]
         },
         {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime Guaranteed",
-          items: [
-            "Reliable servers",
-            "24/7 Monitoring",
-            "Secure setup",
-          ],
+          id: "m2",          value: "99.9%",          title: "Uptime Guaranteed",          items: ["Reliable servers", "24/7 Monitoring", "Secure setup"]
         },
         {
-          id: "m3",
-          value: "200%",
-          title: "Traffic Growth",
-          items: [
-            "SEO campaigns",
-            "Strategic marketing",
-            "Brand visibility",
-          ],
-        },
+          id: "m3",          value: "200%",          title: "Traffic Growth",          items: ["SEO campaigns", "Strategic marketing", "Brand visibility"]
+        }
       ]}
       title="Proven Performance"
       description="Numbers that define our impact and success in the digital space."
@@ -182,31 +104,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-        },
-        {
-          id: "t4",
-          name: "Kevin L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-        },
-        {
-          id: "t5",
-          name: "Julia M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
-        },
+        { id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg" },
+        { id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg" },
+        { id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
+        { id: "t4", name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" },
+        { id: "t5", name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" }
       ]}
       cardTitle="What Clients Say"
       cardTag="Testimonials"
@@ -219,21 +121,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "What is your development timeline?",
-          content: "Timelines vary by scope, but we typically aim for a 6-10 week delivery cycle.",
-        },
-        {
-          id: "q2",
-          title: "Do you handle server maintenance?",
-          content: "Yes, we provide managed server setups and ongoing maintenance to ensure optimal performance.",
-        },
-        {
-          id: "q3",
-          title: "Can you improve existing SEO?",
-          content: "Absolutely, our SEO audits are the first step to reclaiming your search engine rankings.",
-        },
+        { id: "q1", title: "What is your development timeline?", content: "Timelines vary by scope, but we typically aim for a 6-10 week delivery cycle." },
+        { id: "q2", title: "Do you handle server maintenance?", content: "Yes, we provide managed server setups and ongoing maintenance to ensure optimal performance." },
+        { id: "q3", title: "Can you improve existing SEO?", content: "Absolutely, our SEO audits are the first step to reclaiming your search engine rankings." }
       ]}
       title="Common Questions"
       description="Quick answers to help you understand our process."
@@ -245,8 +135,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get Started"
       title="Ready to Scale Your Digital Presence?"
       description="Let's build something extraordinary together. Contact us today for a consultation."
@@ -258,35 +147,18 @@ export default function LandingPage() {
       logoText="NexusAgency"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Development",
-              href: "#",
-            },
-            {
-              label: "SEO",
-              href: "#",
-            },
-            {
-              label: "Server Setup",
-              href: "#",
-            },
-          ],
+          title: "Services",          items: [
+            { label: "Development", href: "#" },
+            { label: "SEO", href: "#" },
+            { label: "Server Setup", href: "#" }
+          ]
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
+          title: "Company",          items: [
+            { label: "About Us", href: "#" },
+            { label: "Careers", href: "#" }
+          ]
+        }
       ]}
     />
   </div>