Update src/app/page.tsx

This commit is contained in:
2026-03-07 07:23:50 +00:00
parent 342d16373c
commit 1df41c0c1e

View File

@@ -98,7 +98,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
title="40% ROAS Increase in 48 Hours"
title="Agency-Quality Ads in 48 Hours"
description="Turn 48-hour briefs into conversion-ready creatives. Professional ad creatives delivered in 48 hours instead of 3 weeks. Agency-quality video ads and static creatives, 50% cheaper than traditional agencies."
background={{ variant: "downward-rays-animated" }}
avatars={[
@@ -316,6 +316,9 @@ export default function LandingPage() {
</div>
<div className="flex flex-col gap-4 max-w-lg mx-auto">
<div className="p-4 bg-card rounded-lg border border-accent/20 text-center">
<p className="text-sm font-semibold text-primary-cta"> No credit card required. Instant results.</p>
</div>
<div className="flex gap-2">
<Input
value={urlInput}
@@ -417,45 +420,89 @@ export default function LandingPage() {
</div>
)}
</div>
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the plan that fits your creative needs. Upgrade anytime."
tag="Plans"
tagIcon={CreditCard}
plans={[
{
id: "growth", badge: "Growth - Most Popular - 40% ROAS Lift", badgeIcon: ZapIcon,
price: "$5,000", subtitle: "For high-volume, results-driven marketing teams", buttons: [
{ text: "Start Your 48-Hour Project", 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: "starter", badge: "Starter - 20% Average ROAS Lift", badgeIcon: Sparkles,
price: "$1,500", subtitle: "Perfect for growing brands testing ad creation", buttons: [
{ text: "Claim 3 Free Ads Now", 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: "enterprise", badge: "Enterprise - Custom ROAS", badgeIcon: Calendar,
price: "Custom", subtitle: "For agencies and enterprises with unique needs", 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 className="py-20 px-4">
<div className="max-w-6xl mx-auto">
<div className="text-center mb-12">
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Simple, Transparent Pricing</h2>
<p className="text-lg text-foreground/70">Choose the plan that fits your creative needs. Upgrade anytime.</p>
</div>
<div className="grid md:grid-cols-3 gap-6">
{/* Starter Plan */}
<div className="bg-card rounded-2xl p-8 border border-accent/20">
<div className="mb-6">
<p className="text-sm font-semibold text-primary-cta mb-2">Starter</p>
<h3 className="text-2xl font-bold text-foreground mb-2">$1,500</h3>
<p className="text-foreground/70 text-sm">Perfect for growing brands testing ad creation</p>
</div>
<div className="flex gap-3 mb-6">
<button className="flex-1 py-3 px-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity text-sm">
Claim 3 Free Ads Now
</button>
</div>
<div className="space-y-3">
<p className="text-sm text-foreground/70"> 4 ad projects per month</p>
<p className="text-sm text-foreground/70"> Video ads (up to 3 variations each)</p>
<p className="text-sm text-foreground/70"> Static creatives (10+ variations)</p>
<p className="text-sm text-foreground/70"> Full-funnel packs</p>
<p className="text-sm text-foreground/70"> 48-hour turnaround</p>
<p className="text-sm text-foreground/70"> Brand consistency maintained</p>
<p className="text-sm text-foreground/70"> Email support</p>
</div>
</div>
{/* Growth Plan - Most Popular */}
<div className="md:scale-105 bg-gradient-to-br from-primary-cta/10 to-accent/10 rounded-2xl p-8 border-2 border-primary-cta shadow-lg relative">
<div className="absolute -top-4 left-1/2 transform -translate-x-1/2 bg-primary-cta text-primary-cta-text px-4 py-1 rounded-full text-sm font-semibold">
Most Popular
</div>
<div className="mb-6">
<p className="text-sm font-semibold text-primary-cta mb-2">Growth</p>
<h3 className="text-2xl font-bold text-foreground mb-2">$5,000</h3>
<p className="text-foreground/70 text-sm">For high-volume, results-driven marketing teams</p>
</div>
<div className="flex gap-3 mb-6">
<button className="flex-1 py-3 px-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity text-sm">
Start Your 48-Hour Project
</button>
</div>
<div className="space-y-3">
<p className="text-sm text-foreground/70"> Unlimited ad projects</p>
<p className="text-sm text-foreground/70"> 30 ad creatives (video & static mix)</p>
<p className="text-sm text-foreground/70"> Full-funnel packs included</p>
<p className="text-sm text-foreground/70"> 24-hour turnaround available</p>
<p className="text-sm text-foreground/70"> A/B testing variations</p>
<p className="text-sm text-foreground/70"> Performance analytics</p>
<p className="text-sm text-foreground/70"> Priority support</p>
<p className="text-sm text-foreground/70"> Dedicated account manager</p>
</div>
</div>
{/* Enterprise Plan */}
<div className="bg-card rounded-2xl p-8 border border-accent/20">
<div className="mb-6">
<p className="text-sm font-semibold text-primary-cta mb-2">Enterprise</p>
<h3 className="text-2xl font-bold text-foreground mb-2">Custom</h3>
<p className="text-foreground/70 text-sm">For agencies and enterprises with unique needs</p>
</div>
<div className="flex gap-3 mb-6">
<button className="flex-1 py-3 px-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity text-sm">
Book Appointment
</button>
</div>
<div className="space-y-3">
<p className="text-sm text-foreground/70"> Unlimited everything</p>
<p className="text-sm text-foreground/70"> Custom creative strategy sessions</p>
<p className="text-sm text-foreground/70"> Unlimited team members</p>
<p className="text-sm text-foreground/70"> API access</p>
<p className="text-sm text-foreground/70"> White-label options</p>
<p className="text-sm text-foreground/70"> Custom integrations</p>
<p className="text-sm text-foreground/70"> 24/7 dedicated support</p>
<p className="text-sm text-foreground/70"> Quarterly strategy reviews</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="who-its-for" data-section="who-its-for">
@@ -601,4 +648,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}