Merge version_1 into main #2
483
src/app/page.tsx
483
src/app/page.tsx
@@ -16,363 +16,154 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AgencyGrow"
|
||||
button={{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="AgencyGrow"
|
||||
button={{ text: "Book a Call", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Scale Your Agency with Predictable Growth"
|
||||
description="We help service-based agencies generate more qualified leads and close more deals with our proven growth systems."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Strategy",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg?_wi=1",
|
||||
imageAlt: "creative agency meeting professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg?_wi=1",
|
||||
imageAlt: "designer working creative tablet",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg?_wi=1",
|
||||
imageAlt: "abstract data business growth",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg?_wi=1",
|
||||
imageAlt: "team success meeting corporate",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg?_wi=1",
|
||||
imageAlt: "modern boardroom high-end",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg",
|
||||
imageAlt: "smartphone app dashboard analytics",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Scale Your Agency with Predictable Growth"
|
||||
description="We help service-based agencies generate more qualified leads and close more deals with our proven growth systems."
|
||||
buttons={[{ text: "Get Your Strategy", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg", imageAlt: "creative agency meeting professional" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg", imageAlt: "designer working creative tablet" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "abstract data business growth" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg", imageAlt: "team success meeting corporate" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg", imageAlt: "modern boardroom high-end" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg", imageAlt: "smartphone app dashboard analytics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Agency Owners"
|
||||
description={[
|
||||
"Most agencies struggle with inconsistent lead flow. We build the engine that keeps your sales pipeline full every month.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Agency Owners"
|
||||
description={[
|
||||
"Most agencies struggle with inconsistent lead flow. We build the engine that keeps your sales pipeline full every month."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Our Proven Growth Framework"
|
||||
description="Everything you need to scale your revenue without the chaos."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lead Generation Systems",
|
||||
content: "Custom automated systems to find high-ticket clients.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sales Enablement",
|
||||
content: "Scripts and processes that help your team close deals faster.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Account Management",
|
||||
content: "Client retention strategies to ensure consistent long-term revenue.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="agency growth chart visual"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Our Proven Growth Framework"
|
||||
description="Everything you need to scale your revenue without the chaos."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Lead Generation Systems", content: "Custom automated systems to find high-ticket clients." },
|
||||
{ id: "2", title: "Sales Enablement", content: "Scripts and processes that help your team close deals faster." },
|
||||
{ id: "3", title: "Account Management", content: "Client retention strategies to ensure consistent long-term revenue." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="agency growth chart visual"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Agencies Scaled",
|
||||
items: [
|
||||
"Successfully scaled businesses",
|
||||
"Cross-industry expertise",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$50M+",
|
||||
title: "Revenue Generated",
|
||||
items: [
|
||||
"Direct revenue impact",
|
||||
"Measurable ROI results",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Lead Response",
|
||||
items: [
|
||||
"Faster client outreach",
|
||||
"Optimized sales cycles",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Results You Can Bank On"
|
||||
description="Quantifiable impact that helps your agency grow exponentially."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Agencies Scaled", items: ["Successfully scaled businesses", "Cross-industry expertise"] },
|
||||
{ id: "m2", value: "$50M+", title: "Revenue Generated", items: ["Direct revenue impact", "Measurable ROI results"] },
|
||||
{ id: "m3", value: "24h", title: "Lead Response", items: ["Faster client outreach", "Optimized sales cycles"] },
|
||||
]}
|
||||
title="Results You Can Bank On"
|
||||
description="Quantifiable impact that helps your agency grow exponentially."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$2,500/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Lead System",
|
||||
"Email Support",
|
||||
"Strategy Call",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$5,000/mo",
|
||||
name: "Scaling",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced Lead Gen",
|
||||
"Sales Training",
|
||||
"Weekly Reporting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$10,000/mo",
|
||||
name: "Partner",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Dedicated Account Manager",
|
||||
"Total Sales Overhaul",
|
||||
"Priority Access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Growth Path"
|
||||
description="Select the partnership tier that matches your current agency scale."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", price: "$2,500/mo", name: "Starter", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Lead System", "Email Support", "Strategy Call"] },
|
||||
{ id: "p2", price: "$5,000/mo", name: "Scaling", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Advanced Lead Gen", "Sales Training", "Weekly Reporting"] },
|
||||
{ id: "p3", price: "$10,000/mo", name: "Partner", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Dedicated Account Manager", "Total Sales Overhaul", "Priority Access"] },
|
||||
]}
|
||||
title="Choose Your Growth Path"
|
||||
description="Select the partnership tier that matches your current agency scale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Agency Owner",
|
||||
quote: "We doubled our leads in 60 days. Highly recommend.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg?_wi=2",
|
||||
imageAlt: "professional female headshot",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
date: "Feb 2024",
|
||||
title: "CEO",
|
||||
quote: "Finally, a framework that works. My sales team is happier.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg?_wi=2",
|
||||
imageAlt: "professional female headshot",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "March 2024",
|
||||
title: "Founder",
|
||||
quote: "The ROI was clear within the first week of implementation.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg?_wi=2",
|
||||
imageAlt: "professional female headshot",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "April 2024",
|
||||
title: "Director",
|
||||
quote: "The best investment I've made in my agency so far.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg?_wi=2",
|
||||
imageAlt: "professional female headshot",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe T.",
|
||||
date: "May 2024",
|
||||
title: "Partner",
|
||||
quote: "Our revenue consistency has never been better.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg?_wi=2",
|
||||
imageAlt: "professional female headshot",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what agency owners have to say about working with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "Jan 2024", title: "Agency Owner", quote: "We doubled our leads in 60 days. Highly recommend.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg", imageAlt: "professional female headshot" },
|
||||
{ id: "t2", name: "Mike D.", date: "Feb 2024", title: "CEO", quote: "Finally, a framework that works. My sales team is happier.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg", imageAlt: "professional female headshot" },
|
||||
{ id: "t3", name: "Emily R.", date: "March 2024", title: "Founder", quote: "The ROI was clear within the first week of implementation.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "professional female headshot" },
|
||||
{ id: "t4", name: "David W.", date: "April 2024", title: "Director", quote: "The best investment I've made in my agency so far.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg", imageAlt: "professional female headshot" },
|
||||
{ id: "t5", name: "Chloe T.", date: "May 2024", title: "Partner", quote: "Our revenue consistency has never been better.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg", imageAlt: "professional female headshot" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what agency owners have to say about working with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long until I see results?",
|
||||
content: "Most clients see improvements within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Yes, we offer month-to-month contracts.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is this for new agencies?",
|
||||
content: "We work best with agencies doing at least $5k/mo.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions about our partnership model."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg"
|
||||
imageAlt="Group of diverse people having a business meeting"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long until I see results?", content: "Most clients see improvements within 30 days." },
|
||||
{ id: "q2", title: "Can I cancel at any time?", content: "Yes, we offer month-to-month contracts." },
|
||||
{ id: "q3", title: "Is this for new agencies?", content: "We work best with agencies doing at least $5k/mo." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions about our partnership model."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg"
|
||||
imageAlt="Group of diverse people having a business meeting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to scale your agency to the next level?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Strategy Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to scale your agency to the next level?"
|
||||
buttons={[{ text: "Book a Free Strategy Session", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AgencyGrow"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="AgencyGrow"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user