Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Clock, DollarSign, Link, TrendingUp } from "lucide-react";
|
||||
import { Clock, DollarSign, Link as LinkIcon, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Approach",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "benefits",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Book Strategy",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Approach", id: "about" },
|
||||
{ name: "Benefits", id: "benefits" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Book Strategy", id: "contact" },
|
||||
]}
|
||||
brandName="FunnelBridge"
|
||||
/>
|
||||
@@ -55,63 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="What If Your Business Finally Had a Funnel That Turned Strangers Into Excited Buyers?"
|
||||
description="Stop chasing leads and guessing what to post next. We build high-converting funnels that turn your website into your business's strongest growth asset."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Funnel Strategy Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Funnel Strategy Session", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tired-corporate-employee-working-overhours-marketing-project_482257-77671.jpg"
|
||||
imageAlt="dark abstract tech background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-manager-dancing-having-fun-startup-office-enjoying-listening-music-work-break-businesswoman-wearing-headphone-while-working-overtime-financial-growth-report_482257-66843.jpg",
|
||||
alt: "Positive manager dancing and having fun in startup office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg",
|
||||
alt: "Happy employee analyzing graphs wearing headset",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",
|
||||
alt: "Corporate employee with headphones listening music",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg",
|
||||
alt: "Corporate employee working overhours",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-wireless-earphone-his-ear-looking-away_23-2148096487.jpg",
|
||||
alt: "Smiling young man with wireless earphone",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-manager-dancing-having-fun-startup-office-enjoying-listening-music-work-break-businesswoman-wearing-headphone-while-working-overtime-financial-growth-report_482257-66843.jpg", alt: "Positive manager dancing and having fun in startup office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg", alt: "Happy employee analyzing graphs wearing headset" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg", alt: "Corporate employee with headphones listening music" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg", alt: "Corporate employee working overhours" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-wireless-earphone-his-ear-looking-away_23-2148096487.jpg", alt: "Smiling young man with wireless earphone" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ growth-focused founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Conversion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Scaling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Targeting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Revenue Driven",
|
||||
},
|
||||
{ type: "text", text: "High Conversion" },
|
||||
{ type: "text", text: "Automated Scaling" },
|
||||
{ type: "text", text: "Strategy First" },
|
||||
{ type: "text", text: "Precision Targeting" },
|
||||
{ type: "text", text: "Revenue Driven" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,7 +74,7 @@ export default function LandingPage() {
|
||||
title="The Bridge Between Attention and Revenue"
|
||||
description="After years of working with creators and service brands, I realized the problem wasn't their product—it was their path. We help you replace confusion with a clear, conversion-focused customer journey."
|
||||
subdescription="Attract, build trust, and automate growth."
|
||||
icon={Link}
|
||||
icon={LinkIcon}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-with-computer-mobile-phone_1252-792.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,25 +85,9 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Confusion",
|
||||
"Dead ends",
|
||||
"High bounce rates",
|
||||
"No clear path",
|
||||
"Wasted ad spend",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Clear journey",
|
||||
"Emotional connection",
|
||||
"Automated scaling",
|
||||
"Higher conversion",
|
||||
"Predictable ROI",
|
||||
],
|
||||
}}
|
||||
title="Why Funnels Outperform \"Just A Website\""
|
||||
negativeCard={{ items: ["Confusion", "Dead ends", "High bounce rates", "No clear path", "Wasted ad spend"] }}
|
||||
positiveCard={{ items: ["Clear journey", "Emotional connection", "Automated scaling", "Higher conversion", "Predictable ROI"] }}
|
||||
title="Why Funnels Outperform "Just A Website""
|
||||
description="A website provides information, but a system provides momentum."
|
||||
/>
|
||||
</div>
|
||||
@@ -163,24 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: TrendingUp,
|
||||
title: "Conversion Rate",
|
||||
value: "3x",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Setup Speed",
|
||||
value: "14d",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: DollarSign,
|
||||
title: "Lead Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "1", icon: TrendingUp, title: "Conversion Rate", value: "3x" },
|
||||
{ id: "2", icon: Clock, title: "Setup Speed", value: "14d" },
|
||||
{ id: "3", icon: DollarSign, title: "Lead Quality", value: "100%" }
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Strategic conversion design that compounds over time."
|
||||
@@ -194,43 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "limited",
|
||||
badge: "Limited Spot",
|
||||
price: "Custom",
|
||||
subtitle: "Strategy & Execution",
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Funnel Audit",
|
||||
"Copy Strategy",
|
||||
"Technical Setup",
|
||||
"A/B Testing",
|
||||
"Email Automation",
|
||||
],
|
||||
id: "limited", badge: "Limited Spot", price: "Custom", subtitle: "Strategy & Execution", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
features: ["Funnel Audit", "Copy Strategy", "Technical Setup", "A/B Testing", "Email Automation"]
|
||||
},
|
||||
{
|
||||
id: "waiting",
|
||||
badge: "Waiting List",
|
||||
price: "Waitlist",
|
||||
subtitle: "Next Available",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Priority Queue",
|
||||
"Early Access",
|
||||
"Resource Kit",
|
||||
"Direct Support",
|
||||
"Newsletter Perks",
|
||||
],
|
||||
},
|
||||
id: "waiting", badge: "Waiting List", price: "Waitlist", subtitle: "Next Available", buttons: [{ text: "Join Waitlist", href: "#contact" }],
|
||||
features: ["Priority Queue", "Early Access", "Resource Kit", "Direct Support", "Newsletter Perks"]
|
||||
}
|
||||
]}
|
||||
title="Strategy-First Projects"
|
||||
description="We limit our monthly intake to ensure deep research and custom execution."
|
||||
@@ -244,46 +134,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Photographer",
|
||||
company: "Lux Studios",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Founder",
|
||||
company: "TechScale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marketer",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands_197531-343.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Consultant",
|
||||
company: "Strategist Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Creator",
|
||||
company: "Visuals Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Photographer", company: "Lux Studios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Founder", company: "TechScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Marketer", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands_197531-343.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Consultant", company: "Strategist Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg" },
|
||||
{ id: "5", name: "Jessica L.", role: "Creator", company: "Visuals Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-standing-against-wall-looking-away_23-2148176118.jpg" }
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Real results from real funnels."
|
||||
@@ -295,26 +150,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Who is this for?",
|
||||
content: "Our funnels are built for service providers, consultants, local businesses, and creative brands ready to scale.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does it take?",
|
||||
content: "Every project is bespoke, usually ranging between 3-6 weeks from strategy to deployment.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is maintenance included?",
|
||||
content: "Yes, we provide post-launch support and optimization guides for every funnel we build.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do I need my own tech stack?",
|
||||
content: "We work with top platforms like ClickFunnels, GoHighLevel, and others tailored to your specific setup.",
|
||||
},
|
||||
{ id: "1", title: "Who is this for?", content: "Our funnels are built for service providers, consultants, local businesses, and creative brands ready to scale." },
|
||||
{ id: "2", title: "How long does it take?", content: "Every project is bespoke, usually ranging between 3-6 weeks from strategy to deployment." },
|
||||
{ id: "3", title: "Is maintenance included?", content: "Yes, we provide post-launch support and optimization guides for every funnel we build." },
|
||||
{ id: "4", title: "Do I need my own tech stack?", content: "We work with top platforms like ClickFunnels, GoHighLevel, and others tailored to your specific setup." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? We have the answers."
|
||||
@@ -325,9 +164,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Your Funnel Could Be The Turning Point Your Business Has Been Missing"
|
||||
description="Book your funnel strategy session today."
|
||||
@@ -342,45 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="FunnelBridge"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Approach",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Approach", href: "#about" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 FunnelBridge. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user