45 lines
1.8 KiB
JavaScript
45 lines
1.8 KiB
JavaScript
import Header from '../components/Header'
|
|
import Head from '../components/Head'
|
|
|
|
const Index = () => {
|
|
return (
|
|
<>
|
|
<Head />
|
|
|
|
<Header />
|
|
<main className="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
|
|
<div className="sm:text-center lg:text-left">
|
|
<h1 className="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
|
|
<span className="block xl:inline">The Open Source</span>{' '}
|
|
<span className="block text-green-400 xl:inline">Firebase Alternative</span>
|
|
</h1>
|
|
<p className="mt-3 text-base text-white sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
|
|
Create a backend in less than 2 minutes. Start your project with a Postgres Database,
|
|
Authentication, instant APIs, Realtime subscriptions and Storage.
|
|
</p>
|
|
<div className="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
|
|
<div className="rounded-md shadow">
|
|
<a
|
|
href="#"
|
|
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-400 hover:bg-green-600 md:py-4 md:text-lg md:px-10"
|
|
>
|
|
Get started
|
|
</a>
|
|
</div>
|
|
<div className="mt-3 sm:mt-0 sm:ml-3">
|
|
<a
|
|
href="#"
|
|
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-green-400 bg-indigo-100 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10"
|
|
>
|
|
Live demo
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Index
|