admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

re-design how does snapify work landing page section

Browse source
This commit is contained in:
MarconLP 2023-07-02 08:54:25 +02:00
parent 61ddc2cc46
commit f61b0621a2
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 4 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/index.tsx
View file

@ -161,17 +161,8 @@ const Home: NextPage = () => {
Get started easily. Share video instantly. Get started easily. Share video instantly.
</span> </span>
</div> </div>
<div className="mt-6 flex flex-col gap-x-6 lg:mt-16 lg:flex-row lg:gap-x-20"> <div className="mt-6 flex flex-col gap-x-6 xl:mt-16 xl:flex-row xl:gap-x-20">
<div className="mb-24 flex flex-1 items-center justify-center lg:mb-0"> <div className="mt-24 flex flex-1 flex-col items-center justify-center gap-8 xl:flex-row xl:items-start xl:gap-12">
<Image
src="https://f003.backblazeb2.com/file/test-cloudflares/how+it+works.webp"
width={600}
height={575}
alt="step description"
unoptimized
/>
</div>
<div className="flex flex-1 flex-col items-center justify-center gap-y-12">
{[ {[
{ {
icon: ( icon: (
@ -202,9 +193,9 @@ const Home: NextPage = () => {
].map(({ title, description, icon }) => ( ].map(({ title, description, icon }) => (
<div <div
key={title} key={title}
className="flex w-full max-w-[600px] gap-x-4 lg:max-w-none" className="flex w-full max-w-[600px] gap-x-4 xl:max-w-none"
> >
<div className="">{icon}</div> <div className="shrink-0">{icon}</div>
<div className="flex flex-col"> <div className="flex flex-col">
<span className="mb-4 text-[32px]">{title}</span> <span className="mb-4 text-[32px]">{title}</span>
<span>{description}</span> <span>{description}</span>