Update src/app/thank-you/page.tsx

Merge version_18 into main

src/app/layout.tsx

@@ -5,7 +5,7 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Efficient 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: "Get agency-quality ad creatives delivered in 48 hours. 40% ROAS increase, 50% cheaper than traditional agencies."
 };
 
 export default function RootLayout({
@@ -1385,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -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: 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: "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>
   );
-}
+}

src/app/thank-you/page.tsx

@@ -122,4 +122,4 @@ export default function ThankYouPage() {
       </div>
     </div>
   );
-}
+}