Files
3a148d68-bdc5-47fb-a33a-d08…/src/app/about/page.tsx
2026-03-13 00:31:28 +00:00

236 lines
9.4 KiB
TypeScript

"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, CheckCircle, Users, Lightbulb, TrendingUp, Rocket } from 'lucide-react';
export default function AboutPage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
];
const footerColumns = [
{
title: "Product",
items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "/#pricing" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" },
],
},
{
title: "Company",
items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Status", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="RevenueLab"
navItems={navItems}
button={{
text: "Start Your Revenue Stream",
href: "#contact",
}}
animateOnLoad={true}
/>
</div>
{/* About Hero Section */}
<div id="about-hero" data-section="about-hero">
<HeroSplitKpi
title="Building the Future of Creator Economics"
description="We believe every creator deserves the tools to monetize their expertise without complexity. RevenueLab empowers solopreneurs and small businesses to build sustainable, recurring revenue streams."
background={{ variant: "blurBottom" }}
kpis={[
{ value: "50K+", label: "Active Creators" },
{ value: "$120M+", label: "Revenue Generated" },
{ value: "99.9%", label: "Platform Uptime" },
]}
enableKpiAnimation={true}
tag="Our Mission"
tagIcon={Zap}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=3"
imageAlt="RevenueLab team collaboration"
imagePosition="right"
mediaAnimation="slide-up"
buttons={[
{ text: "Join Our Community", href: "/contact" },
{ text: "Learn More", href: "#" },
]}
buttonAnimation="slide-up"
/>
</div>
{/* Our Story Section */}
<div id="our-story" data-section="our-story">
<FeatureCardTen
title="How RevenueLab Started"
description="Founded in 2020, RevenueLab emerged from frustration with existing creator economy tools. Our founders experienced firsthand the complexity of managing multiple revenue streams, so we built the solution we wished existed."
tag="Company Story"
tagIcon={Rocket}
tagAnimation="slide-up"
features={[
{
id: "1",
title: "The Problem We Saw",
description: "Creators were forced to use 5-10 different tools to manage memberships, courses, affiliates, and ads. There had to be a better way.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/creative-colorful-venn-product-management-diagram_23-2149126979.jpg?_wi=2",
imageAlt: "Problem analysis",
},
items: [
{ icon: Lightbulb, text: "Fragmented tooling ecosystem" },
{ icon: Users, text: "High operational overhead" },
{ icon: TrendingUp, text: "Limited growth potential" },
],
reverse: false,
},
{
id: "2",
title: "Our Solution",
description: "We built an all-in-one platform that consolidates every revenue stream a creator needs, with unified analytics and payment processing.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=2",
imageAlt: "Solution implementation",
},
items: [
{ icon: CheckCircle, text: "Single integrated platform" },
{ icon: CheckCircle, text: "Unified dashboard & analytics" },
{ icon: CheckCircle, text: "Simplified customer management" },
],
reverse: true,
},
{
id: "3",
title: "Where We Are Today",
description: "Trusted by 50K+ creators worldwide, RevenueLab has generated over $120 million in revenue for our community while maintaining 99.9% uptime.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg?_wi=3",
imageAlt: "Growth metrics",
},
items: [
{ icon: TrendingUp, text: "50K+ active creators" },
{ icon: TrendingUp, text: "$120M+ in creator revenue" },
{ icon: CheckCircle, text: "Industry-leading reliability" },
],
reverse: false,
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Our Values Section */}
<div id="our-values" data-section="our-values">
<FeatureCardTen
title="Values That Drive Our Vision"
description="These core values guide every decision we make and shape our company culture and product roadmap."
tag="Core Values"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Creator-First Design",
description: "We design every feature with creators in mind. Your success is our success, and we're committed to removing friction from your revenue journey.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg?_wi=2",
imageAlt: "Creator community",
},
items: [
{ icon: Users, text: "Community-driven roadmap" },
{ icon: Lightbulb, text: "Transparent feature development" },
{ icon: CheckCircle, text: "Direct creator feedback" },
],
reverse: false,
},
{
id: "2",
title: "Radical Transparency",
description: "No hidden fees, no surprise changes. We communicate openly about pricing, updates, and product decisions. You always know what you're getting.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg?_wi=2",
imageAlt: "Transparency commitment",
},
items: [
{ icon: CheckCircle, text: "Honest pricing" },
{ icon: CheckCircle, text: "Public roadmap" },
{ icon: CheckCircle, text: "Regular updates & changelogs" },
],
reverse: true,
},
{
id: "3",
title: "Relentless Reliability",
description: "We invest heavily in infrastructure and security because your revenue depends on our platform. 99.9% uptime isn't a goal—it's a promise.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg?_wi=2",
imageAlt: "Reliability standards",
},
items: [
{ icon: CheckCircle, text: "99.9% uptime guarantee" },
{ icon: CheckCircle, text: "Bank-level security" },
{ icon: CheckCircle, text: "24/7 support team" },
],
reverse: false,
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=4"
imageAlt="Revenue Generation Platform"
logoText="RevenueLab"
copyrightText="© 2025 RevenueLab. All rights reserved."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}