Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -50,6 +50,9 @@ export default function LandingPage() {
           carouselPosition="right"
           ariaLabel="Hero section"
           background={{ variant: "plain" }}
+          className="flex justify-center items-center md:min-h-screen"
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-12 md:py-20"
+          textBoxClassName="space-y-4 md:space-y-6"
         />
       </div>
 
@@ -71,6 +74,7 @@ export default function LandingPage() {
               id: "3",              title: "Website Optimization",              description: "Speed, SEO, and conversion improvements to help businesses grow online. We optimize every metric that matters to your success.",              tag: "Performance"
             }
           ]}
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-8 md:py-16"
         />
       </div>
 
@@ -80,6 +84,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[]}
           buttonAnimation="slide-up"
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-8 md:py-16"
         />
       </div>
 
@@ -101,6 +106,7 @@ export default function LandingPage() {
               id: "3",              value: "50ms",              title: "Average Load Time",              items: ["Lightning-fast performance", "SEO optimized structure"]
             }
           ]}
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-8 md:py-16"
         />
       </div>
 
@@ -118,6 +124,7 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           background={{ variant: "animated-grid" }}
           useInvertedBackground={false}
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-8 md:py-16"
         />
       </div>
 
@@ -126,6 +133,7 @@ export default function LandingPage() {
           logoText="ARCHISITES"
           leftLink={{ text: "Privacy Policy", href: "#" }}
           rightLink={{ text: "Terms of Service", href: "#" }}
+          containerClassName="w-full max-w-6xl mx-auto px-4 md:px-8 py-8 md:py-12"
         />
       </div>
     </ThemeProvider>