fix(ui): fix landing overflow on small screens

Author: Davidthecode

apps/web/app/page.tsx

@@ -5,16 +5,14 @@ import { Header } from "@/components/home/header";
 import { HeroSection } from "@/components/home/hero";
 
 const Page = () => (
-  <div className="flex w-full items-center justify-center">
-    <div className="dark flex min-h-screen w-full flex-col bg-background">
-      <Header />
-      <main>
-        <HeroSection />
-        <FeaturesSection />
-        <DemoSection />
-        <Footer />
-      </main>
-    </div>
+  <div className="dark flex min-h-screen w-full flex-col bg-background">
+    <Header />
+    <main>
+      <HeroSection />
+      <FeaturesSection />
+      <DemoSection />
+      <Footer />
+    </main>
   </div>
 );
 

apps/web/components/home/hero.tsx

@@ -33,7 +33,7 @@ export const HeroSection = () => {
   )`;
 
   return (
-    <section className="container-landing group relative py-16">
+    <section className="container-landing group relative overflow-x-hidden py-16">
       <div className="border border-white/10">
         <div className="grid h-32 grid-cols-12 border-white/10 border-b">
           {/* Top Left: Fan/Perspective Pattern */}