Backup eingespielt

app/branchenloesungen/[slug]/page.tsx

@@ -0,0 +1,34 @@
+import { notFound } from "next/navigation";
+import Image from "next/image";
+import { branchenloesungen } from "../data";
+
+export function generateStaticParams() {
+  return branchenloesungen.map((item) => ({
+    slug: item.slug,
+  }));
+}
+
+export default async function LeistungDetail({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const leistung = branchenloesungen.find((item) => item.slug === slug);
+
+  if (!leistung) notFound();
+
+  return (
+    <main>
+      <h1>{leistung.title}</h1>
+      <p>{leistung.text}</p>
+
+      <Image
+        src={leistung.image}
+        alt={leistung.title}
+        width={1200}
+        height={800}
+      />
+    </main>
+  );
+}

app/branchenloesungen/data.ts

@@ -0,0 +1,26 @@
+export const branchenloesungen = [
+  {
+    slug: "bueros",
+    title: "Büros",
+    text: "Glas- und Fensterreinigung",
+    image: "/images/leistungen/webdesign.jpg",
+  },
+  {
+    slug: "kanzlei",
+    title: "Kanzlei",
+    text: "Unterhaltsreinigung",
+    image: "/images/leistungen/seo.jpg",
+  },
+  {
+    slug: "hallen-und-lagerflaechen",
+    title: "Hallen und Lagerflächen",
+    text: "Treppenhausreinigung",
+    image: "/images/leistungen/branding.jpg",
+  },
+  {
+    slug: "wohn-und-geschaeftshaeuser",
+    title: "Wohn- und Geschäftshäuse",
+    text: "Performante E-Commerce-Lösungen.",
+    image: "/images/leistungen/shop.jpg",
+  },
+];

app/branchenloesungen/page.tsx

@@ -0,0 +1,3 @@
+export default function Branchenloesungen() {
+  return <h1>Branchenlösungen</h1>;
+}