update Join the Waitlist button

src/components/CallTo.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import { H2, P } from '@/components/Texts'
 
 export function CallTo() {
@@ -20,7 +22,15 @@ export function CallTo() {
             >
               Book a Meeting
             </a>
-            <a href="mailto:info@ourworld.tf" target="_blank" rel="noopener noreferrer" className="text-sm/6 font-semibold text-[#2F3178] hover:text-[#2F3178]/80">
+            <a
+              href="javascript:;"
+              onClick={() => {
+                if (typeof window !== 'undefined' && (window as any).ml_account) {
+                  (window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
+                }
+              }}
+              className="text-sm/6 font-semibold text-[#2F3178] hover:text-[#2F3178]/80"
+            >
               Join the Waitlist <span aria-hidden="true">→</span>
             </a>
           </div>

src/components/CallToAction.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { CircleBackground } from '@/components/CircleBackground'
 import { Container } from '@/components/Container'
 import { Button } from '@/components/Button'
@@ -42,7 +44,15 @@ export function CallToAction() {
             >
               Book a Meeting
             </Button>
-            <Button href="mailto:info@ourworld.tf" target="_blank" rel="noopener noreferrer" variant="outline" color="white">
+            <Button
+              variant="outline"
+              color="white"
+              onClick={() => {
+                if (typeof window !== 'undefined' && (window as any).ml_account) {
+                  (window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
+                }
+              }}
+            >
               Join the Waitlist
             </Button>
           </div>

src/components/Header.tsx

@@ -110,7 +110,15 @@ export function Header() {
                             <NavLinks className="block text-base/7 tracking-tight" />
                           </div>
                           <div className="mt-8 flex flex-col gap-4">
-                            <Button href="mailto:info@ourworld.tf" variant="outline" color="white" target="_blank" rel="noopener noreferrer">
+                            <Button
+                              variant="outline"
+                              color="white"
+                              onClick={() => {
+                                if (typeof window !== 'undefined' && (window as any).ml_account) {
+                                  (window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
+                                }
+                              }}
+                            >
                               Join the Waitlist
                             </Button>
                             <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
@@ -123,8 +131,16 @@ export function Header() {
               )}
             </Popover>
             <div className="flex items-center gap-6 max-lg:hidden">
-              <Button href="mailto:info@ourworld.tf" variant="outline" color="white" target="_blank" rel="noopener noreferrer">
-              Join the Waitlist
+              <Button
+                variant="outline"
+                color="white"
+                onClick={() => {
+                  if (typeof window !== 'undefined' && (window as any).ml_account) {
+                    (window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
+                  }
+                }}
+              >
+                Join the Waitlist
               </Button>
               <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
             </div>