From 8ee57847c1ad0555d48f432ae513dfcd9e34fc3f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 10:52:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 320 ++++++++++-------------------------------------
 1 file changed, 69 insertions(+), 251 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 333c8dd..d870d33 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Process",
-          id: "#process",
-        },
+          name: "Process",          id: "#process"},
         {
-          name: "Case Studies",
-          id: "#case-studies",
-        },
+          name: "Case Studies",          id: "#case-studies"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Spanks"
     />
@@ -56,103 +48,58 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "glowing-orb"}}
       title="We build systems that scale businesses."
       description="From websites to operational infrastructure, Spanks helps businesses eliminate chaos and scale intelligently."
       testimonials={[
         {
-          name: "Alex Rivet",
-          handle: "@rivet",
-          testimonial: "Spanks completely transformed our operational chaos into a streamlined machine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg?_wi=1",
-        },
+          name: "Alex Rivet",          handle: "@rivet",          testimonial: "Spanks completely transformed our operational chaos into a streamlined machine.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg"},
         {
-          name: "Sarah Chen",
-          handle: "@schen",
-          testimonial: "The systems they built saved us thousands in manual hours. Pure intelligence.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg?_wi=1",
-        },
+          name: "Sarah Chen",          handle: "@schen",          testimonial: "The systems they built saved us thousands in manual hours. Pure intelligence.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
         {
-          name: "Marcus Vane",
-          handle: "@mvane",
-          testimonial: "Finally, an agency that understands true scalability and operational design.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg?_wi=1",
-        },
+          name: "Marcus Vane",          handle: "@mvane",          testimonial: "Finally, an agency that understands true scalability and operational design.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg"},
         {
-          name: "Elena Ross",
-          handle: "@eross",
-          testimonial: "Strategic, direct, and elite. Spanks is our growth partner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332544.jpg?_wi=1",
-        },
+          name: "Elena Ross",          handle: "@eross",          testimonial: "Strategic, direct, and elite. Spanks is our growth partner.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332544.jpg"},
         {
-          name: "Jude T.",
-          handle: "@judet",
-          testimonial: "Their AI integrations changed our business trajectory overnight.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-82761.jpg",
-        },
+          name: "Jude T.",          handle: "@judet",          testimonial: "Their AI integrations changed our business trajectory overnight.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-82761.jpg"},
       ]}
       buttons={[
         {
-          text: "Book a Call",
-          href: "#contact",
-        },
+          text: "Book a Call",          href: "#contact"},
         {
-          text: "Explore Services",
-          href: "#services",
-        },
+          text: "Explore Services",          href: "#services"},
       ]}
       mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg"
       imageAlt="dark tech background abstract"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
-          alt: "Studio portrait of serious plump male in eyeglasses over grey background.",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",          alt: "Studio portrait of serious plump male in eyeglasses over grey background."},
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
-          alt: "Smiley tattoo artist indoors side view",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",          alt: "Smiley tattoo artist indoors side view"},
         {
-          src: "http://img.b2bpic.net/free-photo/middle-aged-bald-man-suit-wearing-glasses-looking-front-with-serious-confident-expression-standing-pink-wall_141793-62172.jpg",
-          alt: "Middle-aged bald man in suit wearing glasses looking at front with serious confident expression standing over pink wall",
-        },
+          src: "http://img.b2bpic.net/free-photo/middle-aged-bald-man-suit-wearing-glasses-looking-front-with-serious-confident-expression-standing-pink-wall_141793-62172.jpg",          alt: "Middle-aged bald man in suit wearing glasses looking at front with serious confident expression standing over pink wall"},
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
-          alt: "Handsome bearded African-American businessman in a brown classic jacket. Isolated on a dark background.",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",          alt: "Handsome bearded African-American businessman in a brown classic jacket. Isolated on a dark background."},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg",
-          alt: "Portrait young female with glasses",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg",          alt: "Portrait young female with glasses"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Systems Architecture",
-        },
+          type: "text",          text: "Systems Architecture"},
         {
-          type: "text",
-          text: "Workflow Automation",
-        },
+          type: "text",          text: "Workflow Automation"},
         {
-          type: "text",
-          text: "Operational Intelligence",
-        },
+          type: "text",          text: "Operational Intelligence"},
         {
-          type: "text",
-          text: "Scalable Infrastructure",
-        },
+          type: "text",          text: "Scalable Infrastructure"},
         {
-          type: "text",
-          text: "Data Optimization",
-        },
+          type: "text",          text: "Data Optimization"},
       ]}
     />
   </div>
@@ -165,26 +112,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Website Design",
-          description: "High-performance digital experiences that convert.",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-web-pack-blue-icon-pack-vector-icons-illustration_1142-15572.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg",
-          buttonText: "Learn More",
-        },
+          title: "Website Design",          description: "High-performance digital experiences that convert.",          imageSrc: "http://img.b2bpic.net/free-vector/25-web-pack-blue-icon-pack-vector-icons-illustration_1142-15572.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg",          buttonText: "Learn More"},
         {
-          title: "Workflow Automation",
-          description: "Eliminate manual tasks with custom automation infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cms-concept-flat-design_23-2148797335.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg",
-          buttonText: "Learn More",
-        },
+          title: "Workflow Automation",          description: "Eliminate manual tasks with custom automation infrastructure.",          imageSrc: "http://img.b2bpic.net/free-vector/cms-concept-flat-design_23-2148797335.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg",          buttonText: "Learn More"},
         {
-          title: "AI Integrations",
-          description: "Leverage machine learning to optimize your internal data.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gcb4ya",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",
-          buttonText: "Learn More",
-        },
+          title: "AI Integrations",          description: "Leverage machine learning to optimize your internal data.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gcb4ya",          titleImageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",          buttonText: "Learn More"},
       ]}
       title="Operational Intelligence Services"
       description="We bridge the gap between ambitious goals and operational execution."
@@ -193,27 +125,19 @@ export default function LandingPage() {
 
   <div id="problems" data-section="problems">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: AlertTriangle,
-          title: "Fragmented Communication",
-          value: "Solved",
-        },
+          id: "m1",          icon: AlertTriangle,
+          title: "Fragmented Communication",          value: "Solved"},
         {
-          id: "m2",
-          icon: Clock,
-          title: "Manual Workflows",
-          value: "Automated",
-        },
+          id: "m2",          icon: Clock,
+          title: "Manual Workflows",          value: "Automated"},
         {
-          id: "m3",
-          icon: BarChart,
-          title: "Inconsistent Data",
-          value: "Unified",
-        },
+          id: "m3",          icon: BarChart,
+          title: "Inconsistent Data",          value: "Unified"},
       ]}
       title="Your business doesn't need more chaos."
       description="We replace manual bottlenecks with automated precision."
@@ -227,21 +151,13 @@ export default function LandingPage() {
       description="Our six-step process to ensure operational excellence at every stage of growth."
       metrics={[
         {
-          value: "01",
-          title: "Audit",
-        },
+          value: "01",          title: "Audit"},
         {
-          value: "02",
-          title: "Strategy",
-        },
+          value: "02",          title: "Strategy"},
         {
-          value: "03",
-          title: "Design",
-        },
+          value: "03",          title: "Design"},
         {
-          value: "04",
-          title: "Build",
-        },
+          value: "04",          title: "Build"},
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg"
@@ -258,59 +174,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "c1",
-          brand: "Fintech",
-          name: "Scaling Infrastructure",
-          price: "300% Growth",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60020.jpg",
-        },
+          id: "c1",          brand: "Fintech",          name: "Scaling Infrastructure",          price: "300% Growth",          rating: 5,
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60020.jpg"},
         {
-          id: "c2",
-          brand: "SaaS",
-          name: "Automation Pipeline",
-          price: "40% Efficiency",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-film-reel_23-2151066936.jpg",
-        },
+          id: "c2",          brand: "SaaS",          name: "Automation Pipeline",          price: "40% Efficiency",          rating: 5,
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-film-reel_23-2151066936.jpg"},
         {
-          id: "c3",
-          brand: "Retail",
-          name: "CRM Optimization",
-          price: "2x Sales",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e7tuh4",
-        },
+          id: "c3",          brand: "Retail",          name: "CRM Optimization",          price: "2x Sales",          rating: 5,
+          reviewCount: "15",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e7tuh4"},
         {
-          id: "c4",
-          brand: "Agency",
-          name: "Digital Rebuild",
-          price: "70% Increase",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-vector/vector-ui-illustration-mixed-travel-business-finance-concept_53876-8170.jpg",
-        },
+          id: "c4",          brand: "Agency",          name: "Digital Rebuild",          price: "70% Increase",          rating: 5,
+          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-vector/vector-ui-illustration-mixed-travel-business-finance-concept_53876-8170.jpg"},
         {
-          id: "c5",
-          brand: "Health",
-          name: "AI Systems",
-          price: "5x Speed",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg",
-        },
+          id: "c5",          brand: "Health",          name: "AI Systems",          price: "5x Speed",          rating: 5,
+          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg"},
         {
-          id: "c6",
-          brand: "Global",
-          name: "Infrastructure",
-          price: "10x Power",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-psd/social-sentiment-analytics-analyzed-by-ai-3d-illustration_1419-3608.jpg",
-        },
+          id: "c6",          brand: "Global",          name: "Infrastructure",          price: "10x Power",          rating: 5,
+          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-psd/social-sentiment-analytics-analyzed-by-ai-3d-illustration_1419-3608.jpg"},
       ]}
       title="Operational Success Stories"
       description="Proven results for high-growth enterprises."
@@ -323,60 +203,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          date: "Oct 2023",
-          title: "Founder",
-          quote: "The most professional agency I've worked with.",
-          tag: "Growth",
-          avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg?_wi=2",
-          imageAlt: "founder headshot studio",
-        },
+          id: "1",          name: "Sarah J.",          date: "Oct 2023",          title: "Founder",          quote: "The most professional agency I've worked with.",          tag: "Growth",          avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg",          imageAlt: "founder headshot studio"},
         {
-          id: "2",
-          name: "Michael C.",
-          date: "Nov 2023",
-          title: "CTO",
-          quote: "Scalability improved exponentially.",
-          tag: "Tech",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-pretty-woman-posing_23-2148503647.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg?_wi=2",
-          imageAlt: "founder headshot studio",
-        },
+          id: "2",          name: "Michael C.",          date: "Nov 2023",          title: "CTO",          quote: "Scalability improved exponentially.",          tag: "Tech",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-pretty-woman-posing_23-2148503647.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.jpg",          imageAlt: "founder headshot studio"},
         {
-          id: "3",
-          name: "Emily R.",
-          date: "Dec 2023",
-          title: "CEO",
-          quote: "Intelligent, fast, precise.",
-          tag: "Ops",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg?_wi=2",
-          imageAlt: "founder headshot studio",
-        },
+          id: "3",          name: "Emily R.",          date: "Dec 2023",          title: "CEO",          quote: "Intelligent, fast, precise.",          tag: "Ops",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",          imageAlt: "founder headshot studio"},
         {
-          id: "4",
-          name: "David K.",
-          date: "Jan 2024",
-          title: "PM",
-          quote: "Exceptional workflow design.",
-          tag: "Product",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg?_wi=2",
-          imageAlt: "founder headshot studio",
-        },
+          id: "4",          name: "David K.",          date: "Jan 2024",          title: "PM",          quote: "Exceptional workflow design.",          tag: "Product",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg",          imageAlt: "founder headshot studio"},
         {
-          id: "5",
-          name: "Jane L.",
-          date: "Feb 2024",
-          title: "COO",
-          quote: "The standard in operations.",
-          tag: "Strategy",
-          avatarSrc: "http://img.b2bpic.net/free-photo/abstract-textured-backgound_1258-30491.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332544.jpg?_wi=2",
-          imageAlt: "founder headshot studio",
-        },
+          id: "5",          name: "Jane L.",          date: "Feb 2024",          title: "COO",          quote: "The standard in operations.",          tag: "Strategy",          avatarSrc: "http://img.b2bpic.net/free-photo/abstract-textured-backgound_1258-30491.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332544.jpg",          imageAlt: "founder headshot studio"},
       ]}
       title="Elite Founders Trust Us"
       description="Hear what industry leaders say about operational transformation."
@@ -390,13 +225,9 @@ export default function LandingPage() {
       description="Spanks operates at the intersection of business intelligence and high-end digital craftsmanship. We don't just build websites; we architect the operational heart of your company."
       metrics={[
         {
-          value: "100+",
-          title: "Systems Optimized",
-        },
+          value: "100+",          title: "Systems Optimized"},
         {
-          value: "50+",
-          title: "Scale Launches",
-        },
+          value: "50+",          title: "Scale Launches"},
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-workstation-with-copy-space-laptop_23-2148430879.jpg"
@@ -409,16 +240,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get in Touch"
       title="Ready to scale intelligently?"
       description="Book a systems audit or start your digital transformation with our senior team."
       buttons={[
         {
-          text: "Schedule a Call",
-          href: "#",
-        },
+          text: "Schedule a Call",          href: "#"},
       ]}
     />
   </div>
@@ -428,29 +256,19 @@ export default function LandingPage() {
       logoText="Spanks"
       columns={[
         {
-          title: "Agency",
-          items: [
+          title: "Agency",          items: [
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}