35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
|
import { Header } from '@/components/Header';
|
||
|
|
import { Footer } from '@/components/Footer';
|
||
|
|
import { Card, CardContent } from '@/components/ui/card';
|
||
|
|
import { LogIn } from 'lucide-react';
|
||
|
|
|
||
|
|
export default function Login() {
|
||
|
|
return (
|
||
|
|
<div className="min-h-screen flex flex-col bg-gradient-to-br from-background via-background to-primary/5">
|
||
|
|
<Header onSearch={() => {}} />
|
||
|
|
|
||
|
|
<main className="flex-1 container mx-auto px-4 py-16">
|
||
|
|
<div className="max-w-md mx-auto space-y-8">
|
||
|
|
<div className="text-center space-y-4">
|
||
|
|
<LogIn className="h-16 w-16 text-primary mx-auto" />
|
||
|
|
<h1 className="text-3xl font-bold">Sign In</h1>
|
||
|
|
<p className="text-muted-foreground">
|
||
|
|
Access your account to manage scripts and contribute to the community.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<Card>
|
||
|
|
<CardContent className="p-6">
|
||
|
|
<p className="text-muted-foreground text-center">
|
||
|
|
Login functionality coming soon! This will include authentication forms and user management.
|
||
|
|
</p>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<Footer />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|