267 lines
13 KiB
TypeScript
267 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { BarChart3, CheckCircle, DollarSign, Heart, HelpCircle, PenTool, Rocket, Search, Share2, Sparkles, Star, Target, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="D2B Marketing"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Results", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Free Strategy", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Turn clicks into customers with D2B Marketing"
|
|
description="We deliver data-driven digital strategies that grow your business online. Proven results for retail, ecommerce, and professional services."
|
|
tag="Digital Marketing Excellence"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/businessman-using-laptop-with-data-visualizations-charts_9975-22092.jpg"
|
|
imageAlt="digital marketing strategy data analytics business growth"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{ text: "Get Your Free Strategy Session", href: "contact" },
|
|
{ text: "View Our Work", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Impact"
|
|
tagIcon={Target}
|
|
title="Proven Results That Drive Growth"
|
|
description="D2B Marketing has helped over 200+ businesses increase their online visibility and generate high-quality leads. Our data-driven approach combines technical expertise with creative strategy to deliver measurable ROI. From improving search rankings to optimizing conversion funnels, we transform digital challenges into growth opportunities."
|
|
metrics={[
|
|
{ value: "200+", title: "Businesses Transformed" },
|
|
{ value: "45%", title: "Average Revenue Growth" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
|
|
imageAlt="marketing success case study results analytics dashboard"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="Our Services"
|
|
description="Comprehensive digital marketing solutions tailored to your business goals"
|
|
tag="Core Offerings"
|
|
tagIcon={Zap}
|
|
features={[
|
|
{
|
|
icon: Search,
|
|
title: "SEO Optimization", description: "Boost your search rankings and organic traffic with data-driven keyword strategies and technical optimization."
|
|
},
|
|
{
|
|
icon: Share2,
|
|
title: "Social Media Marketing", description: "Build engaged communities and amplify your brand message across all major platforms with strategic content."
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
title: "Conversion Optimization", description: "Transform visitors into customers through targeted funnel optimization, A/B testing, and user experience refinement."
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
title: "Analytics & Reporting", description: "Get transparent insights into campaign performance with detailed reporting and actionable recommendations."
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "PPC Advertising", description: "Maximize ROI with expertly managed Google Ads and social campaigns that reach your target audience."
|
|
},
|
|
{
|
|
icon: PenTool,
|
|
title: "Content Marketing", description: "Create compelling narratives that attract, engage, and convert your ideal customers through strategic storytelling."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Flexible Pricing Plans"
|
|
description="Choose the perfect package to accelerate your business growth"
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Package", tagIcon: Rocket,
|
|
price: "$2,500", period: "/month", description: "Perfect for small businesses just getting started with digital marketing.", button: { text: "Get Started", href: "contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Monthly strategy consultation", "Basic SEO optimization", "Social media management (2 platforms)", "Monthly performance report", "Email support"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Plan", tagIcon: Star,
|
|
price: "$5,000", period: "/month", description: "Ideal for growing businesses ready to scale their online presence.", button: { text: "Schedule Call", href: "contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Bi-weekly strategy reviews", "Comprehensive SEO + PPC management", "Social media marketing (4 platforms)", "Conversion rate optimization", "Bi-weekly performance reports", "Priority email & phone support"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by Over 200+ Business Leaders Who've Transformed Their Digital Presence"
|
|
cardTag="Client Success Stories"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageAlt: "Sarah Mitchell, Retail Store Owner"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "James Chen, Ecommerce Founder"
|
|
},
|
|
{
|
|
id: "3", name: "Rebecca Lopez", imageSrc: "https://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", imageAlt: "Rebecca Lopez, Marketing Director"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson", imageSrc: "https://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg", imageAlt: "David Thompson, Service Provider"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Partner with the agency that delivers results for growing businesses across multiple industries"
|
|
tag="Our Partners"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"RetailCorp", "ShopHub Inc", "ProfessionalServices Co", "TechVentures", "FinanceFlow", "HealthWell Group", "DigitalFirst Agency"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our services and how we can help your business grow"
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to see results from digital marketing?", content: "Results vary by channel. SEO typically shows meaningful improvements in 3-6 months. PPC and social media ads can drive traffic immediately. We provide monthly reports so you can track progress every step of the way."
|
|
},
|
|
{
|
|
id: "2", title: "Do you work with businesses outside of retail, ecommerce, and professional services?", content: "While we specialize in these sectors, we have experience across various industries. Contact us to discuss your specific business needs and whether we're the right fit."
|
|
},
|
|
{
|
|
id: "3", title: "What's included in your strategy session?", content: "Our free strategy session includes a comprehensive audit of your current online presence, competitive analysis, identification of growth opportunities, and a customized action plan to achieve your business goals."
|
|
},
|
|
{
|
|
id: "4", title: "How do you measure campaign success?", content: "We track KPIs specific to your goals: traffic growth, lead generation, conversion rates, ROI, and more. You'll receive transparent, detailed monthly reports showing exactly how your investment performs."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your digital presence and grow your business? Let's create a custom strategy that delivers real results."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Schedule Your Free Strategy Session", href: "https://calendly.com" },
|
|
{ text: "Get in Touch", href: "mailto:hello@d2bmarketing.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="D2B Marketing"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "SEO Optimization", href: "#features" },
|
|
{ label: "Social Media Marketing", href: "#features" },
|
|
{ label: "PPC Advertising", href: "#features" },
|
|
{ label: "Content Marketing", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Results", href: "#about" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Case Studies", href: "#" },
|
|
{ label: "Free Tools", href: "#" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 D2B Marketing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |