import * as React from 'react';
import { Metadata } from 'next';
import { getHomepageContent } from '@/lib/homepage-content';
import { PageRenderer } from '@/components/renderers/PageRenderer';

// Revalidate every 1 hour (3600 seconds)
export const revalidate = 3600;

// Metadata for SEO
export const metadata: Metadata = {
  title: 'ten-sura-game.com（転スラゲーム攻略）| 日本のモバイルガチャRPG攻略メディア',
  description: '攻略情報、キャラクター評価、リセマラ・ガチャ情報、イベント・アップデート、初心者・育成ガイドなど、転スラの攻略情報を分かりやすく解説する日本のモバイルガチャRPG攻略メディア',
  keywords: ['ten-sura-game.com', '転スラゲーム攻略', '転スラ', '攻略情報', 'キャラクター評価', 'リセマラ', 'ガチャ情報', 'イベント', '初心者ガイド', 'モバイルガチャRPG', '攻略情報'],
  alternates: {
    canonical: 'https://ten-sura-game.com',
  },
  openGraph: {
    title: 'ten-sura-game.com（転スラゲーム攻略）| 日本のモバイルガチャRPG攻略メディア',
    description: '攻略情報、キャラクター評価、リセマラ・ガチャ情報、イベント・アップデート、初心者・育成ガイドなど、転スラの攻略情報を分かりやすく解説する日本のモバイルガチャRPG攻略メディア',
    url: 'https://ten-sura-game.com',
    siteName: 'ten-sura-game.com',
    locale: 'ja_JP',
    type: 'website',
    images: [
      {
        url: '/og-image.jpg',
        width: 1200,
        height: 630,
        alt: 'ten-sura-game.com - 転スラゲーム攻略',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    title: 'ten-sura-game.com（転スラゲーム攻略）| 日本のモバイルガチャRPG攻略メディア',
    description: '攻略情報、キャラクター評価、リセマラ・ガチャ情報、イベント・アップデート、初心者・育成ガイドなど、転スラの攻略情報を分かりやすく解説する日本のモバイルガチャRPG攻略メディア',
    creator: '@tensura_game',
    images: ['/og-image.jpg'],
  },
};

// Define the 5 mobile gacha RPG strategy categories
const categories = [
  { name: '攻略情報', slug: '攻略情報' },
  { name: 'キャラクター評価', slug: 'キャラクター評価' },
  { name: 'リセマラ・ガチャ情報', slug: 'リセマラ・ガチャ情報' },
  { name: 'イベント・アップデート', slug: 'イベント・アップデート' },
  { name: '初心者・育成ガイド', slug: '初心者・育成ガイド' },
];

export default async function HomePage() {
  const { puckData } = await getHomepageContent();

  return (
    <main className="bg-[#0F0F12]">
      <PageRenderer dataToRender={puckData?.content || []} fullPuckData={puckData} />
    </main>
  );
}
