Vadym/ContentFlow
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ты не так понял задачу, размести там кнопки авторизации через гугл и соц

Browse source
This commit is contained in:
Vadym 2025-07-03 14:42:58 +00:00
parent 2cccceca59
commit c7db315018
1 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/app/page.tsx
View file

@ -4,7 +4,6 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Logo } from '@/components/logo';
import { Globe } from 'lucide-react';
export default function LoginPage() {
return (
@ -12,8 +11,8 @@ export default function LoginPage() {
<Card className="mx-auto w-full max-w-sm">
<CardHeader className="text-center">
<Logo className="mx-auto mb-4 h-8" />
<CardTitle className="text-2xl font-bold tracking-tight">Welcome to Aimpress</CardTitle>
<CardDescription>Enter your credentials to access your account</CardDescription>
<CardTitle className="text-2xl font-bold tracking-tight">Вход в Aimpress</CardTitle>
<CardDescription>Введите email и пароль для входа</CardDescription>
</CardHeader>
<CardContent>
<div className="grid gap-4">
@ -23,25 +22,45 @@ export default function LoginPage() {
</div>
<div className="grid gap-2">
<div className="flex items-center">
<Label htmlFor="password">Password</Label>
<Label htmlFor="password">Пароль</Label>
<Link href="#" className="ml-auto inline-block text-sm underline" prefetch={false}>
Forgot your password?
Забыли пароль?
</Link>
</div>
<Input id="password" type="password" required />
</div>
<Button type="submit" className="w-full" asChild>
<Link href="/dashboard">Login</Link>
</Button>
<Button variant="outline" className="w-full">
<Globe className="mr-2 h-4 w-4" />
логин с помощью гугла и соц сетей
<Link href="/dashboard">Войти</Link>
</Button>
<div className="relative my-1">
<div className="absolute inset-0 flex items-center">
<span className="w-full border-t" />
</div>
<div className="relative flex justify-center text-xs uppercase">
<span className="bg-background px-2 text-muted-foreground">
Или войдите через
</span>
</div>
</div>
<div className="grid grid-cols-1 gap-2 sm:grid-cols-3">
<Button variant="outline" className="w-full">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" className="mr-2 h-4 w-4"><title>Google</title><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.85 3.18-1.73 4.1-1.02 1.02-2.34 2.06-4.13 2.06-4.98 0-9.02-4.04-9.02-9.02s4.04-9.02 9.02-9.02c2.83 0 4.88 1.12 6.01 2.15l2.45-2.33C19.78 1.18 16.57 0 12.48 0 5.88 0 0 5.88 0 12.48s5.88 12.48 12.48 12.48c7.28 0 12.16-4.93 12.16-12.36 0-.8-.08-1.55-.22-2.29H12.48z"/></svg>
Google
</Button>
<Button variant="outline" className="w-full">
<svg role="img" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" className="mr-2 h-4 w-4"><title>Facebook</title><path d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.35C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.658-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.732 0 1.325-.593 1.325-1.325V1.325C24 .593 23.407 0 22.675 0z"/></svg>
Facebook
</Button>
<Button variant="outline" className="w-full">
<svg role="img" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" className="mr-2 h-4 w-4"><title>X</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.931ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>
Twitter
</Button>
</div>
</div>
<div className="mt-4 text-center text-sm">
Don&apos;t have an account?{' '}
Нет аккаунта?{' '}
<Link href="#" className="underline" prefetch={false}>
Sign up
Зарегистрироваться
</Link>
</div>
</CardContent>