163 lines
7.5 KiB
TypeScript
163 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Strategy", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="MHDX Media"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Marketing That Drives Real Revenue Growth"
|
|
description="MHDX Media combines strategy, creative, and data-driven execution to deliver measurable results. We've helped 50 brands scale revenue by an average of 35% in 12 months."
|
|
tag="Trusted Agency Partner"
|
|
buttons={[{ text: "Schedule Your Strategy Call", href: "#contact" }]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGXiGHyYIUUK3VoYl61EfAyQ6/uploaded-1778084862367-q5rpsn3m.jpg", imageAlt: "MHDX Media Logo" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", imageAlt: "Strategy Meeting" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by 50+ growth-focused brands"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Proven Impact at Scale"
|
|
tag="Our Results"
|
|
metrics={[
|
|
{ id: "m1", value: "35%", description: "Average Revenue Growth" },
|
|
{ id: "m2", value: "50+", description: "Brands Successfully Scaled" },
|
|
{ id: "m3", value: "4.8x", description: "Average Marketing ROI" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ id: "f1", label: "Performance", title: "Paid Acquisition", items: ["Facebook Ads Strategy", "Google Search Optimization", "Retargeting Campaigns"] },
|
|
{ id: "f2", label: "Strategy", title: "Growth Planning", items: ["Audience Personas", "Competitive Analysis", "Funnel Optimization"] },
|
|
{ id: "f3", label: "Creative", title: "Content & Design", items: ["Ad Creative Design", "Landing Page Copy", "Video Production"] },
|
|
]}
|
|
title="Comprehensive Growth Engines"
|
|
description="Integrated marketing strategies designed to convert at every stage of the customer journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "MHDX transformed our revenue model. Incredible team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
|
|
{ id: "2", name: "Michael Chen", role: "CTO", testimonial: "Data-driven approach that consistently beats benchmarks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097919.jpg" },
|
|
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Highly recommend for B2B brands looking to scale.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg" },
|
|
]}
|
|
title="What Our Partners Say"
|
|
description="Proven results from brands we've helped scale globally."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["InnovateTech", "GrowthStream", "RetailSphere", "DataFlow", "CloudBase", "MarketJump", "AdVentures"]}
|
|
title="Trusted by Growing Brands"
|
|
description="Partnering with industry leaders to drive massive scale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Your Dedicated Growth Partner"
|
|
description="MHDX Media operates as an extension of your team. We strip away the complexity of agency-client relationships, focusing entirely on measurable, transparent revenue performance."
|
|
tag="About Us"
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-business-people-are-discussing-new-creative-ideas-together-meeting-office_146671-15684.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "q1", title: "How do you measure success?", content: "We focus on bottom-line KPIs—revenue, ROAS, and customer acquisition costs." },
|
|
{ id: "q2", title: "What industries do you serve?", content: "Our expertise spans B2B SaaS, e-commerce, and high-growth consumer brands." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-businesspeople-analysing-financial-project-corporate-meeting-multiethnic-employees-group-listening-colleague-sharing-ideas-discussing-new-marketing-plan-comparing-data-from-tablet_482257-13516.jpg"
|
|
title="Common Agency Questions"
|
|
description="Everything you need to know about partnering with MHDX Media."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact Us"
|
|
title="Ready to Scale Your Revenue?"
|
|
description="Schedule a strategy call with our team to discuss your growth goals."
|
|
buttonText="Schedule Call"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGXiGHyYIUUK3VoYl61EfAyQ6/uploaded-1778084862367-q5rpsn3m.jpg"
|
|
logoText="MHDX Media"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |