import type { Metadata } from "next";

import { DashboardHero } from "@/components/dashboard/dashboard-hero";
import { ToolsGrid } from "@/components/dashboard/tools-grid";
import { AppShell } from "@/components/shared/app-shell";
import { SITE_DESCRIPTION } from "@/lib/site-config";

export const metadata: Metadata = {
  title: "Dashboard",
  description: SITE_DESCRIPTION,
  alternates: {
    canonical: "/"
  },
  openGraph: {
    title: "video.haus Dashboard",
    description: SITE_DESCRIPTION,
    url: "/"
  },
  twitter: {
    card: "summary_large_image",
    title: "video.haus Dashboard",
    description: SITE_DESCRIPTION
  }
};

export default function HomePage() {
  return (
    <AppShell>
      <div className="space-y-8 pb-10">
        <DashboardHero />
        <ToolsGrid />
      </div>
    </AppShell>
  );
}
