import type { Metadata } from 'next'
import LoginPage from './login-page'

export const metadata: Metadata = {
  title: 'Login - CrushLevel AI',
  description:
    'Sign in to CrushLevel AI to start your love story. Login with Discord, Google, or Apple to connect with AI companions and begin chatting.',
  keywords: [
    'CrushLevel login',
    'CrushLevel sign in',
    'AI companion login',
    'Discord login',
    'Google login',
    'Apple login',
    'CrushLevel account',
  ],
  openGraph: {
    title: 'Login - CrushLevel AI',
    description:
      'Sign in to CrushLevel AI to start your love story. Login with Discord, Google, or Apple to connect with AI companions.',
    url: 'https://www.crushlevel.com/login',
    siteName: 'CrushLevel AI',
    images: [
      {
        url: '/logo.svg',
        width: 1200,
        height: 630,
        alt: 'CrushLevel AI Login',
      },
    ],
    locale: 'en_US',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Login - CrushLevel AI',
    description:
      'Sign in to CrushLevel AI to start your love story. Login with Discord, Google, or Apple.',
    images: ['/logo.svg'],
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },
  alternates: {
    canonical: 'https://www.crushlevel.com/login',
  },
}

const Page = () => {
  return <LoginPage />
}

export default Page
