import type { Metadata } from 'next';
import { Header, ServiceSection } from './components';
import { services } from '@/lib/data';
import './globals.css';

export const metadata: Metadata = {
  title: 'Homelab Dashboard',
  description: 'Verwaltungs-Dashboard für dein Homelab',
};

export default function Home() {
  return (
    <div className="min-h-screen bg-slate-50 dark:bg-slate-900">
      <Header />

      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <ServiceSection services={services} />
      </main>
    </div>
  );
}