feature/share-libs
tsx 21 lines 1.22 KB
Raw
1 import Footer from "../_components/footer";
2 import Header from "../_components/header";
3
4 export default function Home() {
5 return (
6 <main className="flex min-h-screen flex-col items-center justify-between p-24">
7 <Header />
8 <div className="relative z-[-1] before:absolute before:h-[300px] before:w-full before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 sm:before:w-[480px] sm:after:w-[240px] before:lg:h-[360px]">
9 <h1 className="text-6xl text-transparent bg-clip-text bg-gradient-to-br from-sky-500 to-blue-500 dark:from-sky-900 dark:to-blue-900 sm:text-8xl box width-mx">
10 Free Download!
11 </h1>
12 <ul>
13 <li>Download our free desktop app</li>
14 <li>Windows, Mac, and Linux.</li>
15 </ul>
16 </div>
17
18 <Footer />
19 </main>
20 );
21 }