2024-05-21 05:34:29 +00:00
<!--
This example requires some changes to your config:
```
// tailwind.config.js
module.exports = {
// ...
plugins: [
// ...
require('@tailwindcss/forms'),
],
}
```
-->
< div class = "py-12 lg:py-24" >
2024-05-21 06:15:21 +00:00
< div class = "mx-auto grid max-w-7xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8 lg:mb-4" >
2024-05-21 05:34:29 +00:00
< div class = "max-w-xl text-3xl font-bold tracking-tight text-white sm:text-4xl lg:col-span-7" >
< h2 class = "inline sm:block lg:inline xl:block" > Want product news and updates?< / h2 > < br >
< p class = "inline sm:block lg:inline xl:block" > Sign up for our newsletter.< / p >
< / div >
< form class = "w-full max-w-md lg:col-span-5 lg:pt-2" >
< div class = "flex gap-x-4" >
< label for = "email-address" class = "sr-only" > Email address< / label >
2024-08-19 15:59:44 +00:00
< input id = "email-address" name = "email" type = "email" autocomplete = "email" required class = "min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-400 sm:text-sm sm:leading-6" placeholder = "Enter your email" >
< button type = "submit" class = "flex-none rounded-md bg-indigo-400 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400" > Subscribe< / button >
2024-05-21 05:34:29 +00:00
< / div >
2024-08-19 15:57:58 +00:00
< p class = "mt-4 text-sm leading-6 text-gray-300" > We care about your data. Read our < a href = "https://library.threefold.me/info/legal/#/legal__privacypolicy" class = "font-semibold text-white" > privacy policy< / a > .< / p >
2024-05-21 05:34:29 +00:00
< / form >
< / div >
< / div >
