Merge version_2 into main

Merge version_2 into main

src/app/case-studies/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function CaseStudiesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "Case Studies", id: "/case-studies"}, {name: "Contact", id: "/contact"}]} />
+        <main className="py-24 px-6">
+          <h1 className="text-4xl font-bold mb-8">Case Studies</h1>
+          <p>Explore how we've helped leading companies achieve operational excellence and massive growth through our custom solutions.</p>
+        </main>
+        <FooterBaseReveal logoText="Spanks" columns={[{title: "Agency", items: [{label: "Services", href: "/services"}, {label: "About", href: "/#about"}]}, {title: "Legal", items: [{label: "Privacy", href: "/privacy"}, {label: "Terms", href: "/terms"}]}]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "Case Studies", id: "/case-studies"}, {name: "Contact", id: "/contact"}]} />
+        <main className="py-24 px-6">
+          <h1 className="text-4xl font-bold mb-8">Contact Us</h1>
+          <p>Ready to start your transformation? Get in touch with our team today.</p>
+        </main>
+        <FooterBaseReveal logoText="Spanks" columns={[{title: "Agency", items: [{label: "Services", href: "/services"}, {label: "About", href: "/#about"}]}, {title: "Legal", items: [{label: "Privacy", href: "/privacy"}, {label: "Terms", href: "/terms"}]}]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Services", id: "#services" },
-          name: "Services",          id: "#services"},
+        { name: "Process", id: "#process" },
-        {
+        { name: "Case Studies", id: "#case-studies" },
-          name: "Process",          id: "#process"},
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Case Studies",          id: "#case-studies"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Spanks"
     />
@@ -47,59 +43,24 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
+      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."
+      description="From websites to operational infrastructure, Spanks helps businesses eliminate chaos and scale intelligently. Optimized for high-growth enterprises and operational excellence."
       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,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254432.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?_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?_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?_wi=1"},
-        {
-          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"
-      imageAlt="dark tech background abstract"
+      imageAlt="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/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/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"},
-      ]}
       marqueeItems={[
-        {
+        { type: "text", text: "Systems Architecture" },
-          type: "text",          text: "Systems Architecture"},
+        { type: "text", text: "Workflow Automation" },
-        {
+        { type: "text", text: "Operational Intelligence" },
-          type: "text",          text: "Workflow Automation"},
-        {
-          type: "text",          text: "Operational Intelligence"},
-        {
-          type: "text",          text: "Scalable Infrastructure"},
-        {
-          type: "text",          text: "Data Optimization"},
       ]}
     />
   </div>
@@ -111,12 +72,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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: "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="Operational Intelligence Services"
       description="We bridge the gap between ambitious goals and operational execution."
@@ -129,15 +87,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: AlertTriangle, title: "Fragmented Communication", value: "Solved" },
-          id: "m1",          icon: AlertTriangle,
+        { id: "m2", icon: Clock, title: "Manual Workflows", value: "Automated" },
-          title: "Fragmented Communication",          value: "Solved"},
+        { id: "m3", icon: BarChart, title: "Inconsistent Data", value: "Unified" },
-        {
-          id: "m2",          icon: Clock,
-          title: "Manual Workflows",          value: "Automated"},
-        {
-          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."
@@ -150,18 +102,14 @@ export default function LandingPage() {
       title="Strategic Execution Flow"
       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: "03", title: "Design" },
-          value: "02",          title: "Strategy"},
+        { value: "04", title: "Build" },
-        {
-          value: "03",          title: "Design"},
-        {
-          value: "04",          title: "Build"},
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg"
-      imageAlt="View of modern and futuristic work space with furniture"
+      imageAlt="Modern workspace"
       metricsAnimation="slide-up"
     />
   </div>
@@ -173,24 +121,8 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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,
+        { 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" },
-          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: "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: "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"},
       ]}
       title="Operational Success Stories"
       description="Proven results for high-growth enterprises."
@@ -202,16 +134,8 @@ export default function LandingPage() {
       textboxLayout="default"
       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" },
-          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: "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" },
-        {
-          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: "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: "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: "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"},
       ]}
       title="Elite Founders Trust Us"
       description="Hear what industry leaders say about operational transformation."
@@ -222,16 +146,14 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="We are your Strategic Partners"
-      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."
+      description="Spanks operates at the intersection of business intelligence and high-end digital craftsmanship."
       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"
-      imageAlt="Flat lay of workstation with copy space and laptop"
+      imageAlt="Modern workspace"
       metricsAnimation="slide-up"
     />
   </div>
@@ -239,15 +161,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      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."
+      description="Schedule a systems audit today to streamline your operations."
-      buttons={[
+      buttons={[{ text: "Schedule a Call", href: "#" }]}
-        {
-          text: "Schedule a Call",          href: "#"},
-      ]}
     />
   </div>
 
@@ -255,22 +173,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Spanks"
       columns={[
-        {
+        { title: "Agency", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
-          title: "Agency",          items: [
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "About",              href: "#about"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
       ]}
     />
   </div>

src/app/services/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "Case Studies", id: "/case-studies"}, {name: "Contact", id: "/contact"}]} />
+        <main className="py-24 px-6">
+          <h1 className="text-4xl font-bold mb-8">Our Services</h1>
+          <p>We provide expert digital operations, workflow automation, and custom software development to help your business scale efficiently.</p>
+        </main>
+        <FooterBaseReveal logoText="Spanks" columns={[{title: "Agency", items: [{label: "Services", href: "/services"}, {label: "About", href: "/#about"}]}, {title: "Legal", items: [{label: "Privacy", href: "/privacy"}, {label: "Terms", href: "/terms"}]}]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}