Compare commits
124 Commits
version_12
...
version_31
| Author | SHA1 | Date | |
|---|---|---|---|
| 6c9cb6767a | |||
| 3117bfa553 | |||
| fcbc5d79e3 | |||
| 83784db2d4 | |||
| bb036a71c1 | |||
| f805b5f5da | |||
| e3cfb26532 | |||
| ae02074a75 | |||
| cce55dc6d8 | |||
| 60de093eed | |||
| 51fea41093 | |||
| 0caadc2db6 | |||
| 60041290b4 | |||
| 662dde5c2e | |||
| 75fc83bab8 | |||
| 1576cdc334 | |||
| 0b3045eda6 | |||
| 8ddb5d7b64 | |||
| dedf4b0752 | |||
| f33b1d8ff5 | |||
| 8060f0dc6f | |||
| 033937a08c | |||
| 1b63d1b19b | |||
| fc373efcec | |||
| 1df41c0c1e | |||
| 342d16373c | |||
| fa55e77820 | |||
| 1930d06fe2 | |||
| 9e8c6e67d1 | |||
| 6093c0b799 | |||
| a2f8453fe9 | |||
| 73efafef66 | |||
| 3e77d4ef4e | |||
| 67c3e23ddd | |||
| 1582bd7bfc | |||
| ac78910b26 | |||
| 768bfa6ce3 | |||
| f884879659 | |||
| 4764ffea99 | |||
| cc382f7a71 | |||
| cfe6423a01 | |||
| 9708909a0c | |||
| 234de6419c | |||
| 83414f666a | |||
| b0210d44ff | |||
| 4ddd0fae64 | |||
| 96cf8fe822 | |||
| 3c46b37f19 | |||
| 343dc3aa4b | |||
| fa739da65f | |||
| dd9f8dd11b | |||
| de7921dcf2 | |||
| aaa107a8f2 | |||
| d58e0f6db4 | |||
| 09f71fe071 | |||
| f741842e42 | |||
| e71f68d950 | |||
| b29a136927 | |||
| a334e75d98 | |||
| 4cd4563a81 | |||
| a2b7ffccfd | |||
| e7dd8cffb4 | |||
| 158598b397 | |||
| 4f288a7aa8 | |||
| f7957f64d5 | |||
| 7725cff7ee | |||
| 92a2671031 | |||
| 762a6b788d | |||
| 8c13acb37e | |||
| e654873cc1 | |||
| 582e372208 | |||
| b920d66603 | |||
| 28ea541a07 | |||
| ecb51cf35c | |||
| 1d1cb3e25e | |||
| cd43b2423c | |||
| bf14dde886 | |||
| 775c58dd5f | |||
| ca54c45148 | |||
| b8a60846fa | |||
| 7df6cb9adc | |||
| 92ed70cb51 | |||
| 2022cff594 | |||
| a3fb84396d | |||
| 3c2670e684 | |||
| ff5e4fc53b | |||
| 9b56793461 | |||
| 761cea35b5 | |||
| a9dd4797f0 | |||
| 1f8dcc0d2f | |||
| 4b299fa5eb | |||
| 1364284317 | |||
| 6ed9bf2554 | |||
| 27c0ba48c9 | |||
| b5f1ed8f9e | |||
| 327c83d2c6 | |||
| 47798547bb | |||
| bb0610599e | |||
| b74202f2b1 | |||
| 2e2b93e65c | |||
| e9f886752a | |||
| cbdd5bd21a | |||
| 5b0ad54dc3 | |||
| f0d015ede5 | |||
| 3c53b25ead | |||
| 1727e38d3c | |||
| 3e7815f595 | |||
| 0894ecbe8c | |||
| 07badd52e6 | |||
| ab1b99a53f | |||
| 98102d181f | |||
| 9b9f3354a8 | |||
| 0b12075419 | |||
| dad477b06e | |||
| ed40fec024 | |||
| 34db2ddbf0 | |||
| c08bfd11f8 | |||
| 681266e374 | |||
| df52fd53a5 | |||
| 7967ae572b | |||
| b4deea5982 | |||
| e489f74440 | |||
| 9a89f7be97 | |||
| 5548158ae2 |
@@ -1,9 +1,19 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Lora, Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const lora = Lora({
|
||||
variable: "--font-lora", subsets: ["latin"],
|
||||
weight: ["400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
weight: ["400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Efficient Ads - 40% Average ROAS Increase—Get Professional Ad Creatives in 48 Hours, 50% Cheaper Than Agencies", description: "Launch winning campaigns in 48 hours instead of 3 weeks. Agency-quality video ads, static creatives, and full-funnel packs. 40% average ROAS increase. 50% cheaper than agencies."
|
||||
};
|
||||
title: "studio ads - Agency-Quality Ad Creatives in 48 Hours", description: "Get professional video ads and static creatives delivered in 48 hours. 40% average ROAS increase. Half the cost of traditional agencies."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -11,9 +21,37 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body>
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<body
|
||||
className={`${lora.variable} ${inter.variable} antialiased`}
|
||||
suppressHydrationWarning
|
||||
>
|
||||
{children}
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
|
||||
></script>
|
||||
<script>
|
||||
{`
|
||||
const lenis = new Lenis({
|
||||
duration: 1.2,
|
||||
easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
|
||||
direction: 'vertical',
|
||||
gestureDirection: 'vertical',
|
||||
smooth: true,
|
||||
mouseMultiplier: 1,
|
||||
smoothTouch: false,
|
||||
touchMultiplier: 2,
|
||||
infinite: false,
|
||||
});
|
||||
|
||||
function raf(time) {
|
||||
lenis.raf(time);
|
||||
requestAnimationFrame(raf);
|
||||
}
|
||||
requestAnimationFrame(raf);
|
||||
`}
|
||||
</script>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
660
src/app/page.tsx
660
src/app/page.tsx
@@ -2,478 +2,224 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import { BarChart3, Briefcase, CreditCard, Mail, Package, Palette, Shield, ShoppingCart, TrendingUp, Users, Zap, Sparkles, Database, Crown, Play, Image, Layers, Clock, CheckCircle, HelpCircle, Calendar, ArrowRight } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Sparkles, CheckCircle, Zap, Target } from "lucide-react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showComparison, setShowComparison] = useState(false);
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const heroButtons = [
|
||||
{ text: "Claim Free Ads", href: "#claim-free" },
|
||||
{ text: "See Samples", href: "#samples" },
|
||||
];
|
||||
|
||||
const aboutBulletPoints = [
|
||||
{
|
||||
title: "Professional Quality", description: "Agency-caliber video ads and static creatives that stand out", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "48-Hour Delivery", description: "Fast turnaround without compromising on quality or results", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "40% Average ROAS Increase", description: "Proven results that drive measurable business growth", icon: Target,
|
||||
},
|
||||
{
|
||||
title: "50% Cost Savings", description: "Half the cost of traditional agencies while maintaining excellence", icon: CheckCircle,
|
||||
},
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
id: "1", title: "Video Ad Creation", description: "Compelling video ads optimized for all platforms with proven engagement metrics", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=1", imageAlt: "Video ad creation"},
|
||||
{
|
||||
id: "2", title: "Static Creative Design", description: "Eye-catching static images and banners that convert viewers into customers", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=2", imageAlt: "Static creative design"},
|
||||
{
|
||||
id: "3", title: "Platform Optimization", description: "Creatives tailored for Facebook, Instagram, Google, and TikTok with format expertise", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=3", imageAlt: "Platform optimization"},
|
||||
{
|
||||
id: "4", title: "A/B Testing Ready", description: "Multiple variations for each creative to maximize your testing and learning", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=4", imageAlt: "A/B testing ready"},
|
||||
];
|
||||
|
||||
const pricingPlans = [
|
||||
{
|
||||
id: "1", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "$299", subtitle: "Perfect for small businesses testing paid ads", buttons: [
|
||||
{ text: "Get Started", onClick: () => console.log("Starter selected") },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"3 video ad variations", "5 static creatives", "One platform optimization", "48-hour delivery", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional", badgeIcon: Zap,
|
||||
price: "$599", subtitle: "Best for growing businesses scaling campaigns", buttons: [
|
||||
{ text: "Get Started", onClick: () => console.log("Professional selected") },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"6 video ad variations", "10 static creatives", "Multi-platform optimization", "48-hour delivery", "Priority support", "Monthly strategy call"],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Enterprise", badgeIcon: Target,
|
||||
price: "Custom", subtitle: "For large teams with complex needs", buttons: [
|
||||
{ text: "Contact Sales", onClick: () => console.log("Enterprise contact") },
|
||||
{ text: "View Details", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited creatives", "All platforms covered", "Custom delivery timeline", "Dedicated account manager", "24/7 support", "Quarterly business reviews"],
|
||||
},
|
||||
];
|
||||
|
||||
const contactButtons = [
|
||||
{ text: "Start Your Free Ads", href: "#claim-free" },
|
||||
{ text: "Schedule a Call", onClick: () => console.log("Schedule call") },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Support", href: "#support" },
|
||||
{ label: "Terms", href: "#terms" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Efficient Ads"
|
||||
navItems={[
|
||||
{ name: "How it Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Claim Your 3 Free Ads Now", href: "#free-offer"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div className="w-full">
|
||||
<nav className="sticky top-0 z-50">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="studio ads"
|
||||
button={{
|
||||
text: "Get Started", onClick: () => console.log("navbar cta clicked"),
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</nav>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="40% Average ROAS Increase—Get Professional Ad Creatives in 48 Hours, 50% Cheaper Than Agencies"
|
||||
description="Launch winning campaigns in 48 hours instead of 3 weeks. Agency-quality video ads, static creatives, and full-funnel packs. Perfect for agencies, brands, and creators who refuse to compromise on quality."
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png", alt: "Marketing professional 1"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-female-creati-1772624560954-fe3f44ea.png", alt: "Creative director"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png", alt: "Business owner"
|
||||
}
|
||||
]}
|
||||
avatarText="Trusted by 100+ agencies and brands"
|
||||
buttons={[
|
||||
{ text: "Claim Your 3 Free Ads Now", href: "#free-offer" },
|
||||
{ text: "See Our Work", href: "#features" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section - Efficient Ads professional ad creatives in 48 hours"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Proven Results for Growing Brands"
|
||||
description="40% Average ROAS Increase. 3 Weeks Production Time Cut to 48 Hours. Real numbers from real clients achieving real results."
|
||||
tag="Social Proof"
|
||||
tagIcon={TrendingUp}
|
||||
names={["40% Average ROAS Increase", "3 Weeks Production Time Cut to 48 Hours", "95% Client Satisfaction", "10M+ Impressions Generated", "50% Cost Savings vs Agencies"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[
|
||||
{ text: "View Success Stories", href: "#testimonials" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pain-points" data-section="pain-points">
|
||||
<FeatureBorderGlow
|
||||
title="The Old Way vs. The Efficient Ads Way"
|
||||
description="Stop wasting weeks on ad production. Here's how we're different."
|
||||
tag="Why Switch"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "3 Weeks Production Time vs 48 Hours", description: "Traditional agencies take weeks for approvals and revisions. We deliver in 48 hours."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Managing Multiple Vendors", description: "Juggling designers, videographers, and copywriters. We handle everything under one roof."
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Limited Creative Variations", description: "You get one option and hope it works. We create 10+ variations to maximize ROI."
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "40% Average ROAS Increase", description: "Guessing which creatives will perform best. We optimize based on real data insights."
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "50% Cheaper Than Agencies", description: "Hidden fees and scope creep add up fast. Our pricing is transparent and fixed."
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Poor Quality at Scale", description: "Agencies cut corners when scaling. We maintain premium quality every single time."
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Experience the Difference", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Our Complete Creative Solutions"
|
||||
description="Everything you need to build winning ad campaigns, all in one platform."
|
||||
tag="Capabilities"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Video Ads", description: "Professional 15-60 second video ads optimized for every platform. Cinematic, conversion-focused, and brand-consistent.", bentoComponent: "media-stack", items: [
|
||||
{ videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png?_wi=1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-female-creati-1772624560954-fe3f44ea.png", imageAlt: "Creative sample" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png", imageAlt: "Creative sample" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Static Ad Creatives", description: "High-converting Instagram, Facebook, and Google Ads. Multiple sizes and formats ready to deploy.", bentoComponent: "reveal-icon", icon: Image
|
||||
},
|
||||
{
|
||||
title: "Full-Funnel Packs", description: "Complete creative suites covering awareness, consideration, and conversion. Cohesive storytelling across all stages.", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Layers, title: "Awareness", subtitle: "Top of Funnel", detail: "Build brand recognition with impact" },
|
||||
{ icon: Play, title: "Consideration", subtitle: "Mid Funnel", detail: "Showcase value and benefits" },
|
||||
{ icon: CheckCircle, title: "Conversion", subtitle: "Bottom Funnel", detail: "Drive action and sales" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Brand Consistency", description: "All creatives maintain your brand guidelines. Colors, fonts, messaging—perfectly aligned every time.", bentoComponent: "marquee", centerIcon: Shield,
|
||||
variant: "text", texts: ["Your Brand", "Every Time", "Consistent Style", "Perfect Fit"]
|
||||
},
|
||||
{
|
||||
title: "Multi-Category Support", description: "We create ads for SaaS, E-commerce, Real Estate, Services, and any industry you're in.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{ icon: ShoppingCart, ring: 1 },
|
||||
{ icon: Package, ring: 1 },
|
||||
{ icon: BarChart3, ring: 2 },
|
||||
{ icon: Briefcase, ring: 2 }
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View All Features", href: "#how-it-works" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureBento
|
||||
title="How It Works: 4 Simple Steps"
|
||||
description="From brief to finished creatives in just 48 hours. No complexity, no delays."
|
||||
tag="Process"
|
||||
tagIcon={Clock}
|
||||
features={[
|
||||
{
|
||||
title: "Step 1: Share Your Brief", description: "Tell us about your product, audience, and goals. Upload references and any brand assets.", bentoComponent: "reveal-icon", icon: Mail
|
||||
},
|
||||
{
|
||||
title: "Step 2: Creative Strategy", description: "Our team develops concepts and creative directions tailored to your objectives.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "Step 3: Production & Revisions", description: "We produce high-quality creatives and incorporate your feedback within 24 hours.", bentoComponent: "reveal-icon", icon: Play
|
||||
},
|
||||
{
|
||||
title: "Step 4: Launch & Optimize", description: "Receive final files in all formats. Deploy across channels and watch them perform.", bentoComponent: "reveal-icon", icon: CheckCircle
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Start Your First Project", href: "#pricing" }
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="free-offer" data-section="free-offer">
|
||||
<ContactCenter
|
||||
tag="Free Trial - Risk Free"
|
||||
title="Claim Your 3 Free Ads Now"
|
||||
description="Try our service risk-free. No credit card required upfront. Get agency-quality ad creatives delivered in 48 hours."
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Claim Your 3 Free Ads Now"
|
||||
termsText="No credit card required. 30-day money-back guarantee on paid plans."
|
||||
ariaLabel="Free ad offer signup"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<div className="relative">
|
||||
<div className="flex justify-center mb-8">
|
||||
<button
|
||||
onClick={() => setShowComparison(!showComparison)}
|
||||
className="inline-flex items-center gap-2 px-6 py-3 rounded-full bg-primary-cta text-primary-cta-text hover:opacity-80 transition-opacity font-semibold"
|
||||
aria-label="Claim your 3 free ads"
|
||||
>
|
||||
<CheckCircle size={20} />
|
||||
<span>View Plan Comparison</span>
|
||||
</button>
|
||||
<main className="w-full">
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Agency-Quality Ad Creatives in 48 Hours"
|
||||
description="Get professional video ads and static creatives delivered fast. 40% average ROAS increase. Half the cost of traditional agencies."
|
||||
tag="Premium Creatives"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=5"
|
||||
imageAlt="Hero showcase"
|
||||
buttons={heroButtons}
|
||||
/>
|
||||
</div>
|
||||
{showComparison && (
|
||||
<div className="mb-8 p-6 rounded-lg bg-gradient-to-br from-accent/10 to-accent/5 border border-accent/20">
|
||||
<h3 className="text-lg font-semibold mb-4 text-foreground">Feature Comparison</h3>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-sm">
|
||||
<thead>
|
||||
<tr className="border-b border-accent/20">
|
||||
<th className="text-left py-2 px-3 font-semibold">Feature</th>
|
||||
<th className="text-center py-2 px-3 font-semibold">Starter</th>
|
||||
<th className="text-center py-2 px-3 font-semibold">Growth</th>
|
||||
<th className="text-center py-2 px-3 font-semibold">Enterprise</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b border-accent/10">
|
||||
<td className="py-3 px-3">Projects/Month</td>
|
||||
<td className="text-center py-3 px-3">4</td>
|
||||
<td className="text-center py-3 px-3">Unlimited</td>
|
||||
<td className="text-center py-3 px-3">Unlimited</td>
|
||||
</tr>
|
||||
<tr className="border-b border-accent/10">
|
||||
<td className="py-3 px-3">Creatives/Month</td>
|
||||
<td className="text-center py-3 px-3">Included</td>
|
||||
<td className="text-center py-3 px-3">30+</td>
|
||||
<td className="text-center py-3 px-3">Unlimited</td>
|
||||
</tr>
|
||||
<tr className="border-b border-accent/10">
|
||||
<td className="py-3 px-3">Turnaround Time</td>
|
||||
<td className="text-center py-3 px-3">48 hours</td>
|
||||
<td className="text-center py-3 px-3">24 hours</td>
|
||||
<td className="text-center py-3 px-3">24 hours</td>
|
||||
</tr>
|
||||
<tr className="border-b border-accent/10">
|
||||
<td className="py-3 px-3">Account Manager</td>
|
||||
<td className="text-center py-3 px-3">-</td>
|
||||
<td className="text-center py-3 px-3">✓</td>
|
||||
<td className="text-center py-3 px-3">✓</td>
|
||||
</tr>
|
||||
<tr className="border-b border-accent/10">
|
||||
<td className="py-3 px-3">API Access</td>
|
||||
<td className="text-center py-3 px-3">-</td>
|
||||
<td className="text-center py-3 px-3">-</td>
|
||||
<td className="text-center py-3 px-3">✓</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-3 px-3">24/7 Support</td>
|
||||
<td className="text-center py-3 px-3">-</td>
|
||||
<td className="text-center py-3 px-3">-</td>
|
||||
<td className="text-center py-3 px-3">✓</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<PricingCardEight
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your creative needs. Upgrade anytime."
|
||||
tag="Plans"
|
||||
tagIcon={CreditCard}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||
price: "$1,500", subtitle: "Per Month (Recurring)", buttons: [
|
||||
{ text: "Get Started", href: "#free-offer" }
|
||||
],
|
||||
features: [
|
||||
"✓ 4 ad projects per month", "✓ Video ads (up to 3 variations each)", "✓ Static creatives (10+ variations)", "✓ Full-funnel packs", "✓ 48-hour turnaround", "✓ Brand consistency maintained", "✓ Email support"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "growth", badge: "Most Popular", badgeIcon: Zap,
|
||||
price: "$5,000", subtitle: "Per Month (Recurring)", buttons: [
|
||||
{ text: "Get Started", href: "#free-offer" }
|
||||
],
|
||||
features: [
|
||||
"✓ Unlimited ad projects", "✓ 30 ad creatives (video & static mix)", "✓ Full-funnel packs included", "✓ 24-hour turnaround available", "✓ A/B testing variations", "✓ Performance analytics", "✓ Priority support", "✓ Dedicated account manager"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Calendar,
|
||||
price: "Custom", subtitle: "Schedule a Call", buttons: [
|
||||
{ text: "Book Appointment", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"✓ Unlimited everything", "✓ Custom creative strategy sessions", "✓ Unlimited team members", "✓ API access", "✓ White-label options", "✓ Custom integrations", "✓ 24/7 dedicated support", "✓ Quarterly strategy reviews"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="who-its-for" data-section="who-its-for">
|
||||
<FeatureBorderGlow
|
||||
title="Who We Help"
|
||||
description="Whether you're a growing brand, creative agency, or in-house marketing team, we've got the perfect solution."
|
||||
tag="Ideal For"
|
||||
tagIcon={Users}
|
||||
features={[
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
title: "E-commerce Brands", description: "Product ads, promotional content, and conversion-focused creatives that drive sales."
|
||||
},
|
||||
{
|
||||
icon: Package,
|
||||
title: "SaaS Companies", description: "Feature demonstrations, benefit-focused ads, and explainer videos that educate and convert."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Marketing Agencies", description: "Scale your creative output without hiring. Deliver more to your clients faster."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Digital Creators", description: "Professional ad content, sponsorship pitches, and promotional materials for your audience."
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Startups & Brands", description: "Launch campaigns quickly. Build brand presence with polished, professional ads."
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Growth Teams", description: "Test campaigns faster. Optimize with unlimited variations and performance insights."
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Why Choose Studio Ads"
|
||||
description="We combine speed, quality, and affordability to deliver results that matter"
|
||||
tag="Our Approach"
|
||||
tagIcon={CheckCircle}
|
||||
bulletPoints={aboutBulletPoints}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=6"
|
||||
imageAlt="About showcase"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="We went from spending 3 weeks on ad production to 48 hours. The quality is exceptional and our ROAS improved by 40%. Efficient Ads is a game-changer for our agency."
|
||||
rating={5}
|
||||
author="Emma Rodriguez, Creative Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png", alt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-female-creati-1772624560954-fe3f44ea.png", alt: "Team member"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Customer testimonial from Emma Rodriguez"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
features={features}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
title="Our Services"
|
||||
description="Comprehensive creative solutions tailored to your advertising needs"
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do you deliver in 48 hours?", content: "We deliver 3 premium ad creatives with a guaranteed 48-hour turnaround. Our streamlined workflow combines creative strategy, production, and revisions into a single efficient process. We have dedicated creative teams working around the clock to ensure your project gets the attention it deserves while meeting our 48-hour promise."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What if I need revisions?", content: "Revisions are part of our process. We build in time for feedback and iterations within your 48-hour window. For changes after delivery, we have a simple revision policy—typically one round of revisions is included in your plan."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you work with all industries?", content: "Absolutely. We work with e-commerce, SaaS, real estate, services, finance, healthcare, nonprofits, and everything in between. Every project gets customized strategy based on your industry, audience, and objectives."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What formats and specs do you deliver?", content: "We deliver files optimized for Instagram, Facebook, TikTok, LinkedIn, YouTube, Google Ads, and more. All formats include proper sizing, aspect ratios, captions, and platform-specific optimization. You get everything ready to post."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I get unlimited revisions?", content: "Revision allowances vary by plan. Our Growth and Enterprise plans include comprehensive revision options. We work with you until you're happy with the results—we succeed when you succeed."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What's included in the free 3 ads offer?", content: "You get three custom ad creatives tailored to your business. This might be a mix of video ads, static creatives, or a full-funnel sample. No credit card needed."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png?_wi=2"
|
||||
imageAlt="FAQ support team"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about working with Efficient Ads."
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
<div id="claim-free" data-section="claim-free">
|
||||
<ContactCTA
|
||||
tag="Limited Time"
|
||||
title="Claim Your Free Ad Creatives"
|
||||
description="Get started with a free sample package. See the quality and speed that sets us apart. No credit card required."
|
||||
buttons={[
|
||||
{ text: "Get Free Ads Now", onClick: () => console.log("claim free ads") },
|
||||
{
|
||||
text: "Book a Consultation", onClick: () => console.log("book consultation"),
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready to Scale Your Creative Output?"
|
||||
description="Join 100+ brands and agencies already transforming their ad production with Efficient Ads. Start with your free 3 ads today. 30-day money-back guarantee. No credit card required. Cancel anytime."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Claim Your 3 Free Ads Now"
|
||||
termsText="No credit card required. 30-day money-back guarantee on paid plans. Cancel anytime."
|
||||
ariaLabel="Contact form and ad offer signup"
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
plans={pricingPlans}
|
||||
animationType="slide-up"
|
||||
title="Transparent Pricing"
|
||||
description="Choose the plan that fits your business needs. All plans include 48-hour delivery and proven results."
|
||||
tag="Pricing"
|
||||
tagIcon={Target}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Efficient Ads. All rights reserved."
|
||||
ariaLabel="Footer navigation and company information"
|
||||
/>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Start?"
|
||||
tagIcon={Zap}
|
||||
title="Let's Create Your Next Campaign"
|
||||
description="Our team is ready to deliver professional, high-converting ad creatives in 48 hours. Join hundreds of satisfied clients."
|
||||
buttons={contactButtons}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<footer id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={footerColumns} logoText="studio ads" />
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #684f7b;;
|
||||
--background-accent: #65417c;; */
|
||||
|
||||
--background: #050012;;
|
||||
--card: #040121;;
|
||||
--foreground: #f0e6ff;;
|
||||
--primary-cta: #c89bff;;
|
||||
--primary-cta-text: #050012;;
|
||||
--secondary-cta: #1d123b;;
|
||||
--secondary-cta-text: #f0e6ff;;
|
||||
--accent: #684f7b;;
|
||||
--background-accent: #65417c;;
|
||||
--background: #f5faff;;
|
||||
--card: #f1f8ff;;
|
||||
--foreground: #001122;;
|
||||
--primary-cta: #15479c;;
|
||||
--primary-cta-text: #f5faff;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta-text: #001122;;
|
||||
--accent: #a8cce8;;
|
||||
--background-accent: #7ba3cf;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
125
src/app/thank-you/page.tsx
Normal file
125
src/app/thank-you/page.tsx
Normal file
@@ -0,0 +1,125 @@
|
||||
"use client";
|
||||
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import { CheckCircle, ArrowRight } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ThankYouPage() {
|
||||
const searchParams = useSearchParams();
|
||||
const url = searchParams.get("url") || "";
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background flex items-center justify-center px-4 py-20">
|
||||
<div className="max-w-2xl w-full">
|
||||
<div className="text-center mb-8">
|
||||
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary-cta/20 mb-6">
|
||||
<CheckCircle size={32} className="text-primary-cta" />
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4">
|
||||
Thank You!
|
||||
</h1>
|
||||
<p className="text-lg text-foreground/70 mb-2">
|
||||
Your free 3 ad creatives are on the way.
|
||||
</p>
|
||||
{url && (
|
||||
<p className="text-base text-foreground/60 mb-8">
|
||||
We've received your website: <span className="font-semibold text-foreground">{url}</span>
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="bg-card border border-accent/20 rounded-lg p-8 mb-8">
|
||||
<h2 className="text-2xl font-bold text-foreground mb-6">What's Next?</h2>
|
||||
<div className="space-y-6">
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Check Your Email</h3>
|
||||
<p className="text-foreground/70">
|
||||
Within 1-2 hours, you'll receive a welcome email with next steps and our creative brief form.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Fill Out the Brief</h3>
|
||||
<p className="text-foreground/70">
|
||||
Tell us about your product, target audience, and campaign goals. Upload any brand guidelines or reference materials.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Sit Back & Relax</h3>
|
||||
<p className="text-foreground/70">
|
||||
Our creative team will craft 3 premium ad creatives optimized for your platforms. You'll have them in 48 hours.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<div className="flex-shrink-0">
|
||||
<div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-foreground mb-1">Review & Iterate</h3>
|
||||
<p className="text-foreground/70">
|
||||
Get your creatives and review them. We'll incorporate feedback within 24 hours. Once happy, deploy and start seeing results.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 rounded-lg p-6 mb-8">
|
||||
<h3 className="font-semibold text-foreground mb-3">💡 Pro Tips:</h3>
|
||||
<ul className="space-y-2 text-foreground/70">
|
||||
<li>• Be specific about your target audience demographics and interests</li>
|
||||
<li>• Share examples of ads you like (from competitors or other brands)</li>
|
||||
<li>• Provide clear brand guidelines and any assets you want us to use</li>
|
||||
<li>• Let us know your primary conversion goal (clicks, sales, signups, etc.)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col md:flex-row gap-4 justify-center">
|
||||
<Link
|
||||
href="/"
|
||||
className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-card border border-accent/20 text-foreground font-semibold rounded-full hover:bg-accent/5 transition-colors"
|
||||
>
|
||||
Back to Home
|
||||
</Link>
|
||||
<a
|
||||
href="https://wa.me/1234567890"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity"
|
||||
>
|
||||
Chat with Us <ArrowRight size={18} />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p className="text-center text-foreground/60 text-sm mt-8">
|
||||
Questions? Chat with us on WhatsApp or reply to your confirmation email.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user