From 73efafef6619290c2578251f0a094324513d4405 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 02:25:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 93 +++++++++++++++++++-----------------------------
 1 file changed, 36 insertions(+), 57 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 242b84a..01b2f04 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -238,7 +238,7 @@ export default function LandingPage() {
           features={[
             {
               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-young-marketi-1772624560922-a81a2ec0.png", imageAlt: "Video ad sample" },
                 { 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" }
               ]
@@ -305,24 +305,6 @@ export default function LandingPage() {
           ]}
           buttonAnimation="opacity"
         />
-
-        {/* Video Explainer 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="studio ads Demo"
-                frameBorder="0"
-                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-                allowFullScreen
-              />
-            </div>
-            <p className="text-center text-foreground/60 text-sm mt-4">60-90 second video explainer - See how our process works</p>
-          </div>
-        </div>
       </div>
 
       <div id="free-offer" data-section="free-offer">
@@ -378,59 +360,56 @@ export default function LandingPage() {
           </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>
+              <h3 className="text-lg font-semibold mb-4 text-foreground">Studio Ads vs Traditional Agencies</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>
+                      <th className="text-left py-2 px-3 font-semibold">Metric</th>
+                      <th className="text-center py-2 px-3 font-semibold">Studio Ads</th>
+                      <th className="text-center py-2 px-3 font-semibold">Traditional Agencies</th>
                     </tr>
                   </thead>
                   <tbody>
                     <tr className="border-b border-accent/10">
-                      <td className="py-3 px-3">Average ROAS Lift</td>
-                      <td className="text-center py-3 px-3">20%</td>
-                      <td className="text-center py-3 px-3">40%</td>
-                      <td className="text-center py-3 px-3">Custom</td>
+                      <td className="py-3 px-3 font-semibold">Production Time</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">48 Hours</td>
+                      <td className="text-center py-3 px-3">3-4 Weeks</td>
                     </tr>
                     <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>
+                      <td className="py-3 px-3 font-semibold">Cost per Ad</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">$500-1,500</td>
+                      <td className="text-center py-3 px-3">$2,500-5,000</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>
+                      <td className="py-3 px-3 font-semibold">Creative Variations</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">10+ Included</td>
+                      <td className="text-center py-3 px-3">1-3 Base Concepts</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>
+                      <td className="py-3 px-3 font-semibold">Revision Rounds</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">Unlimited (48hr)</td>
+                      <td className="text-center py-3 px-3">Limited / Extra Cost</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>
+                      <td className="py-3 px-3 font-semibold">Platform Optimization</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">All Major Platforms</td>
+                      <td className="text-center py-3 px-3">Limited Formats</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>
+                      <td className="py-3 px-3 font-semibold">Average ROAS Lift</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">40% Average</td>
+                      <td className="text-center py-3 px-3">20-25% Average</td>
+                    </tr>
+                    <tr className="border-b border-accent/10">
+                      <td className="py-3 px-3 font-semibold">Account Manager</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">Growth+ Plans</td>
+                      <td className="text-center py-3 px-3">Always Included</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>
+                      <td className="py-3 px-3 font-semibold">Setup/Onboarding</td>
+                      <td className="text-center py-3 px-3 text-primary-cta font-semibold">Minimal</td>
+                      <td className="text-center py-3 px-3">2-4 Weeks</td>
                     </tr>
                   </tbody>
                 </table>
@@ -522,19 +501,19 @@ export default function LandingPage() {
         <TestimonialCardFifteen
           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"
+          author="Marcus Chen, Founder"
           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-male-entrepre-1772624561085-2e00132e.png",              alt: "Marcus 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"
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png",              alt: "Team member"
             }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="blur-reveal"
           useInvertedBackground={true}
-          ariaLabel="Customer testimonial from Emma Rodriguez"
+          ariaLabel="Customer testimonial from Marcus Chen"
         />
       </div>
 
@@ -560,7 +539,7 @@ export default function LandingPage() {
               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"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png?_wi=2"
           imageAlt="FAQ support team"
           title="Frequently Asked Questions"
           description="Everything you need to know about working with studio ads."
-- 
2.49.1