Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { LayoutDashboard, MessageSquare, Rocket } from "lucide-react";
|
||||
import { LayoutDashboard, MessageSquare, Rocket, Zap, TrendingUp, Shield, Target } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "System",
|
||||
id: "#solution",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "System", id: "#solution" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Packages", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="AdsFlow Agency"
|
||||
/>
|
||||
@@ -54,39 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stop posting and hoping. Start getting clients through ads."
|
||||
description="I help service-based businesses get more clients using Meta Ads (Facebook & Instagram). No guesswork. Just ads that bring in real enquiries."
|
||||
tag="Expert Meta Ads Management"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "https://wa.link/adsflow",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "https://wa.link/adsflow" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=1",
|
||||
imageAlt: "Meta Ads Mockup 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=2",
|
||||
imageAlt: "Meta Ads Mockup 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=3",
|
||||
imageAlt: "Meta Ads Mockup 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=4",
|
||||
imageAlt: "Meta Ads Mockup 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=5",
|
||||
imageAlt: "Meta Ads Mockup 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg", imageAlt: "Meta Ads Mockup 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg", imageAlt: "Meta Ads Mockup 2" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,34 +62,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Posting Without Results?",
|
||||
description: "Organic social media is slow and unpredictable. Ads put your offer in front of buyers today.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg?_wi=6",
|
||||
imageAlt: "iphone ad mockup",
|
||||
},
|
||||
{
|
||||
title: "Inconsistent Flow",
|
||||
description: "Tired of the 'feast and famine' cycle? Our system ensures a steady stream of inquiries every single month.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-telegram-paper-airplane-icon_23-2152009925.jpg",
|
||||
imageAlt: "strategy icon",
|
||||
},
|
||||
{
|
||||
title: "Wasted Ad Spend",
|
||||
description: "Tired of seeing ads that get clicks but zero calls? We focus on conversion, not vanity metrics.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=40hl01",
|
||||
imageAlt: "ads setup icon",
|
||||
},
|
||||
{
|
||||
title: "Complete Management",
|
||||
description: "From creative strategy to daily optimization, everything is managed by our dedicated Meta Ads specialists.",
|
||||
buttonIcon: "Target",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-space-ship_53876-5577.jpg",
|
||||
imageAlt: "optimization icon",
|
||||
},
|
||||
{ title: "Posting Without Results?", description: "Organic social media is slow and unpredictable. Ads put your offer in front of buyers today.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169151.jpg", imageAlt: "iphone ad mockup" },
|
||||
{ title: "Inconsistent Flow", description: "Tired of the 'feast and famine' cycle? Our system ensures a steady stream of inquiries every single month.", buttonIcon: TrendingUp, imageSrc: "http://img.b2bpic.net/free-photo/3d-telegram-paper-airplane-icon_23-2152009925.jpg", imageAlt: "strategy icon" },
|
||||
{ title: "Wasted Ad Spend", description: "Tired of seeing ads that get clicks but zero calls? We focus on conversion, not vanity metrics.", buttonIcon: Shield, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=40hl01", imageAlt: "ads setup icon" },
|
||||
{ title: "Complete Management", description: "From creative strategy to daily optimization, everything is managed by our dedicated Meta Ads specialists.", buttonIcon: Target, imageSrc: "http://img.b2bpic.net/free-vector/illustration-space-ship_53876-5577.jpg", imageAlt: "optimization icon" },
|
||||
]}
|
||||
title="The Predictable Client System"
|
||||
description="Stop worrying about where your next client is coming from. I handle the heavy lifting while you focus on service delivery."
|
||||
@@ -138,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our 3-Step Success System"
|
||||
metrics={[
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Step 1",
|
||||
value: "Defining the Message",
|
||||
},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
label: "Step 2",
|
||||
value: "Setting up the Ads",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Step 3",
|
||||
value: "Launch & Optimize",
|
||||
},
|
||||
{ icon: MessageSquare, label: "Step 1", value: "Defining the Message" },
|
||||
{ icon: LayoutDashboard, label: "Step 2", value: "Setting up the Ads" },
|
||||
{ icon: Rocket, label: "Step 3", value: "Launch & Optimize" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,27 +91,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Popular",
|
||||
price: "Custom Pricing",
|
||||
subtitle: "Meta Ads Setup + 30-day Optimization",
|
||||
features: [
|
||||
"Professional Campaign Setup",
|
||||
"Ad Creative & Copy Direction",
|
||||
"Target Audience Research",
|
||||
"Ongoing Management",
|
||||
"Performance Reporting",
|
||||
],
|
||||
id: "starter", badge: "Popular", price: "Custom Pricing", subtitle: "Meta Ads Setup + 30-day Optimization", features: ["Professional Campaign Setup", "Ad Creative & Copy Direction", "Target Audience Research", "Ongoing Management", "Performance Reporting"],
|
||||
},
|
||||
]}
|
||||
title="The Meta Ads Accelerator"
|
||||
description="Everything you need to launch a profitable ad campaign within 30 days."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "https://wa.link/adsflow",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Apply Now", href: "https://wa.link/adsflow" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,28 +106,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "for",
|
||||
value: "The 'For' List",
|
||||
title: "Who this is for:",
|
||||
items: [
|
||||
"Businesses with an established offer",
|
||||
"Service-based companies",
|
||||
"Businesses ready to scale",
|
||||
"Companies with a budget for ad spend",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "not-for",
|
||||
value: "The 'Not For' List",
|
||||
title: "Who this is NOT for:",
|
||||
items: [
|
||||
"Getting-rich-quick schemes",
|
||||
"Businesses without a website",
|
||||
"Unwilling to invest in ad spend",
|
||||
"Looking for instant magic without work",
|
||||
],
|
||||
},
|
||||
{ id: "for", value: "The 'For' List", title: "Who this is for:", items: ["Businesses with an established offer", "Service-based companies", "Businesses ready to scale", "Companies with a budget for ad spend"] },
|
||||
{ id: "not-for", value: "The 'Not For' List", title: "Who this is NOT for:", items: ["Getting-rich-quick schemes", "Businesses without a website", "Unwilling to invest in ad spend", "Looking for instant magic without work"] },
|
||||
]}
|
||||
title="Who this is for vs NOT for"
|
||||
description="Ensure a perfect fit before we partner together."
|
||||
@@ -228,61 +120,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Smith",
|
||||
role: "CEO",
|
||||
company: "Growth Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Johnson",
|
||||
role: "Owner",
|
||||
company: "Service Plus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "Director",
|
||||
company: "Creative Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
role: "Founder",
|
||||
company: "Elite Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Davis",
|
||||
role: "Owner",
|
||||
company: "Local Pros",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150%",
|
||||
label: "Avg Conversion Increase",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Clients Managed",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Satisfaction Rating",
|
||||
},
|
||||
{ id: "1", name: "Jane Smith", role: "CEO", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
{ id: "2", name: "Mark Johnson", role: "Owner", company: "Service Plus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Director", company: "Creative Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg" },
|
||||
{ id: "4", name: "David Wilson", role: "Founder", company: "Elite Consulting", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg" },
|
||||
{ id: "5", name: "Emily Davis", role: "Owner", company: "Local Pros", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "150%", label: "Avg Conversion Increase" }, { value: "20+", label: "Clients Managed" }, { value: "5/5", label: "Satisfaction Rating" }]}
|
||||
title="Real Results from Real Clients"
|
||||
description="Don't just take my word for it. See what our partners are saying about their new client flow."
|
||||
/>
|
||||
@@ -291,9 +135,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready to start bringing in clients through ads?"
|
||||
description="Click the button below to message me directly via WhatsApp and discuss your project."
|
||||
buttonText="Start Today"
|
||||
@@ -305,14 +147,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AdsFlow Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user