276 lines
19 KiB
TypeScript
276 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, Mail, Sparkles, Target, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="MarketGrow"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Transform Your Marketing, Drive Real Results"
|
|
description="Strategic digital marketing solutions that boost visibility, engage audiences, and accelerate growth for ambitious brands."
|
|
tag="Marketing Solutions"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg?_wi=1"
|
|
imageAlt="Digital marketing analytics dashboard"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Anderson", handle: "CEO, TechVentures", testimonial: "Their strategic approach increased our leads by 340% in just 6 months. Exceptional results.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
|
{
|
|
name: "Michael Chen", handle: "Founder, GrowthHub", testimonial: "Outstanding team that truly understands digital marketing. Highly recommend their services.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Start Your Journey", href: "contact" },
|
|
{ text: "View Our Work", href: "testimonials" },
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Our Approach"
|
|
tagIcon={Target}
|
|
tagAnimation="slide-up"
|
|
title="Data-Driven Marketing That Scales"
|
|
description="We combine strategic planning, creative excellence, and advanced analytics to build marketing campaigns that deliver measurable growth. Our team of specialists works closely with your business to understand goals, identify opportunities, and execute strategies that generate real revenue impact."
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-people-dining-restaurant_53876-46892.jpg?_wi=1"
|
|
imageAlt="Strategic marketing planning session"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ value: "340%", title: "Average Lead Growth" },
|
|
{ value: "2.8x", title: "ROI Improvement" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
title="Marketing Services Built for Growth"
|
|
description="Comprehensive digital marketing solutions designed to elevate your brand, engage customers, and drive sustainable business growth."
|
|
imageSrc="http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45555.jpg?_wi=1"
|
|
imageAlt="Marketing growth metrics and results"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Strategic Planning & Consulting", content: "We develop customized marketing strategies aligned with your business objectives. Our team conducts market research, competitor analysis, and audience insights to create roadmaps that drive sustainable growth."},
|
|
{
|
|
id: "2", title: "Content Marketing & SEO", content: "Engage and convert through high-quality, optimized content. We create blog posts, whitepapers, and multimedia content that rank, resonate, and drive organic traffic to your website."},
|
|
{
|
|
id: "3", title: "Social Media Management", content: "Build authentic connections across platforms. We manage campaigns, community engagement, and paid social advertising to expand your reach and strengthen brand loyalty."},
|
|
{
|
|
id: "4", title: "Email Marketing Campaigns", content: "Nurture leads and retain customers with personalized email campaigns. Our automation strategies ensure timely, relevant messaging that drives conversions and lifetime value."},
|
|
{
|
|
id: "5", title: "Performance Analytics & Optimization", content: "Every campaign is measured and refined. We provide detailed reporting, A/B testing, and continuous optimization to maximize your marketing ROI."},
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="We deliver measurable results for our clients. Here's what we've achieved across our portfolio."
|
|
tag="Our Impact"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", description: "Successful campaigns executed for brands across 25+ industries."},
|
|
{
|
|
id: "2", value: "$2.5B+", description: "In total revenue generated for our clients through strategic marketing."},
|
|
{
|
|
id: "3", value: "98%", description: "Client satisfaction and retention rate reflecting our commitment to excellence."},
|
|
{
|
|
id: "4", value: "48hrs", description: "Average response time for support and campaign optimization requests."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real feedback from businesses we've helped transform and scale."
|
|
tag="Client Success Stories"
|
|
tagIcon={Award}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jessica Martinez, Marketing Director at eCommerce Plus", date: "Date: November 15, 2024", tag: "E-commerce", title: "Transformed our entire marketing approach", quote: "Working with this team was a game-changer. They understood our challenges and delivered a comprehensive strategy that increased our online sales by 280%. Their data-driven approach and creative execution are unmatched.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45555.jpg?_wi=2", imageAlt: "Case study success metrics"},
|
|
{
|
|
id: "2", name: "David Thompson, Founder at SaaS Innovations", date: "Date: October 22, 2024", tag: "SaaS", title: "Best investment we made this year", quote: "From strategy to execution, they delivered excellence. Our lead generation improved by 420% and customer acquisition costs dropped by 35%. Truly a partnership that matters.", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-people-dining-restaurant_53876-46892.jpg?_wi=2", imageAlt: "Strategic marketing planning session"},
|
|
{
|
|
id: "3", name: "Rachel Green, Brand Manager at Retail Leaders", date: "Date: September 18, 2024", tag: "Retail", title: "Professional, creative, and results-driven", quote: "Their team brought fresh perspectives and innovative ideas to our brand. Social media engagement increased by 560% and we saw a significant boost in store traffic from online campaigns.", avatarSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg?_wi=2", imageAlt: "Digital marketing analytics dashboard"},
|
|
{
|
|
id: "4", name: "Robert Chang, CEO at Tech Solutions Corp", date: "Date: August 30, 2024", tag: "B2B Technology", title: "Exceeded all expectations", quote: "Their strategic insights and execution excellence transformed our market presence. We attracted top-tier clients and doubled our revenue within one year. Highly recommend to any serious business.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-using-tablet_1262-5673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45555.jpg?_wi=3", imageAlt: "Marketing growth and revenue metrics"},
|
|
{
|
|
id: "5", name: "Emily Watson, Operations Manager at Digital Agency Pro", date: "Date: July 25, 2024", tag: "Agency", title: "Exceptional partnership and support", quote: "From day one, they treated our growth as their own. Constant optimization, transparent reporting, and proactive recommendations. Our client retention improved and revenue per campaign increased by 45%.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-people-dining-restaurant_53876-46892.jpg?_wi=3", imageAlt: "Strategic planning and collaboration"},
|
|
{
|
|
id: "6", name: "Marcus Johnson, Growth Lead at StartupXYZ", date: "Date: June 12, 2024", tag: "Startup", title: "Accelerated our growth trajectory", quote: "They brought marketing expertise exactly when we needed it. Smart strategies, quick execution, and remarkable results. Within 6 months we went from struggling with visibility to having a strong market presence.", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-talking-colleagues-video-call-communication-using-smartphone-business-meeting-businessman-holding-mobile-phone-online-conference-with-workmates-corporate-office_482257-28475.jpg?_wi=3", imageAlt: "Marketing dashboard analytics and performance"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands Worldwide"
|
|
description="We partner with innovative companies across industries who are committed to transforming their marketing."
|
|
tag="Our Partners"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/logo-template-design_1156-830.jpg", "http://img.b2bpic.net/free-vector/company-logo-abstract-style_23-2147516166.jpg", "http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg", "http://img.b2bpic.net/free-vector/abstract-corporative-logo-template_1071-86.jpg", "http://img.b2bpic.net/free-vector/flat-design-marketing-logo-set_23-2149122363.jpg", "http://img.b2bpic.net/free-vector/w-logo-golden-style_1017-7054.jpg", "http://img.b2bpic.net/free-photo/business-strategy-concept-side-view-hand-holding-pyramid-wooden-block_176474-9369.jpg"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
tag="Common Questions"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to questions about our services, process, and how we can help your business grow."
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=1"
|
|
imageAlt="Professional team supporting your success"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does it take to see marketing results?", content: "Most clients see initial results within 30-60 days. However, sustainable growth typically develops over 3-6 months as we optimize campaigns and build momentum. We focus on long-term success rather than quick fixes."},
|
|
{
|
|
id: "2", title: "What industries do you specialize in?", content: "We work across diverse industries including e-commerce, SaaS, B2B tech, retail, healthcare, finance, and more. Our team brings deep expertise and adapts strategies to your specific industry dynamics and audience."},
|
|
{
|
|
id: "3", title: "Do you offer custom packages or only fixed plans?", content: "We customize every engagement to match your specific goals, budget, and timeline. While we have service tiers, we work closely with you to design a package that maximizes ROI for your unique situation."},
|
|
{
|
|
id: "4", title: "How do you measure marketing success?", content: "We establish clear KPIs aligned with your business objectives—whether that's leads, conversions, revenue, brand awareness, or engagement. You receive detailed monthly reports with transparent metrics and insights."},
|
|
{
|
|
id: "5", title: "What makes your approach different?", content: "We combine data analytics, creative strategy, and continuous optimization. We don't use cookie-cutter solutions; instead, we develop tailored strategies backed by research and refined through performance testing."},
|
|
{
|
|
id: "6", title: "Can we start with a smaller scope and scale up?", content: "Absolutely. Many clients start with specific services like content marketing or social media, then expand as they see results. We can scale your programs as your business grows and your confidence builds."},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={Mail}
|
|
tagAnimation="blur-reveal"
|
|
title="Ready to Grow Your Business?"
|
|
description="Join hundreds of businesses that have transformed their marketing strategy with us. Subscribe to our newsletter for exclusive insights, or reach out to discuss your specific goals."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=2"
|
|
imageAlt="Our team ready to support your success"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="MarketGrow"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Strategic Planning", href: "services" },
|
|
{ label: "Content Marketing", href: "services" },
|
|
{ label: "Social Media", href: "services" },
|
|
{ label: "Email Campaigns", href: "services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Results", href: "metrics" },
|
|
{ label: "Client Stories", href: "testimonials" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Case Studies", href: "#" },
|
|
{ label: "FAQs", href: "faq" },
|
|
{ label: "Contact", href: "contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "LinkedIn", href: "#" },
|
|
{ label: "Twitter", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Newsletter", href: "contact" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 MarketGrow. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|