feat: make sticky header

apps/landing/src/app/_components/GlowEffect.tsx

@@ -68,7 +68,7 @@ export default function GlowEffect({ children, id }: { children: React.ReactNode
       `}</style>
       )}
 
-      <div id={id} className="flex items-center justify-center p-4">
+      <div id={id} className="flex items-center justify-center p-4 scroll-mt-50">
         <div className="email-form-wrapper relative isolate max-w-lg w-full mx-auto p-[2px] rounded-xl">
           {children}
         </div>

apps/landing/src/app/layout.tsx

@@ -48,7 +48,7 @@ export default function RootLayout({
           </div>
 
           {/* Header */}
-          <header className="relative z-10 border-b border-white/10 backdrop-blur-sm">
+          <header className="sticky top-0 z-10 bg-slate-900/80 backdrop-blur-md border-b border-white/5">
             <nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
               <div className="h-full flex items-center">
                 <Image