49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
import React from 'react';
|
|
import ComponentsAuthLoginForm from '@/components/auth/components-auth-login-form';
|
|
import { Metadata } from 'next';
|
|
import Link from 'next/link';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Login',
|
|
};
|
|
|
|
export default function SocialBuddyLogin() {
|
|
return (
|
|
<div className="relative min-h-screen overflow-hidden bg-[#0a0b17] flex items-center justify-center p-4">
|
|
|
|
{/* ===== Background Glows ===== */}
|
|
|
|
{/* Blue */}
|
|
<div className="absolute top-[180px] left-52 w-[100px] h-[100px] bg-[#1d8be0] rounded-full blur-2xl opacity-90" />
|
|
|
|
{/* Green left */}
|
|
<div className="absolute top-10 left-0 w-[60px] h-[60px] bg-[#6cb655] rounded-full blur-2xl opacity-90" />
|
|
|
|
{/* Pink left */}
|
|
<div className="absolute -left-[80px] bottom-[140px] w-[100px] h-[200px] bg-[#db21d9] blur-3xl opacity-90" />
|
|
|
|
{/* Pink bottom */}
|
|
<div className="absolute bottom-20 left-[440px] w-[60px] h-[60px] bg-[#db21d9] rounded-full blur-xl opacity-80" />
|
|
|
|
{/* Orange */}
|
|
<div className="absolute top-[100px] right-[260px] w-[100px] h-[100px] bg-[#f28f50] rounded-full blur-2xl opacity-80" />
|
|
|
|
{/* Green right */}
|
|
<div className="absolute top-10 right-0 w-[60px] h-[60px] bg-[#6cb655] rounded-full blur-2xl opacity-90" />
|
|
|
|
{/* Purple */}
|
|
<div className="absolute bottom-20 right-[180px] w-[80px] h-[80px] bg-[#783e8d] rounded-full blur-2xl opacity-80" />
|
|
|
|
{/* Yellow */}
|
|
<div className="absolute top-[280px] -right-[20px] w-[160px] h-[160px] bg-[#f1b74d] rounded-full blur-2xl opacity-90" />
|
|
|
|
|
|
|
|
<ComponentsAuthLoginForm />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
);
|
|
} |