feat: V2 UI overhaul - dark hero, bento grid, country destinations, testimonials, HOW IT WORKS, fixed mobile nav

Author: reavanthchowdary62-pixel

src/app/globals.css

@@ -226,6 +226,10 @@ h1, h2, h3, .font-display {
 .dark .badge-accent  { background: rgba(20,184,166,0.15); color: #5eead4; }
 .dark .badge-amber   { background: rgba(251,191,36,0.15); color: #fcd34d; }
 
+/* ── Hide Scrollbar (horizontal scroll rows) ─────────────────────────────── */
+.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+.hide-scrollbar::-webkit-scrollbar { display: none; }
+
 /* ── Gradient border ─────────────────────────────────────────────────────── */
 .gradient-border {
   position: relative;

src/app/layout.tsx

@@ -115,7 +115,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
           </header>
 
           {/* ── MAIN CONTENT ─────────────────────────────────────────────- */}
-          <main className="flex-grow flex flex-col relative w-full max-w-7xl mx-auto p-4 sm:p-6">
+          <main className="flex-grow flex flex-col relative w-full overflow-x-hidden">
             {children}
           </main>