Update src/app/page.tsx

Update src/app/layout.tsx
2026-03-05 01:42:51 +00:00 · 2026-03-05 01:41:17 +00:00 · 2026-03-05 01:41:17 +00:00 · 2026-03-05 01:32:28 +00:00 · 2026-03-05 01:32:24 +00:00 · 2026-03-05 01:32:24 +00:00
2 changed files with 104 additions and 37 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,9 +1,11 @@
 import type { Metadata } from "next";
-import "./styles/variables.css";
+import { Inter } from "next/font/google";
 import "./globals.css";

+const inter = Inter({ subsets: ["latin"] });
+
 export const metadata: Metadata = {
-  title: "Quick Creatives - Agency-Quality Ad Creatives in 48 Hours",  description: "Get stunning video ads, static creatives, and full-funnel packs delivered in 48 hours. Perfect for agencies, brands, and creators."
+  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."
 };

 export default function RootLayout({
@@ -13,9 +15,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body>
-        {children}
-      
+      <body className={inter.className}>{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 } 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 } from "lucide-react";
+import { useState } from "react";

 export default function LandingPage() {
+  const [showComparison, setShowComparison] = useState(false);
+
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
@@ -29,7 +32,7 @@ export default function LandingPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
-          brandName="Quick Creatives"
+          brandName="Efficient Ads"
          navItems={[
            { name: "How it Works", id: "how-it-works" },
            { name: "Pricing", id: "pricing" },
@@ -38,7 +41,7 @@ export default function LandingPage() {
            { name: "Contact", id: "contact" }
          ]}
          button={{
-            text: "Get My 3 Free Creatives",            href: "#free-offer"
+            text: "Claim Your 3 Free Ads Now",            href: "#free-offer"
          }}
          animateOnLoad={true}
        />
@@ -47,7 +50,7 @@ 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. Skip the lengthy production cycles 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."
+          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."
          background={{ variant: "downward-rays-animated" }}
          avatars={[
            {
@@ -62,11 +65,11 @@ export default function LandingPage() {
          ]}
          avatarText="Trusted by 100+ agencies and brands"
          buttons={[
-            { text: "Get My 3 Free Creatives", href: "#free-offer" },
+            { text: "Claim Your 3 Free Ads Now", href: "#free-offer" },
            { text: "See Our Work", href: "#features" }
          ]}
          buttonAnimation="slide-up"
-          ariaLabel="Hero section - Quick Creatives agency-quality ads in 48 hours"
+          ariaLabel="Hero section - Efficient Ads agency-quality ads in 48 hours"
        />
      </div>

@@ -90,7 +93,7 @@ export default function LandingPage() {

      <div id="pain-points" data-section="pain-points">
        <FeatureBorderGlow
-          title="The Old Way vs. The Quick Creatives Way"
+          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}
@@ -208,6 +211,73 @@ export default function LandingPage() {
      </div>

      <div id="pricing" data-section="pricing">
+        <div className="relative">
+          <div className="flex justify-center mb-6">
+            <button
+              onClick={() => setShowComparison(!showComparison)}
+              className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-button text-primary hover:opacity-80 transition-opacity"
+              aria-label="Toggle feature comparison"
+            >
+              <CheckCircle size={18} />
+              <span>{showComparison ? "Hide Comparison" : "Show 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."
@@ -216,7 +286,7 @@ export default function LandingPage() {
          plans={[
            {
              id: "starter",              badge: "Starter",              badgeIcon: Sparkles,
-              price: "$1,500",              subtitle: "Per Month",              buttons: [
+              price: "$1,500",              subtitle: "Per Month (Recurring)",              buttons: [
                { text: "Get Started", href: "#free-offer" }
              ],
              features: [
@@ -225,29 +295,26 @@ export default function LandingPage() {
            },
            {
              id: "growth",              badge: "Most Popular",              badgeIcon: Zap,
-              price: "$3,000",              subtitle: "Per Month",              buttons: [
+              price: "$5,000",              subtitle: "Per Month (Recurring)",              buttons: [
                { text: "Get Started", href: "#free-offer" }
              ],
              features: [
-                "Unlimited ad projects",                "Video ads with unlimited variations",                "Static creatives (unlimited)",                "Full-funnel packs included",                "24-hour turnaround available",                "A/B testing variations",                "Performance analytics",                "Priority support",                "Dedicated account manager"
+                "✓ 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: "scale",              badge: "Scale",              badgeIcon: Crown,
-              price: "$5,500",              subtitle: "Per Month",              buttons: [
-                { text: "Contact Sales", href: "#free-offer" }
+              id: "enterprise",              badge: "Enterprise",              badgeIcon: Calendar,
+              price: "Custom",              subtitle: "Schedule a Call",              buttons: [
+                { text: "Book Appointment", href: "#contact" }
              ],
              features: [
-                "Everything in Growth +",                "Custom creative strategy sessions",                "Unlimited team members",                "API access",                "White-label options",                "Custom integrations",                "24/7 dedicated support",                "Quarterly strategy reviews",                "Enterprise SLA"
+                "✓ 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}
-          buttons={[
-            { text: "Compare All Plans", href: "#features" }
-          ]}
          buttonAnimation="opacity"
        />
      </div>
@@ -255,15 +322,15 @@ export default function LandingPage() {
      <div id="free-offer" data-section="free-offer">
        <ContactCenter
          tag="Free Trial - Risk Free"
-          title="Claim Your 3 Free Creatives Now"
-          description="Try our service risk-free with no credit card required. See exactly what we deliver in 48 hours. Includes 30-day money-back guarantee on paid plans. No follow-up sales calls. No obligations."
+          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="Get My 3 Free Creatives"
-          termsText="By claiming your free creatives, 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 creative offer signup"
+          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>

@@ -308,7 +375,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%. Quick Creatives 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%. Efficient Ads is a game-changer for our agency."
          rating={5}
          author="Emma Rodriguez, Creative Director"
          avatars={[
@@ -330,7 +397,7 @@ export default function LandingPage() {
        <FaqSplitMedia
          faqs={[
            {
-              id: "1",              title: "How do you deliver in 48 hours?",              content: "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: "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."
@@ -342,16 +409,16 @@ export default function LandingPage() {
              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 Scale plans include comprehensive revision options. We work with you until you're happy with the results—we succeed when you succeed."
+              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 creatives 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, 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 Quick Creatives."
+          description="Everything you need to know about working with Efficient Ads."
          tag="Help"
          tagIcon={HelpCircle}
          mediaAnimation="slide-up"
@@ -366,14 +433,14 @@ 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 Quick Creatives. Start with your free 3 creatives 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. Cancel anytime."
          tagIcon={Mail}
          background={{ variant: "downward-rays-static-grid" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email address"
-          buttonText="Get My 3 Free Creatives"
-          termsText="By claiming your free creatives, you're confirming that you agree with our Terms and Conditions. 30-day money-back guarantee on paid plans. Cancel anytime, no questions asked."
-          ariaLabel="Contact form and creative offer signup"
+          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."
+          ariaLabel="Contact form and ad offer signup"
        />
      </div>

@@ -404,7 +471,7 @@ export default function LandingPage() {
              ]
            }
          ]}
-          copyrightText="© 2025 Quick Creatives. All rights reserved."
+          copyrightText="© 2025 Efficient Ads. All rights reserved."
          ariaLabel="Footer navigation and company information"
        />
      </div>
Author	SHA1	Message	Date
bender	f032927a66	Update src/app/page.tsx	2026-03-05 01:42:51 +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
bender	1d7bdc8f07	Update src/app/page.tsx	2026-03-05 01:32:24 +00:00
bender	3249eead64	Update src/app/layout.tsx	2026-03-05 01:32:24 +00:00
bender	453c66bf08	Merge version_7 into main Merge version_7 into main	2026-03-05 01:26:50 +00:00
bender	1df8d4652a	Update src/app/page.tsx	2026-03-05 01:26:46 +00:00
bender	a9da569845	Merge version_6 into main Merge version_6 into main	2026-03-04 23:32:35 +00:00
bender	30e9ac1de5	Update src/app/page.tsx	2026-03-04 23:32:31 +00:00
bender	8212671c23	Merge version_5 into main Merge version_5 into main	2026-03-04 13:27:16 +00:00
bender	92b0b4b577	Update src/app/page.tsx	2026-03-04 13:27:11 +00:00
bender	5d022c1da4	Update src/app/layout.tsx	2026-03-04 13:27:10 +00:00
bender	8b8e88ab3e	Merge version_4 into main Merge version_4 into main	2026-03-04 12:56:17 +00:00