import {
  BackgroundBlobs,
  HeroGlow,
  HeroSection,
  ApiExampleSection,
  ProblemSolutionSection,
  PromptUrlsSection,
  HowItWorksSection,
  KeyFeaturesSection,
  IntegrationsSection,
  ShapeTheFutureSection,
  GeminiSection,
  FinalCtaSection,
} from './_components';

import type { Metadata, Viewport } from 'next';

export const viewport: Viewport = {
  themeColor: '#0a0a0f',
};

export const metadata: Metadata = {
  title: 'AI Image Generation Inside Your Workflow | Banatie',
  description:
    'Generate production-ready images via API, SDK, CLI, or live URLs. Built-in CDN delivery, style references, and prompt enhancement. Built for developers.',
  keywords: [
    'AI image API',
    'image generation for developers',
    'prompt to image API',
    'CDN image delivery',
    'placeholder images',
    'ai placeholder generator',
    'placeholder image url',
    'image placeholder api',
  ],
  authors: [{ name: 'Banatie' }],
  robots: 'index, follow',

  alternates: {
    canonical: '/',
    languages: {
      en: '/',
      'x-default': '/',
    },
  },

  openGraph: {
    type: 'website',
    url: '/',
    title: 'AI Image Generation Inside Your Workflow | Banatie',
    description:
      'Generate production-ready images via API, SDK, CLI, or Prompt URLs. Built-in CDN delivery, style references, and smart prompt enhancement. Built for developers.',
    siteName: 'Banatie',
    locale: 'en_US',
    images: [
      {
        url: '/og-image.png',
        width: 1200,
        height: 630,
        alt: 'Banatie - AI Image Generation API for Developers',
      },
    ],
  },

  twitter: {
    card: 'summary_large_image',
    title: 'AI Image Generation Inside Your Workflow | Banatie',
    description:
      'Generate production-ready images via API, SDK, CLI, or Prompt URLs. Built-in CDN delivery, style references, and smart prompt enhancement. Built for developers.',
    images: ['/og-image.png'],
  },
};

export default function Home() {
  return (
    <div className="relative">
        <BackgroundBlobs />
        <HeroGlow />

        <HeroSection />
        <ApiExampleSection />
        <ProblemSolutionSection />
        <PromptUrlsSection />
        <HowItWorksSection />
        <KeyFeaturesSection />
        <IntegrationsSection />
        <ShapeTheFutureSection />
        <GeminiSection />
        <FinalCtaSection />
    </div>
  );
}
