273 lines
14 KiB
TypeScript
273 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { BarChart2, Mail, PenTool, Search, Share2, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Results", id: "metrics"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Work", id: "blog"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="DM Pro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "2M+", label: "Leads Generated"},
|
|
{
|
|
value: "50+", label: "Successful Projects"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
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/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/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"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "PPC Optimization"},
|
|
{
|
|
type: "text", text: "SEO Strategy"},
|
|
{
|
|
type: "text", text: "Data Analytics"},
|
|
{
|
|
type: "text", text: "Content Marketing"},
|
|
{
|
|
type: "text", text: "Brand Growth"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Strategic Partner for Growth"
|
|
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: "Scalable Campaigns", description: "From startup to enterprise, I build campaigns that grow."},
|
|
{
|
|
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"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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"},
|
|
]}
|
|
title="Proven Track Record"
|
|
description="Numbers that define my commitment to your business growth and performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "SEO Optimization", description: "Rank higher and capture organic traffic.", icon: Search,
|
|
},
|
|
{
|
|
title: "Paid Ads", description: "Targeted PPC across platforms.", icon: Zap,
|
|
},
|
|
{
|
|
title: "Email Marketing", description: "Nurture leads and drive conversions.", icon: Mail,
|
|
},
|
|
{
|
|
title: "Content Strategy", description: "Build authority in your industry.", icon: PenTool,
|
|
},
|
|
{
|
|
title: "Social Media", description: "Engage your audience effectively.", icon: Share2,
|
|
},
|
|
{
|
|
title: "Marketing Analytics", description: "Understand your customer journey.", icon: BarChart2,
|
|
},
|
|
]}
|
|
title="My Core Competencies"
|
|
description="Specialized services tailored to your marketing needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
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: "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: "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"},
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Trusted by brands looking to scale their online performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"InnovateTech", "GrowthStream", "ApexCorp", "DigitalVanguard", "VelocityLab", "SummitBrands", "PrimeSolutions"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="Partners and companies I have helped achieve marketing excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Case Studies & Insights"
|
|
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: "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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Sitemap", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
{
|
|
label: "Results", href: "#metrics"},
|
|
{
|
|
label: "Work", href: "#blog"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Socials", items: [
|
|
{
|
|
label: "LinkedIn", href: "#"},
|
|
{
|
|
label: "Twitter", href: "#"},
|
|
{
|
|
label: "GitHub", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="DM Pro"
|
|
copyrightText="© 2025 DM Pro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |