68 lines
2.7 KiB
TypeScript
68 lines
2.7 KiB
TypeScript
export default function Home() {
|
|
return (
|
|
<main className="flex min-h-screen flex-col items-center justify-center p-24">
|
|
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm">
|
|
<h1 className="text-4xl font-bold text-center mb-4">
|
|
Welcome to Lumina
|
|
</h1>
|
|
<p className="text-center text-muted-foreground mb-8">
|
|
Built with Next.js 15, Spartan UI, and Supabase
|
|
</p>
|
|
|
|
<div className="grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-3 lg:text-left gap-4">
|
|
<a
|
|
href="https://nextjs.org/docs"
|
|
className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2 className="mb-3 text-2xl font-semibold">
|
|
Docs{' '}
|
|
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
|
|
→
|
|
</span>
|
|
</h2>
|
|
<p className="m-0 max-w-[30ch] text-sm opacity-50">
|
|
Find in-depth information about Next.js features and API.
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://supabase.com/docs"
|
|
className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2 className="mb-3 text-2xl font-semibold">
|
|
Supabase{' '}
|
|
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
|
|
→
|
|
</span>
|
|
</h2>
|
|
<p className="m-0 max-w-[30ch] text-sm opacity-50">
|
|
Learn about Supabase authentication and database.
|
|
</p>
|
|
</a>
|
|
|
|
<a
|
|
href="https://www.spartan.ng/"
|
|
className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<h2 className="mb-3 text-2xl font-semibold">
|
|
Spartan UI{' '}
|
|
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
|
|
→
|
|
</span>
|
|
</h2>
|
|
<p className="m-0 max-w-[30ch] text-sm opacity-50">
|
|
Explore beautiful and accessible UI components.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|