chore: Update Features component to include responsive layout for larger screens

This commit is contained in:
Mauro Balades
2024-08-17 22:36:05 +02:00
parent 5185780df1
commit 4801564772

View File

@@ -68,7 +68,7 @@ export default function Features() {
</p> </p>
<Button className="mt-8" onClick={() => window.location.href = "/download"}>Try it now</Button> <Button className="mt-8" onClick={() => window.location.href = "/download"}>Try it now</Button>
</div> </div>
<div className="relative hidden lg:block flex h-[500px] w-full max-w-lg items-center justify-center overflow-hidden"> <div className="relative hidden lg:flex h-[500px] w-full max-w-lg items-center justify-center overflow-hidden">
<span className="pointer-events-none whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-center text-8xl font-semibold leading-none text-transparent dark:from-white dark:to-slate-900/10"> <span className="pointer-events-none whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-center text-8xl font-semibold leading-none text-transparent dark:from-white dark:to-slate-900/10">
<Image src="/logos/zen-black.png" width={100} height={100} alt="Zen Logo" /> <Image src="/logos/zen-black.png" width={100} height={100} alt="Zen Logo" />
</span> </span>