add tailwind prettier and some clean up

This commit is contained in:
Carl-Gerhard Lindesvärd
2024-03-26 22:03:08 +01:00
parent d0079c8dc3
commit 44c66dbed4
118 changed files with 355 additions and 2045 deletions

View File

@@ -7,20 +7,20 @@ import { JoinWaitlist } from './join-waitlist';
export default function Footer() {
return (
<footer className="bg-blue-darker text-white relative mt-40 relative">
<div className="inset-0 absolute h-full w-full bg-[radial-gradient(circle,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0)_100%)]"></div>
<div className="relative container flex flex-col items-center text-center">
<footer className="bg-blue-darker relative relative mt-40 text-white">
<div className="absolute inset-0 h-full w-full bg-[radial-gradient(circle,rgba(255,255,255,0.2)_0%,rgba(255,255,255,0)_100%)]"></div>
<div className="container relative flex flex-col items-center text-center">
<div className="my-24">
<Heading2 className="text-white mb-2">Get early access</Heading2>
<Heading2 className="mb-2 text-white">Get early access</Heading2>
<Lead2>Ready to set your analytics free? Get on our waitlist.</Lead2>
<div className="mt-8">
<JoinWaitlist className="text-white bg-white/20 border-white/30 focus:ring-white" />
<JoinWaitlist className="border-white/30 bg-white/20 text-white focus:ring-white" />
</div>
</div>
<div className="overflow-hidden rounded-xl">
<div className="p-2 bg-white/20">
<div className="bg-white/20 p-2">
<Image
src="/demo-2/1.png"
width={1080}
@@ -31,13 +31,13 @@ export default function Footer() {
</div>
</div>
</div>
<div className="-mt-8 relative z-10">
<div className="relative z-10 -mt-8">
<div className="h-px w-full bg-[radial-gradient(circle,rgba(255,255,255,0.7)_0%,rgba(255,255,255,0.7)_50%,rgba(255,255,255,0)_100%)]"></div>
<div className="p-4 bg-blue-darker">
<div className="bg-blue-darker p-4">
<div className="container">
<div className="flex flex-col gap-4 md:flex-row md:justify-between md:items-center text-sm">
<div className="flex flex-col gap-4 text-sm md:flex-row md:items-center md:justify-between">
<Logo />
<div className="flex flex-col md:flex-row gap-4">
<div className="flex flex-col gap-4 md:flex-row">
<Link className="hover:underline" href="/terms">
Terms and Conditions
</Link>