diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a91cb11..6c0a455 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1385,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 169cc62..03231cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -559,55 +559,64 @@ export default function LandingPage() {
         />
       </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."
-            }
-          ]}
-          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."
-          tag="Help"
-          tagIcon={HelpCircle}
-          mediaAnimation="slide-up"
-          faqsAnimation="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          mediaPosition="left"
-        />
+      <div id="faq" data-section="faq" className="py-16 md:py-24 px-4 bg-background">
+        <div className="max-w-6xl mx-auto">
+          <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."
+              }
+            ]}
+            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."
+            tag="Help"
+            tagIcon={HelpCircle}
+            mediaAnimation="slide-up"
+            faqsAnimation="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            mediaPosition="left"
+            containerClassName="max-w-6xl mx-auto"
+            contentClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 items-center"
+            mediaWrapperClassName="order-2 md:order-1"
+            faqsContainerClassName="order-1 md:order-2"
+          />
+        </div>
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get Started"
-          title="Ready to Scale Your Creative Output?"
-          description="Join 100+ brands and agencies already transforming their ad production with studio ads. Start with your free 3 ads today."
-          tagIcon={Mail}
-          background={{ variant: "downward-rays-static-grid" }}
-          useInvertedBackground={true}
-          inputPlaceholder="Enter your email address"
-          buttonText="Start Free Project"
-          termsText="No card required. 30-day guarantee. Cancel anytime."
-          ariaLabel="Contact form and ad offer signup"
-        />
+      <div id="contact" data-section="contact" className="py-16 md:py-24 px-4">
+        <div className="max-w-4xl mx-auto">
+          <ContactCenter
+            tag="Get Started"
+            title="Ready to Scale Your Creative Output?"
+            description="Join 100+ brands and agencies already transforming their ad production with studio ads. Start with your free 3 ads today."
+            tagIcon={Mail}
+            background={{ variant: "downward-rays-static-grid" }}
+            useInvertedBackground={true}
+            inputPlaceholder="Enter your email address"
+            buttonText="Start Free Project"
+            termsText="No card required. 30-day guarantee. Cancel anytime."
+            ariaLabel="Contact form and ad offer signup"
+            containerClassName="max-w-2xl mx-auto"
+          />
+        </div>
       </div>
 
       <div id="footer" data-section="footer">
@@ -639,8 +648,9 @@ export default function LandingPage() {
           ]}
           copyrightText="© 2025 studio ads. All rights reserved."
           ariaLabel="Footer navigation and company information"
+          containerClassName="max-w-6xl mx-auto px-4"
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}