|
|
|
|
@@ -12,8 +12,11 @@ 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 } from "lucide-react";
|
|
|
|
|
import { useState } from "react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const [showComparison, setShowComparison] = useState(false);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="hover-bubble"
|
|
|
|
|
@@ -47,7 +50,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCentered
|
|
|
|
|
title="Agency-Quality Ad Creatives. Delivered in 48 Hours."
|
|
|
|
|
description="Get 40% faster delivery at half the traditional cost. Launch winning campaigns 3x faster and get stunning video ads, static creatives, and full-funnel packs in 48 hours. Perfect for agencies, brands, and creators who refuse to compromise on quality."
|
|
|
|
|
description="40% faster delivery and 50% cheaper than traditional agencies—get stunning video ads, static creatives, and full-funnel packs in 48 hours. Launch winning campaigns 3x faster. Perfect for agencies, brands, and creators who refuse to compromise on quality."
|
|
|
|
|
background={{ variant: "downward-rays-animated" }}
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
@@ -208,6 +211,73 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<div className="relative">
|
|
|
|
|
<div className="flex justify-center mb-6">
|
|
|
|
|
<button
|
|
|
|
|
onClick={() => setShowComparison(!showComparison)}
|
|
|
|
|
className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-button text-primary hover:opacity-80 transition-opacity"
|
|
|
|
|
aria-label="Toggle feature comparison"
|
|
|
|
|
>
|
|
|
|
|
<CheckCircle size={18} />
|
|
|
|
|
<span>{showComparison ? "Hide Comparison" : "Show Plan Comparison"}</span>
|
|
|
|
|
</button>
|
|
|
|
|
</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."
|
|
|
|
|
@@ -220,7 +290,7 @@ export default function LandingPage() {
|
|
|
|
|
{ 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"
|
|
|
|
|
"✓ 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"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@@ -245,9 +315,6 @@ export default function LandingPage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Compare All Plans", href: "#features" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -256,13 +323,13 @@ export default function LandingPage() {
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Free Trial - Risk Free"
|
|
|
|
|
title="See Results in 48 Hours"
|
|
|
|
|
description="Try our service risk-free with no credit card required. Get agency-quality ad creatives delivered in 48 hours. Includes 30-day money-back guarantee on paid plans. No follow-up sales calls. No obligations."
|
|
|
|
|
description="Try our service risk-free. No credit card required upfront. Get agency-quality ad creatives delivered in 48 hours. Plus, enjoy a 30-day money-back guarantee on paid plans. No follow-up sales calls. No obligations."
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
background={{ variant: "downward-rays-static-grid" }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
inputPlaceholder="Enter your email address"
|
|
|
|
|
buttonText="Claim Your 3 Free Ads Now"
|
|
|
|
|
termsText="By claiming your free ads, you agree to our Terms and Conditions. We'll send you everything via email. No credit card required. No follow-up calls. No obligations."
|
|
|
|
|
termsText="By claiming your free ads, you agree to our Terms and Conditions. No credit card required. 30-day money-back guarantee on paid plans. No follow-up calls. No obligations."
|
|
|
|
|
ariaLabel="Free ad offer signup"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -366,13 +433,13 @@ export default function LandingPage() {
|
|
|
|
|
<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. Cancel anytime."
|
|
|
|
|
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="By claiming your free ads, you're confirming that you agree with our Terms and Conditions. 30-day money-back guarantee on paid plans. Cancel anytime, no questions asked."
|
|
|
|
|
termsText="By claiming your free ads, you're confirming that you agree with our Terms and Conditions. No credit card required. 30-day money-back guarantee on paid plans. Cancel anytime, no questions asked."
|
|
|
|
|
ariaLabel="Contact form and ad offer signup"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
