509 lines
19 KiB
TypeScript
509 lines
19 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||
import { AlertTriangle, Award, Sparkles } from "lucide-react";
|
||
|
||
const navItems = [
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Results", id: "results" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Apply", id: "apply" },
|
||
{ name: "FAQ", id: "faq" },
|
||
];
|
||
|
||
export default function HomePage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="large"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
{/* Navigation */}
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Growth Systems"
|
||
navItems={navItems}
|
||
button={{
|
||
text: "Book Call",
|
||
href: "/apply",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
{/* Hero Section */}
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
title="Your Competitors Are Outranking You Online"
|
||
description="We help local service business owners dominate their market with a proven system that generates qualified leads on demand. No agencies that disappear. No false promises. Just results."
|
||
tag="For Service Owners"
|
||
background={{ variant: "glowing-orb" }}
|
||
imageSrc="http://img.b2bpic.net/free-psd/neon-landing-page-template-candy-store_23-2149001652.jpg"
|
||
imageAlt="Premium growth dashboard"
|
||
mediaAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
name: "Marcus Chen",
|
||
handle: "Founder, Digital Plumbing Co",
|
||
testimonial: "Went from invisible online to 47 qualified leads per month. This system works.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg",
|
||
},
|
||
{
|
||
name: "Jennifer Rodriguez",
|
||
handle: "Owner, Rodriguez Dental Spa",
|
||
testimonial: "The most professional setup I've seen from an agency. Results in 60 days.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||
},
|
||
{
|
||
name: "David Park",
|
||
handle: "CEO, Park Painting Solutions",
|
||
testimonial: "Finally someone who understands small business. Not a cookie-cutter approach.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg",
|
||
},
|
||
{
|
||
name: "Sarah Thompson",
|
||
handle: "Founder, Luxe Med Spa",
|
||
testimonial: "High-ticket service provider with high-ticket results. Invested 6k, made back 100k in 90 days.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Apply to Our Program",
|
||
href: "/apply",
|
||
},
|
||
{
|
||
text: "See Client Results",
|
||
href: "/results",
|
||
},
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Social Proof - Client Logos */}
|
||
<div id="logos" data-section="logos">
|
||
<SocialProofOne
|
||
title="Trusted by Service Owners Across Industries"
|
||
description="From plumbers to dentists, med spas to painting contractors—our system works."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Digital Plumbing Co",
|
||
"Rodriguez Dental Spa",
|
||
"Park Painting Solutions",
|
||
"Luxe Med Spa",
|
||
"Premier RV Rentals",
|
||
"Barber's Edge Studio",
|
||
"Elite Barbershop Network",
|
||
]}
|
||
speed={50}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
{/* Reality - Competition Section */}
|
||
<div id="reality" data-section="reality">
|
||
<TestimonialAboutCard
|
||
tag="The Reality"
|
||
title="Your Competition Is Stealing Your Customers Right Now"
|
||
description="They're outbidding you on Google Ads."
|
||
subdescription="And ranking on page one for every local search that matters."
|
||
icon={AlertTriangle}
|
||
imageSrc="http://img.b2bpic.net/free-photo/general-manager-ceo-sharing-insight-about-new-development-strategy_482257-88122.jpg"
|
||
imageAlt="Competitor analysis"
|
||
mediaAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Difference - What Separates Us */}
|
||
<div id="difference" data-section="difference">
|
||
<FeatureCardTwelve
|
||
features={[
|
||
{
|
||
id: "1",
|
||
label: "Proven",
|
||
title: "System, Not Services",
|
||
items: [
|
||
"Fixed-price model (no surprises)",
|
||
"Guaranteed lead generation metrics",
|
||
"Transparent reporting dashboard",
|
||
"90-day performance guarantee",
|
||
],
|
||
},
|
||
{
|
||
id: "2",
|
||
label: "Expert",
|
||
title: "Founder-Led Strategy",
|
||
items: [
|
||
"Direct founder involvement",
|
||
"Strategic guidance, not execution only",
|
||
"Monthly business consulting calls",
|
||
"Access to proprietary systems",
|
||
],
|
||
},
|
||
{
|
||
id: "3",
|
||
label: "Exclusive",
|
||
title: "Limited to 3 Clients Per Market",
|
||
items: [
|
||
"No competitors in your area",
|
||
"Dedicated account management",
|
||
"Custom implementation per business",
|
||
"Zero template approaches",
|
||
],
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
title="What Actually Separates Us From Every Other Agency"
|
||
description="Most agencies are factories. We're operators who understand your business."
|
||
tag="The Difference"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Founder Section */}
|
||
<div id="founder" data-section="founder">
|
||
<TestimonialAboutCard
|
||
tag="Meet The Operator"
|
||
title="15 Years Building Businesses. Zero Failed Clients In This Program."
|
||
description="I've done what your competition is doing."
|
||
subdescription="Now I help you dominate them with what I learned."
|
||
icon={Award}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg"
|
||
imageAlt="Founder portrait"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Proof - Metrics */}
|
||
<div id="proof" data-section="proof">
|
||
<MetricCardEleven
|
||
metrics={[
|
||
{
|
||
id: "1",
|
||
value: "47+",
|
||
title: "Qualified Leads/Month",
|
||
description: "Average for our plumbing clients",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/table-laptop-showing-charts-conference-room-business-people-having-important-discussion_482257-27897.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
value: "$180K",
|
||
title: "Revenue Generated",
|
||
description: "Average first-year ROI per client",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-works-remotely-from-cozy-apartment-evening-reviewing-company-stock-market_482257-134074.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
value: "92%",
|
||
title: "Conversion Rate",
|
||
description: "Leads to paying customers",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-flat-design_23-2148257617.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
value: "3",
|
||
title: "Months to Profitability",
|
||
description: "Average break-even timeline",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148384403.jpg",
|
||
},
|
||
]}
|
||
title="Proof That This Works"
|
||
description="Real numbers from real clients. All within 90 days of program launch."
|
||
tag="Measurable Results"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Benefits Section */}
|
||
<div id="benefits" data-section="benefits">
|
||
<ProductCardThree
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Lead Generation System",
|
||
price: "$2,000/mo",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/statistics-analysis-diagram-data-strategy-growth-concept_53876-121535.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Reputation Management",
|
||
price: "$1,500/mo",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430635.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Founder Consulting",
|
||
price: "$1,500/mo",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/two-male-colleagues-talking-each-other-meeting_23-2148817054.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Performance Tracking",
|
||
price: "Included",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-smiling-while-conference-room_23-2149085924.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Custom Landing Pages",
|
||
price: "Included",
|
||
imageSrc: "http://img.b2bpic.net/free-psd/kids-sport-social-media-template_23-2148253780.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Monthly Strategy Sessions",
|
||
price: "Included",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-working-together_23-2148347239.jpg",
|
||
},
|
||
]}
|
||
title="Finally, A System That Delivers"
|
||
description="Everything you get when you join the program."
|
||
tag="What's Included"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
gridVariant="three-columns-all-equal-width"
|
||
/>
|
||
</div>
|
||
|
||
{/* Qualification Matrix */}
|
||
<div id="qualification" data-section="qualification">
|
||
<FeatureCardTwelve
|
||
features={[
|
||
{
|
||
id: "perfect-for",
|
||
label: "Perfect For",
|
||
title: "Local Service Owners Doing $5K–$50K/Month",
|
||
items: [
|
||
"Making consistent revenue already",
|
||
"Tired of traditional agencies",
|
||
"Want predictable lead flow",
|
||
"Ready to invest in growth",
|
||
],
|
||
},
|
||
{
|
||
id: "not-for",
|
||
label: "Skip This If",
|
||
title: "You're Looking For Shortcuts",
|
||
items: [
|
||
"Expecting overnight results",
|
||
"Want DIY tools to do it yourself",
|
||
"Budget under $6,000/month",
|
||
"Not ready to scale seriously",
|
||
],
|
||
},
|
||
]}
|
||
animationType="opacity"
|
||
title="This Program Is Not For Everyone"
|
||
description="Here's who it's perfect for—and who it's not."
|
||
tag="Qualification"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* Pricing Section */}
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardEight
|
||
plans={[
|
||
{
|
||
id: "premium",
|
||
badge: "The Only Option",
|
||
badgeIcon: Sparkles,
|
||
price: "$6,000",
|
||
subtitle: "Per month. Three-month minimum commitment.",
|
||
buttons: [
|
||
{
|
||
text: "Apply Now",
|
||
href: "/apply",
|
||
},
|
||
{
|
||
text: "Book Strategy Call",
|
||
href: "/apply",
|
||
},
|
||
],
|
||
features: [
|
||
"Lead generation system",
|
||
"Reputation management",
|
||
"Monthly founder consulting",
|
||
"Custom landing pages",
|
||
"Performance dashboard",
|
||
"90-day guarantee",
|
||
"Direct founder support",
|
||
"Exclusive market lock",
|
||
],
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
title="Simple Pricing. No Hidden Fees."
|
||
description="One plan. Full transparency."
|
||
tag="Investment"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
{/* FAQ Section */}
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "How long until I see results?",
|
||
content: "Most clients see qualified leads within 30–45 days of program launch. Revenue generation typically follows 60–90 days after consistent lead flow. We provide a 90-day satisfaction guarantee—if you're not seeing results, we refund your investment.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "What if my business doesn't fit the mold?",
|
||
content: "We work across plumbing, painting, dental, med spa, RV rental, barbering, and more. Every program is customized to your specific market, competition, and business model. The core system stays proven, but implementation is 100% unique to you.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Do you guarantee leads or revenue?",
|
||
content: "We guarantee performance metrics outlined in your custom contract. If lead generation targets aren't met within 90 days, we adjust the strategy at no additional cost or refund your investment. Revenue depends on your sales skills, but we set you up to close.",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Why is this so expensive compared to other agencies?",
|
||
content: "Most agencies are factories that deprioritize your business. We take only 3 clients per market and operate as an extension of your leadership team. The $6K investment returns 30x within the first year for most clients. You're paying for proven results, not output.",
|
||
},
|
||
{
|
||
id: "5",
|
||
title: "What if I want to continue after three months?",
|
||
content: "Month-to-month continuation is available after your initial three-month commitment. Many clients stay for 12+ months as we scale their lead generation and expand into adjacent markets or service lines.",
|
||
},
|
||
{
|
||
id: "6",
|
||
title: "How do I apply?",
|
||
content: "Fill out a short qualification form and we'll schedule a 20-minute strategy call. During this call, we'll assess fit, understand your business deeply, and outline exactly what your first 90 days looks like. Apply below.",
|
||
},
|
||
]}
|
||
title="Common Questions"
|
||
description="Everything you need to know before applying."
|
||
tag="FAQ"
|
||
textboxLayout="default"
|
||
faqsAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
animationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
{/* CTA Section */}
|
||
<div id="cta" data-section="cta">
|
||
<ContactText
|
||
text="Stop losing customers to your competition. Start dominating your market within 90 days."
|
||
animationType="entrance-slide"
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{
|
||
text: "Apply to the Program",
|
||
href: "/apply",
|
||
},
|
||
{
|
||
text: "Schedule Strategy Call",
|
||
href: "/apply",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
{/* Footer */}
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Growth Systems"
|
||
copyrightText="© 2025 Growth Systems. All rights reserved."
|
||
columns={[
|
||
{
|
||
title: "Product",
|
||
items: [
|
||
{
|
||
label: "How It Works",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "/services",
|
||
},
|
||
{
|
||
label: "Pricing",
|
||
href: "#pricing",
|
||
},
|
||
{
|
||
label: "Results",
|
||
href: "/results",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About",
|
||
href: "/about",
|
||
},
|
||
{
|
||
label: "FAQ",
|
||
href: "#faq",
|
||
},
|
||
{
|
||
label: "Apply",
|
||
href: "/apply",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "mailto:hello@growthsystems.io",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Disclaimer",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |