Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_11 into main
2026-03-05 05:07:05 +00:00 · 2026-03-05 05:07:05 +00:00 · 2026-03-05 05:04:11 +00:00 · 2026-03-05 05:04:07 +00:00 · 2026-03-05 05:04:07 +00:00 · 2026-03-05 05:01:16 +00:00
2 changed files with 103 additions and 36 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,9 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
 import "./globals.css";

-const inter = Inter({ subsets: ["latin"] });
-
 export const metadata: Metadata = {
-  title: "Efficient Ads - Agency-Quality Ad Creatives in 48 Hours",  description: "Get agency-quality ad creatives delivered in 48 hours at half the cost. Perfect for agencies, brands, and creators."};
+  title: "Efficient Ads - 40% Average ROAS Increase—Get Professional Ad Creatives in 48 Hours, 50% Cheaper Than Agencies",  description: "Launch winning campaigns in 48 hours instead of 3 weeks. Agency-quality video ads, static creatives, and full-funnel packs. 40% average ROAS increase. 50% cheaper than agencies."
+};

 export default function RootLayout({
  children,
@@ -14,7 +12,9 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={inter.className}>{children}
+      <body>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,9 +11,12 @@ import ContactCenter from "@/components/sections/contact/ContactCenter";
 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 { 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"
@@ -46,8 +49,8 @@ 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."
+          title="40% Average ROAS Increase—Get Professional Ad Creatives in 48 Hours, 50% Cheaper Than Agencies"
+          description="Launch winning campaigns in 48 hours instead of 3 weeks. 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={[
            {
@@ -66,17 +69,17 @@ export default function LandingPage() {
            { text: "See Our Work", href: "#features" }
          ]}
          buttonAnimation="slide-up"
-          ariaLabel="Hero section - Efficient Ads agency-quality ads in 48 hours"
+          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="Real numbers from real clients achieving real results"
+          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={["200+ Ad Variations", "48-Hour Turnaround", "95% Client Satisfaction", "10M+ Impressions Generated", "3x Faster Production"]}
+          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}
@@ -97,7 +100,7 @@ export default function LandingPage() {
          features={[
            {
              icon: Clock,
-              title: "Weeks of Back-and-Forth",              description: "Traditional agencies take weeks for approvals and revisions. We deliver in 48 hours."
+              title: "3 Weeks Production Time vs 48 Hours",              description: "Traditional agencies take weeks for approvals and revisions. We deliver in 48 hours."
            },
            {
              icon: Users,
@@ -109,11 +112,11 @@ export default function LandingPage() {
            },
            {
              icon: TrendingUp,
-              title: "Unknown Performance",              description: "Guessing which creatives will perform best. We optimize based on real data insights."
+              title: "40% Average ROAS Increase",              description: "Guessing which creatives will perform best. We optimize based on real data insights."
            },
            {
              icon: CreditCard,
-              title: "Unpredictable Costs",              description: "Hidden fees and scope creep add up fast. Our pricing is transparent and fixed."
+              title: "50% Cheaper Than Agencies",              description: "Hidden fees and scope creep add up fast. Our pricing is transparent and fixed."
            },
            {
              icon: Sparkles,
@@ -207,7 +210,89 @@ export default function LandingPage() {
        />
      </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."
+          tagIcon={Sparkles}
+          background={{ variant: "downward-rays-static-grid" }}
+          useInvertedBackground={true}
+          inputPlaceholder="Enter your email address"
+          buttonText="Claim Your 3 Free Ads Now"
+          termsText="No credit card required. 30-day money-back guarantee on paid plans."
+          ariaLabel="Free ad offer signup"
+        />
+      </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>View 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 +305,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,28 +330,10 @@ export default function LandingPage() {
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
-          buttons={[
-            { text: "Compare All Plans", href: "#features" }
-          ]}
          buttonAnimation="opacity"
        />
      </div>

-      <div id="free-offer" data-section="free-offer">
-        <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."
-          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."
-          ariaLabel="Free ad offer signup"
-        />
-      </div>
-
      <div id="who-its-for" data-section="who-its-for">
        <FeatureBorderGlow
          title="Who We Help"
@@ -345,7 +412,7 @@ export default function LandingPage() {
              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."
+              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."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png?_wi=2"
@@ -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="No credit card required. 30-day money-back guarantee on paid plans. Cancel anytime."
          ariaLabel="Contact form and ad offer signup"
        />
      </div>
Author	SHA1	Message	Date
bender	6f11ebac09	Update src/app/page.tsx	2026-03-05 05:07:05 +00:00
bender	45e956d16a	Update src/app/layout.tsx	2026-03-05 05:07:05 +00:00
bender	ff8938ec0f	Merge version_11 into main Merge version_11 into main	2026-03-05 05:04:11 +00:00
bender	98f7cb8ba6	Update src/app/page.tsx	2026-03-05 05:04:07 +00:00
bender	fe1b84e4d2	Update src/app/layout.tsx	2026-03-05 05:04:07 +00:00
bender	2a8616b144	Merge version_10 into main Merge version_10 into main	2026-03-05 05:01:16 +00:00
bender	7105de1607	Update src/app/page.tsx	2026-03-05 05:01:12 +00:00
bender	f09f245b63	Update src/app/layout.tsx	2026-03-05 05:01:12 +00:00
bender	d77c1249bb	Merge version_9 into main Merge version_9 into main	2026-03-05 01:42:55 +00:00
bender	f032927a66	Update src/app/page.tsx	2026-03-05 01:42:51 +00:00
bender	6e76762078	Merge version_9 into main Merge version_9 into main	2026-03-05 01:41:21 +00:00
bender	9abc6caa07	Update src/app/page.tsx	2026-03-05 01:41:17 +00:00
bender	d79fff57f6	Update src/app/layout.tsx	2026-03-05 01:41:17 +00:00
bender	cef806d5ee	Merge version_8 into main Merge version_8 into main	2026-03-05 01:32:28 +00:00