made images in seperated section

This commit is contained in:
Ehab Hassan 2025-03-06 12:11:09 +02:00
parent 449b185dff
commit adcadc6283
2 changed files with 6 additions and 6 deletions

View File

@ -1,6 +1,6 @@
<div class="bg-transparent py-12 lg:pt-24 mb-10 pb-24"> <div class="bg-transparent py-12 lg:pt-24 mb-10 pb-24 px-4">
<div class="mx-auto ring-1 shadow-2xl ring-black/5 py-12 rounded-2xl bg-white/5 max-w-7xl px-6 lg:flex lg:items-center lg:justify-between lg:px-20"> <div class="mx-auto ring-1 shadow-2xl ring-black/5 py-12 rounded-2xl bg-white/5 max-w-7xl px-6 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 id="blinking4" class="lg:text-balance text-left items-start lg:text-[4rem] text-[2rem] font-normal tracking-tight text-black fade-in"> <h2 id="blinking4" class="lg:text-balance text-center lg:text-left items-start lg:text-[4rem] text-[2rem] font-normal tracking-tight text-black fade-in">
Own Your AI. <br>Pre-Order<br>Now. Own Your AI. <br>Pre-Order<br>Now.
</h2> </h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start"> <div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">

View File

@ -1,13 +1,13 @@
<div class="bg-transparent lg:pt-24 pt-12 pb-12"> <div class="bg-transparent pt-12 pb-12">
<div class="mx-auto max-w-7xl px-6 lg:max-w-7xl lg:px-8"> <div class="mx-auto max-w-7xl px-4 lg:max-w-7xl lg:px-8">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8"> <div class="mx-auto max-w-2xl lg:max-w-7xl ">
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-black capitalize">How it works</h2> <h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-black capitalize">How it works</h2>
<p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-800 fade-in"> <p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-800 fade-in">
Regardless of technical expertise, anyone can deploy AIBOX (servers) from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers while earning rewards for their contributions. We call this process “farming.” Regardless of technical expertise, anyone can deploy AIBOX (servers) from their homes or offices, and participate in a decentralized alternative to corporate-owned data centers while earning rewards for their contributions. We call this process “farming.”
</p> </p>
</div> </div>
<section class="bg-transparent"> <section class="bg-transparent">
<div class="max-w-6xl mx-4 lg:mx-12 xl:mx-auto"> <div class="max-w-6xl mx-0 lg:mx-12 xl:mx-auto">
<div class="mx-auto max-w-2xl lg:max-w-none"> <div class="mx-auto max-w-2xl lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3"> <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
<div class="fade-in-box flex flex-col p-8 rounded-2xl bg-gray-50 ring-1 ring-black/5 py-6 shadow-md shadow-black/5"> <div class="fade-in-box flex flex-col p-8 rounded-2xl bg-gray-50 ring-1 ring-black/5 py-6 shadow-md shadow-black/5">