import type { Metadata } from 'next';
import NextLink from 'next/link';

import { GTMPageView, goToCloudSignupClick } from '@/components/GTM';

import Hero from '@/app/ai/_components/sections/Hero';
import Performance from '@/app/ai/_components/sections/Performance';
import Integration from '@/app/ai/_components/sections/Integration';
import Developer from '@/app/ai/_components/sections/Developer';
import UseCase from '@/app/ai/_components/sections/UseCase';
import Discover from '@/app/ai/_components/sections/Discover';

import { CLOUD_FREE_TRIAL, SITE_URL } from '@/constant/url';

const meta = {
  title: 'Built-In Vector MySQL Database',
  description:
    'All-in-one database for MySQL users building AI apps. With built-in vector search,  TiDB enables you to confidently build AI apps with SQL you know well, for RAG app, chatbots, semantic search and more.',
  url:
    (process.env.NEXT_PUBLIC_VERCEL_ENV === 'production'
      ? SITE_URL
      : process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview'
        ? process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL &&
          `https://${process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL}`
        : 'http://localhost:3000') ?? SITE_URL,
  keywords: [
    'Serverless database',
    'MySQL database ',
    'MySQL vector search',
    'AI application development',
    'semantic search',
    'embedded vector search',
    'TiDB vector search',
    'AI data solutions',
    'MySQL AI integration',
    'OpenAI',
    'Hugging Face',
    'LangChain',
    'LlamaIndex',
    'developer tools for AI',
    'business AI solutions',
  ],
};

export const metadata: Metadata = {
  metadataBase: new URL(meta.url + '/ai'),
  title: meta.title,
  description: meta.description,
  openGraph: {
    title: meta.title,
    description: meta.description,
    url: '/',
    type: 'website',
    images: [
      {
        url: '/ai/twitter-image.jpeg',
        width: 2108,
        height: 1107,
        alt: 'TiDB Serverless',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    site: '@PingCAP',
    creator: '@PingCAP',
    images: '/ai/twitter-image.jpeg',
  },
  keywords: meta.keywords,
};

export default function AI() {
  return (
    <>
      <GTMPageView page_category="ai" />
      <main>
        <Hero />
        <Integration />
        <Performance />
        <Developer />
        <UseCase />
        <Discover />
      </main>
    </>
  );
}