<script>
  import { load } from 'recaptcha-v3'
  import { onMount } from 'svelte';
  import GoLiveDateInfo from '../components/GoLiveDateInfo.svelte';

  onMount(() => {
    async function reCaptcha() {
      const recaptcha = await load('6Lcnm7EUAAAAAOWFIrRWVkA8zvckeG8RIjELdaSj', {useRecaptchaNet: true, autoHideBadge: true} )
      const token = await recaptcha.execute('homepage')
      console.log(token) // Will also print the token
    }

  reCaptcha();
  });

</script>

<GoLiveDateInfo/>




<form class="group w-full max-w-lg container mt-20 sm:mt-32 md:mt-40">


  <div class="md:flex md:items-center mb-6">
    <div class="md:w-1/3">
      <label for="inline-full-name" class="block text-six group-hover:text-one font-bold md:text-right mb-1 md:mb-0 pr-4">
        Full Name
      </label>
    </div>

    <div class="md:w-2/3">
      <input id="inline-full-name" type="text" placeholder="Jane Doe" autocomplete="on" class="form-input bg-six appearance-none border border-five rounded w-full py-2 px-4 text-one leading-tight focus:outline-none focus:elevation-3 focus:border-four focus:text-two focus:font-bold hover:scale-grow placeholder-two">
    </div>
  </div>

</form>