This commit is contained in:
2024-11-18 12:37:12 +01:00
parent 7929f73994
commit 12707836d3
2 changed files with 52 additions and 3 deletions

View File

@@ -0,0 +1,49 @@
<div class="bg-gray-900 py-24 sm:py-32">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<h2 class="text-base/7 font-semibold text-indigo-400">Deploy faster</h2>
<p class="mt-2 max-w-lg text-pretty text-4xl font-semibold tracking-tight text-white sm:text-5xl">Everything you need to deploy your app</p>
<div class="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
<div class="flex p-px lg:col-span-4">
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-t-[2rem] lg:rounded-tl-[2rem]">
<img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-releases.png" alt="">
<div class="p-10">
<h3 class="text-sm/4 font-semibold text-gray-400">Releases</h3>
<p class="mt-2 text-lg font-medium tracking-tight text-white">Push to deploy</p>
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.</p>
</div>
</div>
</div>
<div class="flex p-px lg:col-span-2">
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-tr-[2rem]">
<img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-integrations.png" alt="">
<div class="p-10">
<h3 class="text-sm/4 font-semibold text-gray-400">Integrations</h3>
<p class="mt-2 text-lg font-medium tracking-tight text-white">Connect your favorite tools</p>
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa.</p>
</div>
</div>
</div>
<div class="flex p-px lg:col-span-2">
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 lg:rounded-bl-[2rem]">
<img class="h-80 object-cover" src="https://tailwindui.com/plus/img/component-images/bento-02-security.png" alt="">
<div class="p-10">
<h3 class="text-sm/4 font-semibold text-gray-400">Security</h3>
<p class="mt-2 text-lg font-medium tracking-tight text-white">Advanced access control</p>
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
</div>
</div>
</div>
<div class="flex p-px lg:col-span-4">
<div class="overflow-hidden rounded-lg bg-gray-800 ring-1 ring-white/15 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]">
<img class="h-80 object-cover object-left" src="https://tailwindui.com/plus/img/component-images/bento-02-performance.png" alt="">
<div class="p-10">
<h3 class="text-sm/4 font-semibold text-gray-400">Performance</h3>
<p class="mt-2 text-lg font-medium tracking-tight text-white">Lightning-fast builds</p>
<p class="mt-2 max-w-lg text-sm/6 text-gray-400">Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate. Maecenas at augue sed elit dictum vulputate.</p>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -3,17 +3,17 @@
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Open Source
Open Source.
</dd>
</div>
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Authenticity
Authenticity.
</dd>
</div>
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
<dd class="fade-in order-first text-3xl font-semibold tracking-tight text-white sm:text-4xl opacity-0 transition-opacity duration-1000" data-observer>
Simplicity
Simplicity.
</dd>
</div>
</dl>