Merge version_2 into main #1
269
src/app/page.tsx
269
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Results", id: "metrics"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Work", id: "blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DM Pro"
|
||||
/>
|
||||
@@ -60,77 +50,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Digital Marketing That Drives Real Results"
|
||||
description="Strategic campaigns and data-driven strategies that grow your audience and revenue. See what I've built for brands like yours."
|
||||
kpis={[
|
||||
{
|
||||
value: "150%",
|
||||
label: "Avg. Revenue Growth",
|
||||
},
|
||||
value: "150%", label: "Avg. Revenue Growth"},
|
||||
{
|
||||
value: "2M+",
|
||||
label: "Leads Generated",
|
||||
},
|
||||
value: "2M+", label: "Leads Generated"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
value: "50+", label: "Successful Projects"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#blog",
|
||||
},
|
||||
text: "Scale Your Revenue Now", href: "#blog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg"
|
||||
imageAlt="digital marketing dashboard metrics red theme"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg",
|
||||
alt: "Confident beautiful young business woman standing with arms folded",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg", alt: "Confident beautiful young business woman standing with arms folded"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Happy businessman smiling at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Happy businessman smiling at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
alt: "Smiling lady in black jacket posing on isolated background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", alt: "Smiling lady in black jacket posing on isolated background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
|
||||
alt: "Closeup of happy bearded man in suit laughing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Closeup of happy bearded man in suit laughing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
|
||||
alt: "Portrait of happy young businesswoman talking on mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg", alt: "Portrait of happy young businesswoman talking on mobile phone"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PPC Optimization",
|
||||
},
|
||||
type: "text", text: "PPC Optimization"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Strategy",
|
||||
},
|
||||
type: "text", text: "SEO Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
type: "text", text: "Data Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Marketing",
|
||||
},
|
||||
type: "text", text: "Content Marketing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Growth",
|
||||
},
|
||||
type: "text", text: "Brand Growth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,17 +104,11 @@ export default function LandingPage() {
|
||||
description="I help businesses scale their digital footprint through hyper-targeted strategies and creative campaigns. My focus is always on high ROI and long-term brand equity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Data-Driven Approach",
|
||||
description: "Every decision is backed by analytics and testing.",
|
||||
},
|
||||
title: "Data-Driven Approach", description: "Every decision is backed by analytics and testing."},
|
||||
{
|
||||
title: "Scalable Campaigns",
|
||||
description: "From startup to enterprise, I build campaigns that grow.",
|
||||
},
|
||||
title: "Scalable Campaigns", description: "From startup to enterprise, I build campaigns that grow."},
|
||||
{
|
||||
title: "Transparent Reporting",
|
||||
description: "Clear insights into how your budget is performing.",
|
||||
},
|
||||
title: "Transparent Reporting", description: "Clear insights into how your budget is performing."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-man-using-digital-tablet-with-modern-metal-pendant_23-2147937514.jpg"
|
||||
imageAlt="professional digital marketer business casual"
|
||||
@@ -168,26 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3.5x",
|
||||
title: "RoAS",
|
||||
description: "Average return on ad spend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg",
|
||||
},
|
||||
id: "m1", value: "3.5x", title: "RoAS", description: "Average return on ad spend", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
title: "CPA Reduction",
|
||||
description: "Average reduction in acquisition cost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-red-lines_23-2148999201.jpg",
|
||||
},
|
||||
id: "m2", value: "40%", title: "CPA Reduction", description: "Average reduction in acquisition cost", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-red-lines_23-2148999201.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$12M+",
|
||||
title: "Managed Spend",
|
||||
description: "Total ad spend optimized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-120075.jpg",
|
||||
},
|
||||
id: "m3", value: "$12M+", title: "Managed Spend", description: "Total ad spend optimized", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-120075.jpg"},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Numbers that define my commitment to your business growth and performance."
|
||||
@@ -201,34 +141,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "SEO Optimization",
|
||||
description: "Rank higher and capture organic traffic.",
|
||||
icon: Search,
|
||||
title: "SEO Optimization", description: "Rank higher and capture organic traffic.", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Paid Ads",
|
||||
description: "Targeted PPC across platforms.",
|
||||
icon: Zap,
|
||||
title: "Paid Ads", description: "Targeted PPC across platforms.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Email Marketing",
|
||||
description: "Nurture leads and drive conversions.",
|
||||
icon: Mail,
|
||||
title: "Email Marketing", description: "Nurture leads and drive conversions.", icon: Mail,
|
||||
},
|
||||
{
|
||||
title: "Content Strategy",
|
||||
description: "Build authority in your industry.",
|
||||
icon: PenTool,
|
||||
title: "Content Strategy", description: "Build authority in your industry.", icon: PenTool,
|
||||
},
|
||||
{
|
||||
title: "Social Media",
|
||||
description: "Engage your audience effectively.",
|
||||
icon: Share2,
|
||||
title: "Social Media", description: "Engage your audience effectively.", icon: Share2,
|
||||
},
|
||||
{
|
||||
title: "Marketing Analytics",
|
||||
description: "Understand your customer journey.",
|
||||
icon: BarChart2,
|
||||
title: "Marketing Analytics", description: "Understand your customer journey.", icon: BarChart2,
|
||||
},
|
||||
]}
|
||||
title="My Core Competencies"
|
||||
@@ -242,45 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exceptional ROI",
|
||||
quote: "My revenue increased by 200% in six months. A true expert.",
|
||||
name: "Sarah Miller",
|
||||
role: "CMO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
},
|
||||
id: "t1", title: "Exceptional ROI", quote: "My revenue increased by 200% in six months. A true expert.", name: "Sarah Miller", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Incredible Results",
|
||||
quote: "Finally, a marketer who speaks the language of data and profit.",
|
||||
name: "James Chen",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
id: "t2", title: "Incredible Results", quote: "Finally, a marketer who speaks the language of data and profit.", name: "James Chen", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Game Changer",
|
||||
quote: "The strategy was spot on and execution was flawless.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Marketing Dir",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg",
|
||||
},
|
||||
id: "t3", title: "Game Changer", quote: "The strategy was spot on and execution was flawless.", name: "Elena Rodriguez", role: "Marketing Dir", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "Great communication and consistent results every month.",
|
||||
name: "Mark Wilson",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg",
|
||||
},
|
||||
id: "t4", title: "Professionalism", quote: "Great communication and consistent results every month.", name: "Mark Wilson", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top Tier Talent",
|
||||
quote: "Extremely effective campaigns with clear, actionable insights.",
|
||||
name: "Lisa Wang",
|
||||
role: "VP Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
|
||||
},
|
||||
id: "t5", title: "Top Tier Talent", quote: "Extremely effective campaigns with clear, actionable insights.", name: "Lisa Wang", role: "VP Marketing", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by brands looking to scale their online performance."
|
||||
@@ -292,14 +190,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthStream",
|
||||
"ApexCorp",
|
||||
"DigitalVanguard",
|
||||
"VelocityLab",
|
||||
"SummitBrands",
|
||||
"PrimeSolutions",
|
||||
]}
|
||||
"InnovateTech", "GrowthStream", "ApexCorp", "DigitalVanguard", "VelocityLab", "SummitBrands", "PrimeSolutions"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partners and companies I have helped achieve marketing excellence."
|
||||
/>
|
||||
@@ -314,35 +205,11 @@ export default function LandingPage() {
|
||||
description="Recent campaigns and strategic breakdowns."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "SEO",
|
||||
title: "How I Boosted Traffic by 300%",
|
||||
excerpt: "Deep dive into SEO strategy and technical fixes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg",
|
||||
authorName: "Me",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "b1", category: "SEO", title: "How I Boosted Traffic by 300%", excerpt: "Deep dive into SEO strategy and technical fixes.", imageSrc: "http://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg", authorName: "Me", authorAvatar: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", date: "Jan 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Ads",
|
||||
title: "Scaling PPC with Tight Budgets",
|
||||
excerpt: "How to get the most out of small ad spends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",
|
||||
authorName: "Me",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-woman-sitting-living-room-eating-snack-after-work-person-with-chips-delivery-bag-couch-looking-camera-smiling-adult-relaxing-with-takeaway-meal_482257-30522.jpg",
|
||||
date: "Dec 2024",
|
||||
},
|
||||
id: "b2", category: "Ads", title: "Scaling PPC with Tight Budgets", excerpt: "How to get the most out of small ad spends.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg", authorName: "Me", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-woman-sitting-living-room-eating-snack-after-work-person-with-chips-delivery-bag-couch-looking-camera-smiling-adult-relaxing-with-takeaway-meal_482257-30522.jpg", date: "Dec 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Content",
|
||||
title: "The Art of Email Nurture",
|
||||
excerpt: "Conversion strategies that actually work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg",
|
||||
authorName: "Me",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
date: "Nov 2024",
|
||||
},
|
||||
id: "b3", category: "Content", title: "The Art of Email Nurture", excerpt: "Conversion strategies that actually work.", imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg", authorName: "Me", authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", date: "Nov 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's work together"
|
||||
title="Ready to scale your business?"
|
||||
description="Schedule a discovery call to discuss how we can grow your revenue together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Me", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,54 +233,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Sitemap",
|
||||
items: [
|
||||
title: "Sitemap", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Results", href: "#metrics"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Work", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -427,4 +270,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user