soconnor/beenvoice
1
0
Fork 0
mirror of https://github.com/soconnor0919/beenvoice.git synced 2026-05-08 17:48:55 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Begin dark mode!

Browse Source
This commit is contained in:
Sean O'Connor
2025-07-12 21:46:26 -04:00
parent 07f190bce2
commit fa4bd886b3
23 changed files with 2189 additions and 1030 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/auth/signin/page.tsx
+20 -14
View File
@@ -42,30 +42,34 @@ function SignInForm() {
}
return (
<div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-green-50 to-emerald-100 p-4">
<div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-green-50 to-emerald-100 p-4 dark:from-gray-900 dark:to-gray-800">
<div className="w-full max-w-md space-y-8">
{/* Logo and Welcome */}
<div className="space-y-4 text-center">
<Logo size="lg" className="mx-auto" />
<div>
<h1 className="text-2xl font-bold text-gray-900">Welcome back</h1>
<p className="mt-2 text-gray-600">
<h1 className="text-2xl font-bold text-gray-900 dark:text-white">
Welcome back
</h1>
<p className="mt-2 text-gray-600 dark:text-gray-300">
Sign in to your beenvoice account
</p>
</div>
</div>
{/* Sign In Form */}
<Card className="border-0 shadow-xl">
<Card className="border-0 shadow-xl dark:bg-gray-800">
<CardHeader className="space-y-1">
<CardTitle className="text-center text-xl">Sign In</CardTitle>
<CardTitle className="text-center text-xl dark:text-white">
Sign In
</CardTitle>
</CardHeader>
<CardContent>
<form onSubmit={handleSignIn} className="space-y-4">
<div className="space-y-2">
<Label htmlFor="email">Email</Label>
<div className="relative">
<Mail className="absolute top-3 left-3 h-4 w-4 text-gray-400" />
<Mail className="absolute top-3 left-3 h-4 w-4 text-gray-400 dark:text-gray-500" />
<Input
id="email"
type="email"
@@ -81,7 +85,7 @@ function SignInForm() {
<div className="space-y-2">
<Label htmlFor="password">Password</Label>
<div className="relative">
<Lock className="absolute top-3 left-3 h-4 w-4 text-gray-400" />
<Lock className="absolute top-3 left-3 h-4 w-4 text-gray-400 dark:text-gray-500" />
<Input
id="password"
type="password"
@@ -105,12 +109,12 @@ function SignInForm() {
</Button>
</form>
<div className="mt-6 text-center text-sm">
<span className="text-gray-600">
<span className="text-gray-600 dark:text-gray-300">
Don&apos;t have an account?{" "}
</span>
<Link
href="/auth/register"
className="font-medium text-green-600 hover:text-green-700"
className="font-medium text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300"
>
Create one now
</Link>
@@ -120,10 +124,10 @@ function SignInForm() {
{/* Features */}
<div className="space-y-4 text-center">
<p className="text-sm text-gray-500">
<p className="text-sm text-gray-500 dark:text-gray-400">
Simple invoicing for freelancers and small businesses
</p>
<div className="flex justify-center space-x-6 text-xs text-gray-400">
<div className="flex justify-center space-x-6 text-xs text-gray-400 dark:text-gray-500">
<span>✓ Easy client management</span>
<span>✓ Professional invoices</span>
<span>✓ Payment tracking</span>
@@ -138,15 +142,17 @@ export default function SignInPage() {
return (
<Suspense
fallback={
<div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-green-50 to-emerald-100 p-4">
<div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-green-50 to-emerald-100 p-4 dark:from-gray-900 dark:to-gray-800">
<div className="w-full max-w-md space-y-8">
<div className="space-y-4 text-center">
<Logo size="lg" className="mx-auto" />
<div>
<h1 className="text-2xl font-bold text-gray-900">
<h1 className="text-2xl font-bold text-gray-900 dark:text-white">
Welcome back
</h1>
<p className="mt-2 text-gray-600">Loading...</p>
<p className="mt-2 text-gray-600 dark:text-gray-300">
Loading...
</p>
</div>
</div>
</div>