bender/e2ab9fa9-7828-46cb-8948-415a9c217ef5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-18 10:52:57 +00:00
parent cfbd7f9b1e 8ee57847c1
commit 3df9bb703f
1 changed files with 69 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}