| 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"> |
| 10 | SplitFire |
| 11 | </h1> |
| 12 | <div> |
| 13 | <p> |
| 14 | SplitFire is a free and open-source software that allows you to |
| 15 | easily create backing tracks for your music. It is designed to be |
| 16 | simple and easy to use, so you can focus on making music. |
| 17 | </p> |
| 18 | </div> |
| 19 | </div> |
| 20 | |
| 21 | <Footer /> |
| 22 | </main> |
| 23 | ); |
| 24 | } |