Core Landing Pages
Cinematic Login
Cinematic login form with ambient background gradients, animated glow effects, and social authentication options. Features smooth loading states and hover animations.
core-landing-pagesauthlogincinematicambientsocialgradient
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
theme | 'dark' | 'light' | undefined | Color theme for the component. |
accentColor | string | undefined | Custom accent color for the component. |
title | string | "Welcome Back" | Title text displayed at the top of the form. |
subtitle | string | "Enter your credentials to access the nexus." | Subtitle text displayed below the title. |
showLogo | boolean | undefined | Whether to display the logo. |
onSubmit | (data: any) => Promise<void> | undefined | Callback function called when form is submitted. |
onSuccess | () => void | undefined | Callback function called on successful submission. |
onError | (err: string) => void | undefined | Callback function called on submission error. |
loading | boolean | undefined | Whether the form is in a loading state. |
className | string | undefined | Additional CSS classes for custom styling. |