diff --git a/src/app/page.tsx b/src/app/page.tsx
index 288af12..9be4d03 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,6 +51,7 @@ export default function LandingPage() {
             { text: "Shop Now", href: "#products" },
             { text: "Learn More", href: "#about" }
           ]}
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -76,6 +77,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -96,6 +98,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -113,6 +116,7 @@ export default function LandingPage() {
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -125,6 +129,7 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           showCard={true}
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -138,6 +143,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           termsText="We respect your privacy. Unsubscribe at any time."
+          containerClassName="py-20 md:py-32 lg:py-40 2xl:py-48"
         />
       </div>
 
@@ -146,6 +152,7 @@ export default function LandingPage() {
           logoText="Snickers"
           copyrightText="© 2025 Mars Incorporated. All rights reserved."
           socialLinks={[]}
+          containerClassName="py-20 md:py-28 lg:py-32"
         />
       </div>
     </ThemeProvider>