www_ourverse_new/src/components/Bottom.jsx
2024-10-15 15:42:14 +02:00

42 lines
1.6 KiB
JavaScript

export default function Bottom() {
return (
<div className="relative isolate overflow-hidden bg-gray-900">
<div className="px-6 py-24 sm:px-6 sm:py-32 lg:px-8">
<div className="mx-auto max-w-2xl text-center">
<h2 className="text-3xl font-bold tracking-tight text-white lg:text-5xl">
The Future of Collaboration
<br />
is now.
</h2>
<p className="mx-auto mt-6 max-w-xl text-lg leading-8 text-gray-300">
Join OurVerse and experience the future of collaboration and creation tools beyond your imagination.
</p>
<div className="mt-10 flex items-center justify-center gap-x-6">
<a
href="https://portal.ourverse.tf"
target='_blank'
className="rounded-2xl btn-dark text-base font-semibold text-gray-900"
rel="noopener noreferrer"c
>
Sign Up Now
</a>
</div>
</div>
</div>
<svg
viewBox="0 0 1024 1024"
aria-hidden="true"
className="absolute left-1/2 top-1/2 -z-10 h-[64rem] w-[64rem] -translate-x-1/2 [mask-image:radial-gradient(closest-side,white,transparent)]"
>
<circle r={512} cx={512} cy={512} fill="url(#8d958450-c69f-4251-94bc-4e091a323369)" fillOpacity="0.7" />
<defs>
<radialGradient id="8d958450-c69f-4251-94bc-4e091a323369">
<stop stopColor="#7775D6" />
<stop offset={1} stopColor="#E935C1" />
</radialGradient>
</defs>
</svg>
</div>
)
}