feat: update header

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

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 
-export default function GlowEffect({ children }: { children: React.ReactNode }) {
+export default function GlowEffect({ children, id }: { children: React.ReactNode; id?: string }) {
   const [isPropertyRegistered, setIsPropertyRegistered] = useState(false);
 
   // Register CSS property in component body (before render)
@@ -68,7 +68,7 @@ export default function GlowEffect({ children }: { children: React.ReactNode })
       `}</style>
       )}
 
-      <div className="flex items-center justify-center p-4">
+      <div id={id} className="flex items-center justify-center p-4">
         <div className="email-form-wrapper relative isolate max-w-lg w-full mx-auto p-[2px] rounded-xl">
           {children}
         </div>

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

@@ -85,7 +85,7 @@ export function WaitlistEmailForm() {
   return (
     <>
       <style dangerouslySetInnerHTML={{ __html: styles }} />
-      <GlowEffect>
+      <GlowEffect id="get-access">
         {isSubmitted ? (
           <div
             className="flex items-center justify-center gap-3 px-4 py-3 rounded-[10px]"

apps/landing/src/app/layout.tsx

@@ -61,10 +61,10 @@ export default function RootLayout({
                 />
               </div>
               <a
-                href="#waitlist"
+                href="#get-access"
                 className="text-sm text-gray-300 hover:text-white transition-colors"
               >
-                Join Beta
+                Get Access
               </a>
             </nav>
           </header>