Improve mobile navigation, responsive layout, and theme styling

app/globals.css

@@ -169,7 +169,7 @@
     background-size: 64px 100%;
   }
   html {
-    @apply font-sans;
+    @apply scroll-pt-20 font-sans;
   }
 }
 

app/page.tsx

@@ -11,7 +11,7 @@ import { TestimonialsSection } from "@/components/sections/testimonials-section"
 
 export default function Home() {
   return (
-    <div className="min-h-screen bg-background text-foreground selection:bg-blue-600 selection:text-white">
+    <div className="min-h-screen overflow-x-clip bg-background text-foreground selection:bg-blue-600 selection:text-white">
       <SiteHeader />
       <main id="top" className="mx-auto max-w-[1280px] border-x">
         <HeroSection />
@@ -22,8 +22,8 @@ export default function Home() {
         <PricingSection />
         <TestimonialsSection />
         <CtaSection />
-        <SiteFooter />
       </main>
+      <SiteFooter />
     </div>
   )
 }