chore(website): improve layout and styling for DownloadCTA and Hero components for mobile version

Entire-Checkpoint: 033757b19995

apps/website/src/components/DownloadCTA.astro

@@ -23,7 +23,7 @@ const packageManagers = [
 ];
 ---
 
-<section id="download" class="relative py-28">
+<section id="download" class="relative overflow-hidden py-28">
   <hr class="section-divider mb-28" />
 
   <!-- Ambient glow -->

apps/website/src/components/Hero.astro

@@ -35,7 +35,7 @@ const heroSocialLinks = [
       src="/iptvnator/illustrations/hero-ambient-broadcast-waves.svg"
       alt=""
       aria-hidden="true"
-      class="mx-auto h-[18rem] w-full min-w-[1100px] object-cover md:h-[22rem] lg:h-[26rem]"
+      class="mx-auto h-[18rem] w-[140%] max-w-none object-cover md:h-[22rem] md:w-full lg:h-[26rem]"
       loading="eager"
     />
   </div>

apps/website/src/layouts/BaseLayout.astro

@@ -36,7 +36,7 @@ const { title, description, image, type, noindex, keywords, publishedTime, modif
   </head>
   <body class="min-h-screen bg-surface-950 font-body text-surface-200">
     <Header />
-    <main>
+    <main class="overflow-x-hidden">
       <slot />
     </main>
     <Footer />