187 lines
8.7 KiB
TypeScript
187 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { MessageCircle, ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Results", id: "results" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Adquor Media"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Scale Your Business with Meta Ads That Actually Work"
|
|
description="We build high-performing Facebook and Instagram ad campaigns that drive real revenue and sustainable growth."
|
|
tag="Proven Meta Ads Strategies"
|
|
buttons={[
|
|
{ text: "Book a Free Strategy Call", href: "#contact" },
|
|
{ text: "Get Your Free Ad Audit", href: "#contact" },
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/modern-high-end-meta-ads-dashboard-inter-1774567439364-62f9102b.png", imageAlt: "Meta Ads Dashboard" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Strategy", title: "Meta Ads Strategy", subtitle: "Full-funnel management", description: "We architect full-funnel Facebook and Instagram ad campaigns mapped specifically to your business goals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-geometric-icon-representing-c-1774567438657-a602e20f.png"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Creative", title: "Creative Development", subtitle: "High-converting assets", description: "High-converting ad creative development and testing to ensure your brand stands out in the feed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-geometric-icon-representing-c-1774567438428-24eb0cfd.png"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Optimization", title: "Campaign Optimization", subtitle: "Scaling & Growth", description: "Continuous testing, data-driven optimization, and budget scaling to drive maximum ROAS.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-geometric-icon-representing-c-1774567438140-862b58c8.png"
|
|
},
|
|
]}
|
|
title="Core Services"
|
|
description="Premium advertising solutions designed to maximize your ROI."
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardTen
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
textboxLayout="centered"
|
|
metrics={[
|
|
{ id: "1", title: "Discovery", subtitle: "Audit & Research", category: "Phase 1", value: "01" },
|
|
{ id: "2", title: "Strategy", subtitle: "Campaign Blueprint", category: "Phase 2", value: "02" },
|
|
{ id: "3", title: "Launch", subtitle: "Creative Deployment", category: "Phase 3", value: "03" },
|
|
{ id: "4", title: "Scale", subtitle: "Growth & ROAS", category: "Phase 4", value: "04" },
|
|
]}
|
|
title="Our Proven 4-Step Process"
|
|
description="A streamlined approach to scaling your brand effectively."
|
|
/>
|
|
</div>
|
|
|
|
<div id="results" data-section="results">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Why Choose Adquor Media"
|
|
metrics={[
|
|
{ icon: TrendingUp, label: "Growth Focused", value: "2.5x Avg ROAS" },
|
|
{ icon: ShieldCheck, label: "Transparency", value: "No-Fluff" },
|
|
{ icon: Zap, label: "Scaling Speed", value: "Rapid" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", handle: "@Founder", testimonial: "Adquor Media transformed our Meta ad performance. We saw a 3x increase in revenue within the first 60 days.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-abstract-growth-visual-deep-n-1774567438842-006cf077.png"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus L.", handle: "@CEO", testimonial: "The level of creative development and strategy is unmatched. Truly a premium agency experience.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-abstract-growth-visual-deep-n-1774567438842-006cf077.png"
|
|
},
|
|
{
|
|
id: "3", name: "Elena R.", handle: "@CMO", testimonial: "Data-driven, transparent, and focused on growth. Exactly what we needed to scale.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-abstract-growth-visual-deep-n-1774567438842-006cf077.png"
|
|
},
|
|
{
|
|
id: "4", name: "David W.", handle: "@Founder", testimonial: "Finally, a Meta ads agency that treats our budget like their own. Exceptional performance.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVHdZm3ltEy8h1oJbhWMHm7jvk/minimalist-abstract-growth-visual-deep-n-1774567438842-006cf077.png"
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Proven Results"
|
|
description="What our clients say about scaling with us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How quickly will we see results?", content: "Our campaigns are structured for rapid testing, with optimization cycles beginning immediately upon launch."
|
|
},
|
|
{
|
|
id: "2", title: "What budgets do you work with?", content: "We support startups and established businesses with varied budget scales tailored to growth targets."
|
|
},
|
|
{
|
|
id: "3", title: "Do you handle ad creatives?", content: "Yes, high-converting creative development and testing are core components of our ad management services."
|
|
},
|
|
]}
|
|
ctaTitle="Ready to Scale? Let's Talk"
|
|
ctaDescription="Book your free strategy call and audit today."
|
|
ctaButton={ { text: "Book Strategy Call", href: "https://calendly.com" } }
|
|
ctaIcon={MessageCircle}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Adquor Media", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="Adquor Media © 2026"
|
|
bottomRightText="All rights reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|