Merge version_24 into main #36
@@ -1,12 +1,7 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "studio ads - Professional Ad Creatives in 48 Hours", description: "Get agency-quality ad creatives delivered in 48 hours. 40% ROAS increase, 50% cheaper than traditional agencies."
|
||||
};
|
||||
title: "studio ads | Professional Ad Creatives in 48 Hours", description: "Turn 48-hour briefs into conversion-ready creatives. Agency-quality ad creatives in 48 hours, 50% cheaper than traditional agencies."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -15,7 +10,7 @@ export default function RootLayout({
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1385,4 +1380,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
129
src/app/page.tsx
129
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user