333 lines
14 KiB
TypeScript
333 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
|
import { Sparkles, TrendingUp, Target, Users, Award, Phone, Mail, MapPin } from 'lucide-react';
|
|
|
|
export default function MarketingAgencyPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="animatedGrid"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="MarketHub"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Strategy & Design"
|
|
bottomRightText="hello@markethub.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Transform Your Brand Into Market Leader"
|
|
description="Strategic marketing solutions that drive growth, engagement, and measurable results for ambitious brands"
|
|
tag="Marketing Excellence"
|
|
tagIcon={Sparkles}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
|
|
imageAlt: "Marketing campaign strategy"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357534251-2iwekqmx.jpg",
|
|
imageAlt: "Digital advertising campaign"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787042710-od9z7ohf.jpg",
|
|
imageAlt: "Creative marketing design"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357535972-96mk0h99.jpg",
|
|
imageAlt: "Marketing analytics dashboard"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
|
|
imageAlt: "Social media marketing strategy"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Your Campaign", href: "contact" },
|
|
{ text: "View Our Work", href: "portfolio" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Proven Results Through Strategic Marketing Innovation and Creative Excellence"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{ icon: TrendingUp, label: "Client Growth Rate", value: "320%" },
|
|
{ icon: Target, label: "Campaigns Delivered", value: "150+" },
|
|
{ icon: Users, label: "Brands Transformed", value: "85+" },
|
|
{ icon: Award, label: "Industry Awards", value: "28" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
title="Our Services"
|
|
description="Comprehensive marketing solutions tailored to elevate your brand and achieve business objectives"
|
|
tag="What We Offer"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Brand Strategy",
|
|
description: "Develop compelling brand narratives and positioning strategies that resonate with your target audience",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
|
|
imageAlt: "Brand strategy service"
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Digital Marketing",
|
|
description: "Leverage SEO, paid advertising, and social media to amplify your brand presence online",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
|
|
imageAlt: "Digital marketing service"
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Content Creation",
|
|
description: "Produce engaging content that tells your story and drives meaningful customer engagement",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101317921-hazful2n.jpg",
|
|
imageAlt: "Content creation service"
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Analytics & Reporting",
|
|
description: "Track performance metrics and optimize campaigns based on data-driven insights",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101318881-7761eg4s.jpg",
|
|
imageAlt: "Analytics and reporting service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardSix
|
|
title="Featured Campaigns"
|
|
description="Showcase of award-winning campaigns that delivered exceptional results for our clients"
|
|
tag="Case Studies"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Tech Startup Growth Campaign",
|
|
price: "$50K",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
|
|
imageAlt: "Tech startup growth campaign"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "E-Commerce Brand Launch",
|
|
price: "$45K",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357537782-lh9kc524.jpg",
|
|
imageAlt: "E-commerce brand launch campaign"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "SaaS Lead Generation",
|
|
price: "$65K",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
|
|
imageAlt: "SaaS lead generation campaign"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet the Creative Minds Behind Your Success"
|
|
tag="Our Team"
|
|
memberVariant="card"
|
|
useInvertedBackground="noInvert"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320178642-9c2nk7ji.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Chen",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
|
|
imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Marcus Thompson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
|
|
imageAlt: "Marcus Thompson"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lisa Anderson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
|
|
imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "David Kim",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "7",
|
|
name: "Jessica Patel",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
imageAlt: "Jessica Patel"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Hear from brands we've helped transform into market leaders"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alex Rodriguez",
|
|
handle: "CEO, InnovateCorp",
|
|
testimonial: "MarketHub transformed our brand visibility. Their strategic approach delivered 320% growth in just 6 months.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
|
|
imageAlt: "Alex Rodriguez"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Emma Thompson",
|
|
handle: "Marketing Director, GrowthLabs",
|
|
testimonial: "Outstanding creative execution and data-driven strategy. They truly understand our market.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "Emma Thompson"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "David Park",
|
|
handle: "Founder, TechVentures",
|
|
testimonial: "Best agency partnership we've had. Their campaigns consistently exceed our expectations.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
imageAlt: "David Park"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Jessica Lane",
|
|
handle: "COO, BrandStudio",
|
|
testimonial: "Professional, innovative, and results-focused. MarketHub is essential to our success.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
|
|
imageAlt: "Jessica Lane"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Michael Chen",
|
|
handle: "VP Marketing, Digital First",
|
|
testimonial: "Their strategic insights completely changed how we approach our market positioning.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
|
|
imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Laura White",
|
|
handle: "Founder, Creative Ventures",
|
|
testimonial: "Working with MarketHub elevated our brand to new heights. Highly recommended.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
|
|
imageAlt: "Laura White"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to elevate your brand? Let's discuss your marketing goals and create a winning strategy together."
|
|
animationType="entrance-slide"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "mailto:hello@markethub.com" },
|
|
{ text: "Get Started", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSplit
|
|
logoText="MarketHub"
|
|
title="Partner with us to transform your brand and achieve extraordinary growth"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Services", href: "services" },
|
|
{ label: "Portfolio", href: "portfolio" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Blog", href: "blog" },
|
|
{ label: "Case Studies", href: "portfolio" },
|
|
{ label: "FAQ", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "privacy" },
|
|
{ label: "Terms of Service", href: "terms" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
contactItems={[
|
|
{ icon: Phone, text: "(555) 123-4567" },
|
|
{ icon: Mail, text: "hello@markethub.com" },
|
|
{ icon: MapPin, text: "San Francisco, CA" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |