Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 809a4722c5 | |||
| 054b71f777 |
431
src/app/page.tsx
431
src/app/page.tsx
@@ -2,17 +2,16 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import { TrendingUp, Users, DollarSign } from "lucide-react";
|
||||||
import { DollarSign, TrendingUp, Users } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,319 +28,119 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Our Approach", id: "#features" },
|
||||||
name: "Services",
|
{ name: "Performance", id: "#metrics" },
|
||||||
id: "#features",
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
},
|
{ name: "Contact", id: "#contact" }
|
||||||
{
|
]}
|
||||||
name: "Results",
|
brandName="AdCraft"
|
||||||
id: "#metrics",
|
button={{ text: "Get Started" }}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Testimonials",
|
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="AdGenius"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroSignup
|
||||||
background={{
|
title="Automated Ad Creation That Scales"
|
||||||
variant: "sparkles-gradient",
|
description="We build high-converting ad campaigns for men-led brands. Leverage data, scale fast, and dominate your market."
|
||||||
}}
|
tag="Advertising Solutions"
|
||||||
title="Turn Your Traffic into Revenue"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
description="We build high-performance ad campaigns for ambitious brands. Stop guessing, start scaling with precision-targeted advertising."
|
/>
|
||||||
buttons={[
|
</div>
|
||||||
{
|
|
||||||
text: "Start Scaling",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/business-data-analysis-presentation-information-concept_53876-144422.jpg"
|
|
||||||
imageAlt="AdGenius dashboard interface"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<MediaAbout
|
||||||
useInvertedBackground={true}
|
title="Precision Targeting for Modern Brands"
|
||||||
title="Data-Driven Advertising Agency"
|
description="Our specialized agency helps you identify, target, and convert your ideal customers using advanced analytics and creative design."
|
||||||
metrics={[
|
useInvertedBackground={true}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/business-team-working-together_53876-130086.jpg"
|
||||||
icon: TrendingUp,
|
/>
|
||||||
label: "Campaign ROI",
|
</div>
|
||||||
value: "450%",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Users,
|
|
||||||
label: "Leads Generated",
|
|
||||||
value: "1.2M+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: DollarSign,
|
|
||||||
label: "Ad Spend Managed",
|
|
||||||
value: "$50M+",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
metricsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardThree
|
<FeatureCardNine
|
||||||
animationType="slide-up"
|
showStepNumbers={true}
|
||||||
textboxLayout="default"
|
title="The AdCraft Process"
|
||||||
gridVariant="three-columns-all-equal-width"
|
description="From strategy to execution, our automated workflow ensures optimal results."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
features={[
|
textboxLayout="default"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
title: "Hyper-Targeted Placements",
|
features={[
|
||||||
description: "Reach exactly who you need with precision demographic and behavioral targeting.",
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",
|
title: "Campaign Strategy", description: "Deep-dive research into your market and competition.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-concept_53876-14639.jpg" },
|
||||||
},
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-analyzing-data_53876-130062.jpg" }
|
||||||
{
|
},
|
||||||
title: "Performance Optimization",
|
{
|
||||||
description: "Continuous A/B testing and algorithmic adjustments to keep your costs low and ROI high.",
|
title: "Creative Production", description: "High-performing visuals and copy that convert.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-design-studio_53876-130095.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-assistance-business-collaboration-helping-concept_53876-21399.jpg",
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/graphic-design-workspace_53876-130100.jpg" }
|
||||||
},
|
}
|
||||||
{
|
]}
|
||||||
title: "ROI-First Creative",
|
/>
|
||||||
description: "Ad designs that don't just look good, but convert visitors into paying customers.",
|
</div>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-fresh-brainstorming-creative-strategy-concept_53876-120157.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Advertising Strategy"
|
|
||||||
description="Comprehensive advertising solutions to dominate your market niche."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardSeven
|
<MetricCardFourteen
|
||||||
animationType="depth-3d"
|
title="Measurable Success"
|
||||||
textboxLayout="split"
|
tag="Our Impact"
|
||||||
useInvertedBackground={true}
|
metricsAnimation="blur-reveal"
|
||||||
metrics={[
|
useInvertedBackground={false}
|
||||||
{
|
metrics={[
|
||||||
id: "m1",
|
{ id: "1", value: "500%", description: "Average ROI improvement" },
|
||||||
value: "98%",
|
{ id: "2", value: "1M+", description: "Targeted ad impressions" },
|
||||||
title: "Client Retention",
|
{ id: "3", value: "45%", description: "Lower Cost Per Acquisition" }
|
||||||
items: [
|
]}
|
||||||
"Annual contract renewal",
|
/>
|
||||||
"High satisfaction rating",
|
</div>
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "24/7",
|
|
||||||
title: "Support Availability",
|
|
||||||
items: [
|
|
||||||
"Dedicated account manager",
|
|
||||||
"Global timezone coverage",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "3x",
|
|
||||||
title: "Avg Conversion Lift",
|
|
||||||
items: [
|
|
||||||
"Improved landing page flows",
|
|
||||||
"Aggressive CTA optimization",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Agency Milestones"
|
|
||||||
description="Proven results for partners in various industries."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<SocialProofOne
|
<TestimonialCardTwelve
|
||||||
textboxLayout="default"
|
cardTitle="Trusted by Growth-Oriented Founders"
|
||||||
useInvertedBackground={false}
|
cardTag="Our Results"
|
||||||
names={[
|
cardAnimation="blur-reveal"
|
||||||
"TechCorp",
|
useInvertedBackground={true}
|
||||||
"GrowthFlow",
|
testimonials={[
|
||||||
"InnovateX",
|
{ id: "1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-casual-outfit-posing-against-grey-wall_23-2148705055.jpg" },
|
||||||
"Scalable",
|
{ id: "2", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-away_23-2148705058.jpg" }
|
||||||
"AdTech",
|
]}
|
||||||
"FutureMedia",
|
/>
|
||||||
"PixelPerfect",
|
</div>
|
||||||
]}
|
|
||||||
title="Trusted by Market Leaders"
|
|
||||||
description="We partner with brands that demand top-tier advertising performance."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="faq" data-section="faq">
|
||||||
<TestimonialCardSixteen
|
<FaqBase
|
||||||
animationType="slide-up"
|
title="Common Questions"
|
||||||
textboxLayout="split"
|
description="Everything you need to know about our services."
|
||||||
useInvertedBackground={true}
|
faqsAnimation="slide-up"
|
||||||
testimonials={[
|
textboxLayout="default"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "1",
|
faqs={[
|
||||||
name: "Sarah Johnson",
|
{ id: "1", title: "How do you create ads?", content: "We combine industry data with human creativity to build custom campaigns." },
|
||||||
role: "CEO",
|
{ id: "2", title: "Is it suitable for small brands?", content: "Yes, we specialize in helping brands of all sizes scale effectively." }
|
||||||
company: "TechCorp",
|
]}
|
||||||
rating: 5,
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael Chen",
|
|
||||||
role: "CTO",
|
|
||||||
company: "InnovateLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Rodriguez",
|
|
||||||
role: "Marketing Director",
|
|
||||||
company: "GrowthCo",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Kim",
|
|
||||||
role: "Product Manager",
|
|
||||||
company: "StartupXYZ",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jane Doe",
|
|
||||||
role: "VP Sales",
|
|
||||||
company: "ScaleUp",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13647.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
kpiItems={[
|
|
||||||
{
|
|
||||||
value: "150%",
|
|
||||||
label: "Avg Growth",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "50+",
|
|
||||||
label: "Happy Clients",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "98%",
|
|
||||||
label: "Retention",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Client Success Stories"
|
|
||||||
description="Hear what our partners have to say about their growth with AdGenius."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="contact" data-section="contact">
|
||||||
<FaqSplitText
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
tag="Get Started"
|
||||||
faqs={[
|
title="Ready to scale your business?"
|
||||||
{
|
description="Join the brands growing with AdCraft today."
|
||||||
id: "q1",
|
useInvertedBackground={false}
|
||||||
title: "What platforms do you manage?",
|
background={{ variant: "gradient-bars" }}
|
||||||
content: "We specialize in Google Ads, Meta Ads (Facebook/Instagram), and LinkedIn Advertising.",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Do you offer creative services?",
|
|
||||||
content: "Yes, we handle end-to-end creative production, including video assets, banner design, and copy.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "How is performance tracked?",
|
|
||||||
content: "We use custom-built dashboards that sync with your CRM for transparent, real-time reporting.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Frequently Asked Questions"
|
|
||||||
sideDescription="Everything you need to know about working with us."
|
|
||||||
faqsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="footer" data-section="footer">
|
||||||
<ContactText
|
<FooterMedia
|
||||||
useInvertedBackground={true}
|
logoText="AdCraft"
|
||||||
background={{
|
imageSrc="http://img.b2bpic.net/free-photo/business-city-architecture-urban-building-structure_53876-126260.jpg"
|
||||||
variant: "gradient-bars",
|
columns={[
|
||||||
}}
|
{ title: "Agency", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||||
text="Ready to take your advertising strategy to the next level? Book a strategy call today."
|
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||||
buttons={[
|
]}
|
||||||
{
|
/>
|
||||||
text: "Schedule Consultation",
|
</div>
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBase
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Services",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Management",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Creative",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Consulting",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Success Stories",
|
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Careers",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="AdGenius"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user