From c246b9811fc9ed052057f00603daa7746c16a4cb Mon Sep 17 00:00:00 2001
From: root <root@ubuntu-16gb-webklar-v1.0.0>
Date: Thu, 1 Oct 2026 10:40:05 +0000
Subject: [PATCH] Projekte-Bereich ausgeblendet: erfundene Referenzen entfernt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ProjectShowcase (vier erfundene Referenzen mit Unsplash-Hotlinks) ist
gelöscht, aus der Startseite genommen und der Nav-Punkt "Projekte"
(#projects) fällt in Desktop- und Mobil-Menü weg. Kein Link auf
#projects bleibt übrig.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/components/Header.tsx          |   1 -
 src/components/ProjectShowcase.tsx | 110 -----------------------------
 src/pages/Index.tsx                |   2 -
 src/test/sofort-paket.test.tsx     |  19 +++++
 4 files changed, 19 insertions(+), 113 deletions(-)
 delete mode 100644 src/components/ProjectShowcase.tsx

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index b27c026..65dd7c6 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -20,7 +20,6 @@ const Header = () => {
   const navItems = [
     { name: "Über uns", link: "/ueber-uns" },
     { name: "Leistungen", link: "#services" },
-    { name: "Projekte", link: "#projects" },
     { name: "Ablauf", link: "#process" },
   ];
 
diff --git a/src/components/ProjectShowcase.tsx b/src/components/ProjectShowcase.tsx
deleted file mode 100644
index d94fe62..0000000
--- a/src/components/ProjectShowcase.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { ArrowUpRight } from "lucide-react";
-import { useTheme } from "next-themes";
-import BorderGlow from "@/components/BorderGlow";
-import { TextHoverEffect } from "@/components/ui/text-hover-effect";
-
-type Project = {
-  title: string;
-  description: string;
-  image: string;
-  url: string;
-};
-
-const projects: Project[] = [
-  {
-    title: "Email Sorter",
-    description: "Automatisierung · E-Mail-Workflows für Teams",
-    image: "/project%20pics/emailsorter.webp",
-    url: "https://emailsorter.webklar.com/",
-  },
-  {
-    title: "Neutral",
-    description: "Website · Markenauftritt & Custom Development",
-    image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop",
-    url: "#",
-  },
-  {
-    title: "Verbatim Labs",
-    description: "Website · UI/UX & individuelle Entwicklung",
-    image: "https://images.unsplash.com/photo-1559028012-481c04fa702d?w=800&h=600&fit=crop",
-    url: "#",
-  },
-  {
-    title: "JMK Engineers",
-    description: "Website · Technische Präsentation & Lead-Generierung",
-    image: "https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=600&fit=crop",
-    url: "#",
-  },
-  {
-    title: "GOODZ Club",
-    description: "Website · Mehrsprachig & skalierbare Plattform",
-    image: "https://images.unsplash.com/photo-1542744094-3a31f272c490?w=800&h=600&fit=crop",
-    url: "#",
-  },
-];
-
-const ProjectShowcase = () => {
-  const { resolvedTheme } = useTheme();
-  const cardBg = resolvedTheme === "dark" ? "hsl(0 0% 6%)" : "hsl(0 0% 96%)";
-
-  return (
-    <section id="projects" className="pt-8 pb-24 md:pt-12 md:pb-32 bg-background relative">
-      {/* TextHoverEffect */}
-      <div className="h-[14rem] flex items-center justify-center -mb-4 relative z-10">
-        <TextHoverEffect text="Projekte" />
-      </div>
-      <div className="container mx-auto px-6">
-
-        {/* Projects Grid */}
-        <div className="space-y-2">
-          {projects.map((project, index) => (
-            <BorderGlow
-              key={project.title}
-              edgeSensitivity={30}
-              glowColor="40 80 80"
-              backgroundColor={cardBg}
-              borderRadius={8}
-              glowRadius={30}
-              glowIntensity={0.8}
-              coneSpread={25}
-              colors={['#c084fc', '#f472b6', '#38bdf8']}
-            >
-              <a
-                href={project.url}
-                target={project.url.startsWith("http") ? "_blank" : undefined}
-                rel={project.url.startsWith("http") ? "noopener noreferrer" : undefined}
-                className="group block p-6 md:p-8"
-                style={{ animationDelay: `${index * 0.1}s` }}
-              >
-                <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">
-                  <div className="flex-1">
-                    <h3 className="text-2xl md:text-3xl font-display font-medium text-foreground mb-2 group-hover:text-muted-foreground transition-colors uppercase tracking-tight">
-                      {project.title}
-                    </h3>
-                    <p className="text-muted-foreground text-sm uppercase tracking-wider">
-                      {project.description}
-                    </p>
-                  </div>
-                  <div className="flex items-center gap-4">
-                    <div className="w-24 h-16 md:w-32 md:h-20 rounded overflow-hidden opacity-0 group-hover:opacity-100 transition-opacity duration-500">
-                      <img 
-                        src={project.image} 
-                        alt={project.title}
-                        loading="lazy"
-                        decoding="async"
-                        className="w-full h-full object-cover"
-                      />
-                    </div>
-                    <ArrowUpRight className="w-6 h-6 text-muted-foreground group-hover:text-foreground transition-colors" />
-                  </div>
-                </div>
-              </a>
-            </BorderGlow>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default ProjectShowcase;
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 6519ccd..52da650 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -5,7 +5,6 @@ import ProblemSection from "@/components/ProblemSection";
 import SolutionSection from "@/components/SolutionSection";
 import Values from "@/components/Values";
 import Services from "@/components/Services";
-import ProjectShowcase from "@/components/ProjectShowcase";
 import Process from "@/components/Process";
 import Contact from "@/components/Contact";
 import Footer from "@/components/Footer";
@@ -26,7 +25,6 @@ const Index = () => {
       <SolutionSection />
       <Values />
       <Services />
-      <ProjectShowcase />
       <Process />
       <Contact />
       <Footer />
diff --git a/src/test/sofort-paket.test.tsx b/src/test/sofort-paket.test.tsx
index 85b79ce..6f0c5f3 100644
--- a/src/test/sofort-paket.test.tsx
+++ b/src/test/sofort-paket.test.tsx
@@ -117,3 +117,22 @@ describe("B1 Hero: ehrliche Fakten statt Zahlenleiste", () => {
     expect(vorkommen(/api\/projects|fetchProjects|FOUNDING_DATE/)).toEqual([]);
   });
 });
+
+describe("B2 Projekte-Bereich ausgeblendet", () => {
+  it("ProjectShowcase ist gelöscht; nichts verweist auf #projects oder Unsplash", () => {
+    expect(gibtEs("src/components/ProjectShowcase.tsx")).toBe(false);
+    expect(vorkommen(/#projects|id="projects"|images\.unsplash\.com|ProjectShowcase/)).toEqual([]);
+  });
+
+  it("die Startseite hat keinen Projekte-Abschnitt und keinen Nav-Link dorthin", () => {
+    const { container } = seite("/");
+    expect(container.querySelector("#projects")).toBeNull();
+    expect(container.querySelector('a[href$="#projects"]')).toBeNull();
+    expect(screen.queryByRole("link", { name: "Projekte" })).toBeNull();
+    expect(screen.queryByText("Verbatim Labs")).toBeNull();
+    // die übrigen Nav-Punkte bleiben
+    for (const name of ["Über uns", "Leistungen", "Ablauf"]) {
+      expect(screen.getAllByRole("link", { name }).length).toBeGreaterThan(0);
+    }
+  });
+});