fergalmoran/supanextail
1
0
Fork 0
mirror of https://github.com/fergalmoran/supanextail.git synced 2025-12-22 09:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

First pass prettier/eslint and headwind

Browse Source
This commit is contained in:
Michael
2021-12-16 23:45:43 +01:00
parent ab9e3732d6
commit be7580c04d
47 changed files with 2149 additions and 1939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
components/Landing.tsx
View File

@@ -6,57 +6,65 @@ import start from 'public/landing/start.svg';
import supabaseImage from 'public/landing/supabase.svg';
const Landing = (): JSX.Element => (
<div className="mt-10 mb-20 text-base-content w-full">
<div className="flex max-w-6xl m-auto justify-around flex-wrap">
<div className="max-w-sm mr-16 my-auto">
<h2 className="text-4xl font-bold font-title text-center lg:text-left leading-normal">
Build your <span className="text-primary">SaaS</span> in the blink of an eye!
</h2>
<p className="text-center lg:text-left">
SupaNexTail got your back, and takes care of the initial setup, sometimes time consuming,
but essential to your success.
</p>
</div>
<div className="max-w-xl">
<Image src={landTop} height={417} width={583} alt="Construction of a website" />
</div>
</div>
<div className="w-full mt-10 mb-20 text-base-content">
<div className="flex flex-wrap justify-around max-w-6xl m-auto">
<div className="max-w-sm my-auto mr-16">
<h2 className="text-4xl font-bold leading-normal text-center lg:text-left font-title">
Build your <span className="text-primary">SaaS</span> in the blink of
an eye!
</h2>
<p className="text-center lg:text-left">
SupaNexTail got your back, and takes care of the initial setup,
sometimes time consuming, but essential to your success.
</p>
</div>
<div className="max-w-xl">
<Image
src={landTop}
height={417}
width={583}
alt="Construction of a website"
/>
</div>
</div>
<CardsLanding />
<div className="flex max-w-6xl m-auto justify-around mt-14 flex-wrap">
<div className="max-w-sm mr-16 my-auto">
<h2 className="text-4xl font-bold font-title text-left leading-normal">
All you need to start <span className="text-primary">now</span>
</h2>
<p>
SupaNexTail got your back, and takes care of the initial setup, sometimes time consuming,
but essential to your success.
</p>
</div>
<div className="max-w-xl">
<Image src={start} alt="screenshot of the website" />
</div>
</div>
<div className="flex max-w-6xl m-auto justify-around mt-24 flex-wrap">
<div className="max-w-md my-auto order-1 lg:order-2">
<h2 className="text-4xl font-bold font-title text-left leading-normal">
Leverage the power of <span className="text-primary">Supabase</span>
</h2>
<p>
Supabase is an open source Firebase alternative. You’ll have a database, an auth system, a
storage system, and much more in one product.
</p>
<p>
SupaNexTail uses Supabase at its core, and preconfigures all the useful elements for your
site. User registration, synchronization with Stripe, we’ve got you covered!
</p>
</div>
<div className="max-w-md order-2 lg:order-1 flex">
<Image src={supabaseImage} alt="screenshot of the Supabase website" />
</div>
</div>
<MailingList />
</div>
<CardsLanding />
<div className="flex flex-wrap justify-around max-w-6xl m-auto mt-14">
<div className="max-w-sm my-auto mr-16">
<h2 className="text-4xl font-bold leading-normal text-left font-title">
All you need to start <span className="text-primary">now</span>
</h2>
<p>
SupaNexTail got your back, and takes care of the initial setup,
sometimes time consuming, but essential to your success.
</p>
</div>
<div className="max-w-xl">
<Image src={start} alt="screenshot of the website" />
</div>
</div>
<div className="flex flex-wrap justify-around max-w-6xl m-auto mt-24">
<div className="order-1 max-w-md my-auto lg:order-2">
<h2 className="text-4xl font-bold leading-normal text-left font-title">
Leverage the power of <span className="text-primary">Supabase</span>
</h2>
<p>
Supabase is an open source Firebase alternative. You’ll have a
database, an auth system, a storage system, and much more in one
product.
</p>
<p>
SupaNexTail uses Supabase at its core, and preconfigures all the
useful elements for your site. User registration, synchronization with
Stripe, we’ve got you covered!
</p>
</div>
<div className="flex order-2 max-w-md lg:order-1">
<Image src={supabaseImage} alt="screenshot of the Supabase website" />
</div>
</div>
<MailingList />
</div>
);
export default Landing;