|
|
|
|
@@ -12,7 +12,7 @@ import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
|
|
|
import Input from "@/components/form/Input";
|
|
|
|
|
import { BarChart3, Briefcase, CreditCard, Mail, Package, Palette, Shield, ShoppingCart, TrendingUp, Users, Zap, Sparkles, Database, Crown, Play, Image, Layers, Clock, CheckCircle, HelpCircle, Calendar, ArrowRight, MessageCircle } from "lucide-react";
|
|
|
|
|
import { BarChart3, Briefcase, CreditCard, Mail, Package, Palette, Shield, ShoppingCart, TrendingUp, Users, Zap, Sparkles, Database, Crown, Play, Image, Layers, Clock, CheckCircle, HelpCircle, Calendar, ArrowRight, MessageCircle, Zap as ZapIcon } from "lucide-react";
|
|
|
|
|
import { useState, useEffect } from "react";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
|
|
|
|
|
@@ -55,7 +55,7 @@ export default function LandingPage() {
|
|
|
|
|
isScrolled ? 'bg-background/95 backdrop-blur-md shadow-lg' : 'bg-transparent'
|
|
|
|
|
}`}>
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
brandName="Efficient Ads"
|
|
|
|
|
brandName="studio ads"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "How it Works", id: "how-it-works" },
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
|
@@ -118,7 +118,7 @@ export default function LandingPage() {
|
|
|
|
|
{ text: "See Our Work", href: "#features" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
ariaLabel="Hero section - Efficient Ads professional ad creatives in 48 hours"
|
|
|
|
|
ariaLabel="Hero section - studio ads professional ad creatives in 48 hours"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -190,7 +190,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="pain-points" data-section="pain-points">
|
|
|
|
|
<FeatureBorderGlow
|
|
|
|
|
title="The Old Way vs. The Efficient Ads Way"
|
|
|
|
|
title="The Old Way vs. The studio ads Way"
|
|
|
|
|
description="Stop wasting weeks on ad production. Here's how we're different."
|
|
|
|
|
tag="Why Switch"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
@@ -306,21 +306,74 @@ export default function LandingPage() {
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
{/* Video Explainer Section */}
|
|
|
|
|
{/* Comparison Chart Section */}
|
|
|
|
|
<div className="mt-12 md:mt-16 px-4">
|
|
|
|
|
<div className="max-w-4xl mx-auto">
|
|
|
|
|
<div className="aspect-video bg-card rounded-lg border border-accent/20 flex items-center justify-center overflow-hidden">
|
|
|
|
|
<iframe
|
|
|
|
|
width="100%"
|
|
|
|
|
height="100%"
|
|
|
|
|
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
|
|
|
|
|
title="Efficient Ads Demo"
|
|
|
|
|
frameBorder="0"
|
|
|
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
|
|
|
allowFullScreen
|
|
|
|
|
/>
|
|
|
|
|
<div className="max-w-5xl mx-auto">
|
|
|
|
|
<div className="mb-8 text-center">
|
|
|
|
|
<h3 className="text-2xl md:text-3xl font-bold text-foreground mb-3">studio ads vs Traditional Agencies</h3>
|
|
|
|
|
<p className="text-foreground/70">See how we stack up against the competition</p>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-center text-foreground/60 text-sm mt-4">60-90 second video explainer - See how our process works</p>
|
|
|
|
|
<div className="bg-card rounded-lg border border-accent/20 overflow-hidden">
|
|
|
|
|
<div className="overflow-x-auto">
|
|
|
|
|
<table className="w-full text-sm">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr className="bg-primary-cta/10 border-b border-accent/20">
|
|
|
|
|
<th className="text-left py-4 px-4 font-semibold text-foreground">Feature</th>
|
|
|
|
|
<th className="text-center py-4 px-4 font-semibold text-primary-cta">studio ads</th>
|
|
|
|
|
<th className="text-center py-4 px-4 font-semibold text-foreground/60">Traditional Agencies</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Turnaround Time</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-primary-cta font-semibold">48 Hours</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/70">2-3 Weeks</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Cost per Creative</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-primary-cta font-semibold">50% Less</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/70">$2,000-$5,000+</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Creative Variations</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-primary-cta font-semibold">10+ Options</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/70">1-3 Options</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Revision Process</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-primary-cta font-semibold">24hr Revisions</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/70">1-2 Weeks</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Unlimited Projects</td>
|
|
|
|
|
<td className="text-center py-4 px-4"><CheckCircle size={20} className="inline text-primary-cta" /></td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/40">-</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Dedicated Account Manager</td>
|
|
|
|
|
<td className="text-center py-4 px-4"><CheckCircle size={20} className="inline text-primary-cta" /></td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/40">-</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Platform Optimization</td>
|
|
|
|
|
<td className="text-center py-4 px-4"><CheckCircle size={20} className="inline text-primary-cta" /></td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/40">-</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="border-b border-accent/10 hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Average ROAS Lift</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-primary-cta font-semibold">40%</td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/70">15-25%</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr className="hover:bg-accent/5 transition-colors">
|
|
|
|
|
<td className="py-4 px-4 text-foreground font-medium">Performance Tracking</td>
|
|
|
|
|
<td className="text-center py-4 px-4"><CheckCircle size={20} className="inline text-primary-cta" /></td>
|
|
|
|
|
<td className="text-center py-4 px-4 text-foreground/40">-</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-center text-foreground/60 text-sm mt-6">Comparison based on industry averages and typical agency practices. Results may vary.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -333,30 +386,27 @@ export default function LandingPage() {
|
|
|
|
|
<p className="text-foreground/70 mb-6">Try our service risk-free. No credit card required upfront. Get agency-quality ad creatives delivered in 48 hours.</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="space-y-4">
|
|
|
|
|
<div>
|
|
|
|
|
<label className="block text-sm font-medium text-foreground mb-2">Paste your website URL</label>
|
|
|
|
|
<div className="flex gap-2">
|
|
|
|
|
<Input
|
|
|
|
|
value={urlInput}
|
|
|
|
|
onChange={setUrlInput}
|
|
|
|
|
type="url"
|
|
|
|
|
placeholder="e.g. yourbrand.com"
|
|
|
|
|
required
|
|
|
|
|
/>
|
|
|
|
|
<button
|
|
|
|
|
onClick={handleUrlSubmit}
|
|
|
|
|
className="px-6 py-3 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity whitespace-nowrap"
|
|
|
|
|
>
|
|
|
|
|
Submit
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="flex flex-col gap-4 max-w-lg mx-auto">
|
|
|
|
|
<div className="flex gap-2">
|
|
|
|
|
<Input
|
|
|
|
|
value={urlInput}
|
|
|
|
|
onChange={setUrlInput}
|
|
|
|
|
type="url"
|
|
|
|
|
placeholder="e.g. yourbrand.com"
|
|
|
|
|
required
|
|
|
|
|
/>
|
|
|
|
|
<button
|
|
|
|
|
onClick={handleUrlSubmit}
|
|
|
|
|
className="px-6 py-3 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity whitespace-nowrap"
|
|
|
|
|
>
|
|
|
|
|
Submit
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<button
|
|
|
|
|
onClick={handleUrlSubmit}
|
|
|
|
|
className="w-full py-4 px-6 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity text-lg"
|
|
|
|
|
>
|
|
|
|
|
Get 3 Free Ads (No Credit Card)
|
|
|
|
|
Get 3 Free Ads Now
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -447,6 +497,15 @@ export default function LandingPage() {
|
|
|
|
|
tag="Plans"
|
|
|
|
|
tagIcon={CreditCard}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "growth", badge: "Growth - Most Popular - 40% ROAS Lift", badgeIcon: ZapIcon,
|
|
|
|
|
price: "$5,000", subtitle: "Per Month (Recurring)", 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: "Per Month (Recurring)", buttons: [
|
|
|
|
|
@@ -456,15 +515,6 @@ export default function LandingPage() {
|
|
|
|
|
"✓ 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: "Growth - 40% Average ROAS Lift", badgeIcon: Zap,
|
|
|
|
|
price: "$5,000", subtitle: "Per Month (Recurring)", buttons: [
|
|
|
|
|
{ text: "Get 3 Free Ads Now", 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 - Custom ROAS", badgeIcon: Calendar,
|
|
|
|
|
price: "Custom", subtitle: "Schedule a Call", buttons: [
|
|
|
|
|
@@ -523,7 +573,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<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."
|
|
|
|
|
testimonial="We went from spending 3 weeks on ad production to 48 hours. The quality is exceptional and our ROAS improved by 40%. studio ads is a game-changer for our agency."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="Emma Rodriguez, Creative Director"
|
|
|
|
|
avatars={[
|
|
|
|
|
@@ -566,7 +616,7 @@ export default function LandingPage() {
|
|
|
|
|
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."
|
|
|
|
|
description="Everything you need to know about working with studio ads."
|
|
|
|
|
tag="Help"
|
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
@@ -581,7 +631,7 @@ 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. No credit card required. Cancel anytime."
|
|
|
|
|
description="Join 100+ brands and agencies already transforming their ad production with studio 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}
|
|
|
|
|
@@ -619,10 +669,10 @@ export default function LandingPage() {
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Efficient Ads. All rights reserved."
|
|
|
|
|
copyrightText="© 2025 studio ads. All rights reserved."
|
|
|
|
|
ariaLabel="Footer navigation and company information"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
