import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { APP_BESCHREIBUNG, APP_TITEL } from "@/lib/app";

// Startseite im E&P-Layout. Kopf und Fuß kommen aus app/layout.tsx,
// Farben und Bausteine (ep-karte, ep-ueberschrift, …) aus @ep/ui/theme.css.
export default function Home() {
  return (
    <Card className="ep-karte rounded-none shadow-none ring-0">
      <CardHeader className="px-0">
        <h1 className="ep-ueberschrift text-3xl">{APP_TITEL}</h1>
      </CardHeader>
      <CardContent className="px-0">
        <p className="text-ink-muted">{APP_BESCHREIBUNG}</p>
      </CardContent>
    </Card>
  );
}