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

View File

@ -60,7 +60,7 @@
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56"> <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<div class="hidden sm:mb-8 sm:flex sm:justify-center"> <div class="hidden sm:mb-8 sm:flex sm:justify-center">
<div class="relative rounded-full px-3 py-1 text-sm/6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20"> <div class="relative rounded-full px-3 py-1 text-sm/6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
Announcing our next round of funding. <a href="#" class="font-semibold text-indigo-600"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a> Announcing our next round of funding. <a href="#" class="font-semibold text-black"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div> </div>
</div> </div>
<div class="text-center"> <div class="text-center">

View File

@ -41,7 +41,7 @@
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg> </svg>
<div class="flex text-sm text-gray-600"> <div class="flex text-sm text-gray-600">
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500"> <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-black hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
<span>Upload a file</span> <span>Upload a file</span>
<input id="file-upload" name="file-upload" type="file" class="sr-only"> <input id="file-upload" name="file-upload" type="file" class="sr-only">
</label> </label>

View File

@ -1,7 +1,7 @@
<div class="bg-white py-12"> <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"> <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> <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>
<div class="relative pt-16 sm:pt-24"> <div class="relative pt-16 sm:pt-24">
<div class="absolute inset-x-0 top-48 bottom-0"></div> <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="-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="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"> <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> <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="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$19</div> <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="-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="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"> <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> <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 growing team.</p> <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="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$49</div> <div class="text-5xl font-semibold text-gray-950">$49</div>
<div class="text-sm text-gray-600"> <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="-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="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"> <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> <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="mt-8 flex items-center gap-4">
<div class="text-5xl font-semibold text-gray-950">$99</div> <div class="text-5xl font-semibold text-gray-950">$99</div>

View File

@ -2,7 +2,7 @@
<div class="mx-auto -mt-8 px-6 lg:py-24 py-4 "> <div class="mx-auto -mt-8 px-6 lg:py-24 py-4 ">
<div class="mx-auto grid max-w-2xl grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-4"> <div class="mx-auto grid max-w-2xl grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-4">
<div> <div>
<time datetime="2021-08" class="flex items-center text-lg font-semibold leading-6 text-indigo-600"> <time datetime="2021-08" class="flex items-center text-lg font-semibold leading-6 text-black">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true"> <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" /> <circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" />
</svg> </svg>
@ -23,7 +23,7 @@
</div> </div>
</div> </div>
<div> <div>
<time datetime="2021-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600"> <time datetime="2021-12" class="flex items-center text-lg font-semibold leading-6 text-black">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true"> <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" /> <circle class="green_text" cx="2" cy="2" r="2" fill="currentColor" />
</svg> </svg>
@ -81,7 +81,7 @@
</div> </div>
</div> </div>
<div> <div>
<time datetime="2022-12" class="flex items-center text-lg font-semibold leading-6 text-indigo-600"> <time datetime="2022-12" class="flex items-center text-lg font-semibold leading-6 text-black">
<svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true"> <svg viewBox="0 0 4 4" class="mr-4 h-3 w-3 flex-none" aria-hidden="true">
<circle class="text-gray-500" cx="2" cy="2" r="2" fill="currentColor" /> <circle class="text-gray-500" cx="2" cy="2" r="2" fill="currentColor" />
</svg> </svg>