This commit is contained in:
2025-02-21 00:39:34 +08:00
parent 9d44646773
commit 614b499fb2
4 changed files with 10 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
<div class="bg-white py-12">
<div class="mx-auto max-w-4xl px-6 max-lg:text-center lg:max-w-7xl lg:px-8">
<h2 id="typing-text2" class=" fade-in text-balance font-normal tracking-tight text-black lg:text-[6rem] text-[2.5rem]">Pre-order Your AIBox</h2>
<p class="mt-6 max-w-2xl text-lg font-medium text-pretty text-gray-600 max-lg:mx-auto sm:text-xl/8">Choose an affordable plan thats packed with the best features for engaging your audience, creating customer loyalty, and driving sales.</p>
<p class="mt-6 max-w-2xl text-lg font-light text-pretty text-gray-600 max-lg:mx-auto sm:text-xl/8">Choose the box thats packed with the best features for your computing needs.</p>
</div>
<div class="relative pt-16 sm:pt-24">
<div class="absolute inset-x-0 top-48 bottom-0"></div>
@@ -10,7 +10,7 @@
<div class="-m-2 grid grid-cols-1 rounded-[2rem] ring-1 shadow-[inset_0_0_2px_1px_#ffffff4d] ring-black/5 max-lg:mx-auto max-lg:w-full max-lg:max-w-md">
<div class="grid grid-cols-1 rounded-[2rem] p-2 shadow-md shadow-black/5">
<div class="rounded-3xl bg-white p-10 pb-9 ring-1 shadow-2xl ring-black/5">
<h2 class="text-sm font-semibold text-indigo-600">Starter <span class="sr-only">plan</span></h2>
<h2 class="text-sm font-semibold text-black">Starter <span class="sr-only">plan</span></h2>
<p class="mt-2 text-sm/6 text-pretty text-gray-600">Everything you need to get started.</p>
<div class="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$19</div>
@@ -87,8 +87,8 @@
<div class="-m-2 grid grid-cols-1 rounded-[2rem] ring-1 shadow-[inset_0_0_2px_1px_#ffffff4d] ring-black/5 max-lg:mx-auto max-lg:w-full max-lg:max-w-md">
<div class="grid grid-cols-1 rounded-[2rem] p-2 shadow-md shadow-black/5">
<div class="rounded-3xl bg-white p-10 pb-9 ring-1 shadow-2xl ring-black/5">
<h2 class="text-sm font-semibold text-indigo-600">Growth <span class="sr-only">plan</span></h2>
<p class="mt-2 text-sm/6 text-pretty text-gray-600">All the extras for your growing team.</p>
<h2 class="text-sm font-semibold text-black">Growth <span class="sr-only">plan</span></h2>
<p class="mt-2 text-sm/6 text-pretty text-gray-600">All the extras for your necessities.</p>
<div class="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$49</div>
<div class="text-sm text-gray-600">
@@ -164,7 +164,7 @@
<div class="-m-2 grid grid-cols-1 rounded-[2rem] ring-1 shadow-[inset_0_0_2px_1px_#ffffff4d] ring-black/5 max-lg:mx-auto max-lg:w-full max-lg:max-w-md">
<div class="grid grid-cols-1 rounded-[2rem] p-2 shadow-md shadow-black/5">
<div class="rounded-3xl bg-white p-10 pb-9 ring-1 shadow-2xl ring-black/5">
<h2 class="text-sm font-semibold text-indigo-600">Scale <span class="sr-only">plan</span></h2>
<h2 class="text-sm font-semibold text-black">Scale <span class="sr-only">plan</span></h2>
<p class="mt-2 text-sm/6 text-pretty text-gray-600">Added flexibility at scale.</p>
<div class="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$99</div>