236 lines
13 KiB
TypeScript
236 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import Link from "next/link";
|
|
|
|
export default function CaseStudiesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Case Studies", id: "case-studies" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Insights", id: "insights" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Apex Growth Lab"
|
|
bottomLeftText="Premium Growth Partner"
|
|
bottomRightText="hello@apexgrowthlab.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="case-studies-hero" data-section="case-studies-hero">
|
|
<HeroSplit
|
|
title="Proven Success Across Industries"
|
|
description="Real brands. Real growth. Real numbers. From startups to Series C companies, we've driven transformation."
|
|
tag="Case Studies"
|
|
tagIcon="Briefcase"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "downward-rays-animated" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/b2b-saas-success-case-study-visual-growt-1773478455651-a285f1db.png?_wi=2"
|
|
imageAlt="Case studies showcase"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="py-24 md:py-32"
|
|
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
|
titleClassName="text-5xl md:text-6xl font-bold mb-6"
|
|
descriptionClassName="text-lg text-opacity-80 max-w-2xl mb-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="case-studies-featured" data-section="case-studies-featured">
|
|
<BlogCardTwo
|
|
title="Featured Transformations"
|
|
description="Detailed case studies showing our methodology in action across different industries and business models."
|
|
blogs={[
|
|
{
|
|
id: "case-b2b-saas",
|
|
category: ["B2B SaaS", "Growth"],
|
|
title: "B2B SaaS: $500K to $8M ARR in 18 Months",
|
|
excerpt: "A logistics SaaS company was growing 5% month-over-month. We implemented a data-driven growth system combining targeted paid media, landing page optimization, and content strategy. Result: 16% month-over-month growth and $8M ARR.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/b2b-saas-success-case-study-visual-growt-1773478455651-a285f1db.png?_wi=3",
|
|
imageAlt: "B2B SaaS case study",
|
|
authorName: "Growth Strategy Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "March 2024",
|
|
},
|
|
{
|
|
id: "case-ecommerce",
|
|
category: ["eCommerce", "CRO"],
|
|
title: "Premium Fashion: 280% Conversion Lift Through Testing",
|
|
excerpt: "A DTC fashion brand faced high traffic but low conversion. Through systematic CRO, we tested checkout flows, landing pages, and messaging. Conversion rate jumped from 2.1% to 5.9%, increasing revenue by $2.4M annually.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/e-commerce-brand-scaling-success-product-1773478454396-b05c47db.png?_wi=2",
|
|
imageAlt: "eCommerce case study",
|
|
authorName: "CRO Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "February 2024",
|
|
},
|
|
{
|
|
id: "case-services",
|
|
category: ["Services", "Lead Gen"],
|
|
title: "B2B Services: 420% Qualified Lead Growth YoY",
|
|
excerpt: "A consulting firm wanted to scale inbound leads. We built a content strategy, optimized for SEO, and launched integrated paid campaigns. Qualified leads grew from 45/month to 189/month.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/service-business-lead-generation-case-st-1773478455177-fdae4883.png?_wi=2",
|
|
imageAlt: "Services case study",
|
|
authorName: "Content & Performance Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "January 2024",
|
|
},
|
|
{
|
|
id: "case-health",
|
|
category: ["Fintech", "Scaling"],
|
|
title: "Fintech Startup: Profitable CAC Through Paid Media Optimization",
|
|
excerpt: "A fintech company had positive unit economics but rising acquisition costs. We restructured their paid media mix and optimized landing pages. CAC decreased 35% while maintaining same conversion quality.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/abstract-representation-of-business-grow-1773478454194-78562c7f.png?_wi=7",
|
|
imageAlt: "Fintech optimization",
|
|
authorName: "Performance Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "December 2023",
|
|
},
|
|
{
|
|
id: "case-marketplace",
|
|
category: ["Marketplace", "Retention"],
|
|
title: "Marketplace Platform: 3x User Retention Through UX Optimization",
|
|
excerpt: "A two-sided marketplace struggled with week-1 retention at 22%. Through landing page redesign and onboarding optimization, we increased retention to 68%.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/growth-methodology-framework-visualizati-1773478454670-d2081a72.png?_wi=6",
|
|
imageAlt: "Marketplace case",
|
|
authorName: "Product Growth Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "November 2023",
|
|
},
|
|
{
|
|
id: "case-corporate",
|
|
category: ["Enterprise", "Thought Leadership"],
|
|
title: "Enterprise SaaS: Authority & Demand Generation",
|
|
excerpt: "An enterprise software company needed brand authority and qualified pipeline. We built a comprehensive content strategy, thought leadership program, and integrated campaigns. Pipeline increased by 180%.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/modern-analytics-and-trends-visualizatio-1773478454691-2816508f.png?_wi=1",
|
|
imageAlt: "Enterprise case",
|
|
authorName: "Strategic Growth Team",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/cinematic-abstract-composition-of-interc-1773478453623-71a32761.png",
|
|
date: "October 2023",
|
|
},
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="scale-rotate"
|
|
carouselMode="buttons"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
className="py-20 md:py-28"
|
|
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-bold mb-4"
|
|
descriptionClassName="text-lg text-opacity-80 max-w-2xl mb-12"
|
|
/>
|
|
</div>
|
|
|
|
<div id="case-studies-metrics" data-section="case-studies-metrics">
|
|
<MetricCardEleven
|
|
title="Aggregate Results Across Our Client Base"
|
|
description="The cumulative impact of our work across 150+ brands and every industry vertical."
|
|
metrics={[
|
|
{
|
|
id: "metric-avg-revenue",
|
|
value: "$24.8M",
|
|
title: "Total Client Revenue Generated",
|
|
description: "Incremental revenue attributed to our strategies",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/abstract-representation-of-business-grow-1773478454194-78562c7f.png?_wi=8",
|
|
},
|
|
{
|
|
id: "metric-avg-growth",
|
|
value: "+340%",
|
|
title: "Average Client Revenue Growth",
|
|
description: "Within 12 months of engagement",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/abstract-representation-of-business-grow-1773478454194-78562c7f.png?_wi=9",
|
|
},
|
|
{
|
|
id: "metric-leads",
|
|
value: "1.2M+",
|
|
title: "Qualified Leads Generated",
|
|
description: "Across all client campaigns",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/abstract-representation-of-business-grow-1773478454194-78562c7f.png?_wi=10",
|
|
},
|
|
{
|
|
id: "metric-retention",
|
|
value: "89%",
|
|
title: "Client Retention Rate",
|
|
description: "Year-over-year client satisfaction",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvfD3sxME0XiJuvgEvFzBJKD7n/abstract-representation-of-business-grow-1773478454194-78562c7f.png?_wi=11",
|
|
},
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="py-20 md:py-28"
|
|
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-bold mb-4"
|
|
descriptionClassName="text-lg text-opacity-80 max-w-2xl mb-12"
|
|
/>
|
|
</div>
|
|
|
|
<footer className="border-t border-opacity-10 py-12 md:py-16">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
|
|
<div>
|
|
<h3 className="font-bold text-lg mb-4">Apex Growth Lab</h3>
|
|
<p className="text-sm text-opacity-70">Premium growth partner for ambitious brands.</p>
|
|
</div>
|
|
<div>
|
|
<h4 className="font-semibold mb-4">Pages</h4>
|
|
<ul className="space-y-2 text-sm">
|
|
<li>
|
|
<Link href="/" className="hover:text-opacity-70 transition">Home</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/case-studies" className="hover:text-opacity-70 transition">Case Studies</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/about" className="hover:text-opacity-70 transition">About</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/contact" className="hover:text-opacity-70 transition">Contact</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 className="font-semibold mb-4">Services</h4>
|
|
<ul className="space-y-2 text-sm">
|
|
<li><a href="#" className="hover:text-opacity-70 transition">Paid Media</a></li>
|
|
<li><a href="#" className="hover:text-opacity-70 transition">SEO & Content</a></li>
|
|
<li><a href="#" className="hover:text-opacity-70 transition">CRO</a></li>
|
|
<li><a href="#" className="hover:text-opacity-70 transition">Analytics</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 className="font-semibold mb-4">Contact</h4>
|
|
<p className="text-sm">hello@apexgrowthlab.com</p>
|
|
<p className="text-sm text-opacity-70 mt-2">Premium Growth Partner</p>
|
|
</div>
|
|
</div>
|
|
<div className="border-t border-opacity-10 pt-8 text-center text-sm text-opacity-70">
|
|
<p>© 2024 Apex Growth Lab. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</ThemeProvider>
|
|
);
|
|
} |