Compare commits
34 Commits
version_1
...
version_11
| Author | SHA1 | Date | |
|---|---|---|---|
| 98f7cb8ba6 | |||
| fe1b84e4d2 | |||
| 2a8616b144 | |||
| 7105de1607 | |||
| f09f245b63 | |||
| d77c1249bb | |||
| f032927a66 | |||
| 6e76762078 | |||
| 9abc6caa07 | |||
| d79fff57f6 | |||
| cef806d5ee | |||
| 1d7bdc8f07 | |||
| 3249eead64 | |||
| 453c66bf08 | |||
| 1df8d4652a | |||
| a9da569845 | |||
| 30e9ac1de5 | |||
| 8212671c23 | |||
| 92b0b4b577 | |||
| 5d022c1da4 | |||
| 8b8e88ab3e | |||
| 0f18b0fd5a | |||
| 388971e9ea | |||
| 37c2b0b325 | |||
| 9856a25ee6 | |||
| f5191a2e57 | |||
| 2fbfa93c9b | |||
| 2c8c4650d8 | |||
| 218d9bda4e | |||
| cf9d910665 | |||
| acf15ca953 | |||
| f3d97b6984 | |||
| d6553828c5 | |||
| 4038292a72 |
@@ -1,45 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Lato } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const lato = Lato({
|
||||
variable: "--font-lato", subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "700", "900"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Quick Creatives - AI Ad Generator for Static & Video Ads", description: "Generate professional static and video ads in seconds with AI. Perfect for agencies, e-commerce, SaaS, and any business category. Try free for 14 days.", keywords: "AI ad generator, video ads, static ads, ad creation, creative agency, marketing automation", metadataBase: new URL("https://quickcreatives.com"),
|
||||
alternates: {
|
||||
canonical: "https://quickcreatives.com"
|
||||
},
|
||||
openGraph: {
|
||||
title: "Quick Creatives - AI-Powered Ad Generation", description: "Create stunning ads in seconds with AI. Scale your creative production and boost campaign performance.", type: "website", siteName: "Quick Creatives", url: "https://quickcreatives.com", images: [{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/a-cutting-edge-ai-dashboard-interface-sh-1772624561767-b98bd32c.png", alt: "Quick Creatives AI dashboard showing ad generation capabilities"
|
||||
}]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Quick Creatives - AI Ad Generator", description: "Generate professional ads in seconds. Static & video ads with AI.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/a-cutting-edge-ai-dashboard-interface-sh-1772624561767-b98bd32c.png"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
}
|
||||
title: "Efficient Ads - Get Professional Ad Creatives in 48 Hours—50% Cheaper Than Agencies", description: "Get Professional Ad Creatives in 48 Hours—50% Cheaper Than Agencies. 40% Average ROAS Increase. 3 Weeks Production Time Cut to 48 Hours. Perfect for agencies, brands, and creators."
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${lato.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1407,7 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
451
src/app/page.tsx
451
src/app/page.tsx
@@ -9,9 +9,14 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { BarChart3, Briefcase, CreditCard, Mail, Package, Palette, Shield, ShoppingCart, TrendingUp, Users, Zap, Sparkles, Database, Crown } from "lucide-react";
|
||||
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";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showComparison, setShowComparison] = useState(false);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -27,14 +32,16 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Quick Creatives"
|
||||
brandName="Efficient Ads"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ 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: "Get Started Free", href: "#contact"
|
||||
text: "Claim Your 3 Free Ads Now", href: "#free-offer"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -42,8 +49,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Create Stunning Ads in Seconds"
|
||||
description="AI-powered ad generation that transforms your ideas into professional static and video advertisements. Save time, scale creativity, and drive results for any business category."
|
||||
title="Get Professional Ad Creatives in 48 Hours—50% Cheaper Than Agencies."
|
||||
description="40% Average ROAS Increase. 3 Weeks Production Time Cut to 48 Hours. Launch winning campaigns faster with 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={[
|
||||
{
|
||||
@@ -56,38 +63,105 @@ export default function LandingPage() {
|
||||
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 500+ agencies & creators"
|
||||
avatarText="Trusted by 100+ agencies and brands"
|
||||
buttons={[
|
||||
{ text: "Start Creating Free", href: "#contact" },
|
||||
{ text: "View Examples", href: "#features" }
|
||||
{ text: "Claim Your 3 Free Ads Now", href: "#free-offer" },
|
||||
{ text: "See Our Work", href: "#features" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section - Quick Creatives AI ad generation platform"
|
||||
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="Powerful Features for Creative Success"
|
||||
description="Everything you need to generate, customize, and optimize high-performing ads with AI."
|
||||
title="Our Complete Creative Solutions"
|
||||
description="Everything you need to build winning ad campaigns, all in one platform."
|
||||
tag="Capabilities"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "AI Video Generation", description: "Transform scripts into professional video ads with AI voiceovers, animations, and effects", bentoComponent: "animated-bar-chart"
|
||||
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 Designer", description: "Generate unlimited variations of static ads optimized for social media and display networks", bentoComponent: "globe"
|
||||
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: "Real-Time Analytics", description: "Track performance metrics and optimize campaigns with actionable insights", bentoComponent: "line-chart"
|
||||
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: "Maintain your brand identity across all generated ads with smart templates", bentoComponent: "marquee", centerIcon: Shield,
|
||||
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: "Create ads for e-commerce, SaaS, services, real estate, and any industry", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
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 },
|
||||
@@ -100,136 +174,273 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Explore All Features", href: "#pricing" }
|
||||
{ text: "View All Features", href: "#how-it-works" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="advanced-features" data-section="advanced-features">
|
||||
<FeatureBorderGlow
|
||||
title="Enterprise-Grade Capabilities"
|
||||
description="Advanced tools designed for scaling your ad production and team collaboration"
|
||||
tag="Advanced"
|
||||
tagIcon={Zap}
|
||||
<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={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast", description: "Generate professional ads in under 2 minutes, not days"
|
||||
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
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Team Collaboration", description: "Invite team members, manage approvals, and streamline workflows"
|
||||
title: "Step 2: Creative Strategy", description: "Our team develops concepts and creative directions tailored to your objectives.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "API Integration", description: "Integrate with your existing marketing stack and automation tools"
|
||||
title: "Step 3: Production & Revisions", description: "We produce high-quality creatives and incorporate your feedback within 24 hours.", bentoComponent: "reveal-icon", icon: Play
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description: "Enterprise-grade security and compliance for your peace of mind"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Performance Optimization", description: "AI-driven recommendations to maximize ad performance and ROI"
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Unlimited Variations", description: "Create infinite ad variations to find your perfect creative formula"
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request Demo", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Quick Creatives has completely transformed how we produce ads. What used to take weeks now takes hours. Our ad spend is more efficient, and our creative quality has never been better."
|
||||
rating={5}
|
||||
author="Sarah Chen, Creative Director at Luna Studios"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png", alt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
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 2"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png", alt: "Team member 3"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-creativ-1772624560648-c09f9055.png", alt: "Team member 4"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Customer testimonial from Luna Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Transparent Pricing for Every Business"
|
||||
description="Choose the perfect plan to start generating ads today. Upgrade or downgrade anytime."
|
||||
tag="Plans"
|
||||
tagIcon={CreditCard}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$29/mo", subtitle: "Perfect for creators and small agencies", buttons: [
|
||||
{ text: "Start Free Trial", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"100 ad generations per month", "Static & video ads", "Basic analytics", "Email support", "Brand kit customization"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Zap,
|
||||
price: "$99/mo", subtitle: "Ideal for growing agencies", buttons: [
|
||||
{ text: "Start Free Trial", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"500 ad generations per month", "Unlimited video formats", "Advanced analytics & insights", "Priority support", "Team collaboration (3 users)", "API access"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Custom", badgeIcon: Crown,
|
||||
price: "Custom", subtitle: "For large teams and agencies", buttons: [
|
||||
{ text: "Contact Sales", href: "#contact" }
|
||||
],
|
||||
features: [
|
||||
"Unlimited ad generations", "Custom integrations", "Dedicated account manager", "Unlimited team members", "Custom training & onboarding", "SLA & compliance"
|
||||
]
|
||||
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: "Compare Plans", href: "#features" }
|
||||
{ text: "Start Your First Project", href: "#pricing" }
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</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>Claim Your 3 Free Ads Now</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."
|
||||
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="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. 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. No credit card required. 30-day money-back guarantee on paid plans. No follow-up calls. No obligations."
|
||||
ariaLabel="Free ad offer signup"
|
||||
/>
|
||||
</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="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="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, no follow-up sales calls—just quality work to show what we can do."
|
||||
}
|
||||
]}
|
||||
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="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Ad Creation?"
|
||||
description="Join 500+ agencies and creators already using Quick Creatives. Try it free for 14 days—no credit card required."
|
||||
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="Start Creating Free"
|
||||
termsText="By clicking Start Creating Free you're confirming that you agree with our Terms and Conditions. We'll send you a confirmation email shortly."
|
||||
ariaLabel="Newsletter signup and contact form"
|
||||
buttonText="Claim Your 3 Free Ads Now"
|
||||
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>
|
||||
|
||||
@@ -240,8 +451,8 @@ export default function LandingPage() {
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "API Documentation", href: "#" },
|
||||
{ label: "Status", href: "#" }
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -256,11 +467,11 @@ export default function LandingPage() {
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security", href: "#" }
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Quick Creatives. All rights reserved."
|
||||
copyrightText="© 2025 Efficient Ads. All rights reserved."
|
||||
ariaLabel="Footer navigation and company information"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user