Add PRD for EnergieProfis

Add Product Requirements Document for the EnergieProfis platform, outlining product overview, core features, technical architecture, design system, routing, admin panel requirements, authentication, monetization, SEO, development phases, success metrics, risk assessment, and future roadmap.

src/components/EnergyTypesSection.tsx

@@ -0,0 +1,90 @@
+import EnergyTypeCard from "./EnergyTypeCard";
+import solarImage from "@/assets/solar-installation.jpg";
+import windImage from "@/assets/wind-turbines.jpg";
+import geoImage from "@/assets/geothermal-system.jpg";
+import batteryImage from "@/assets/battery-storage.jpg";
+
+const EnergyTypesSection = () => {
+  const energyTypes = [
+    {
+      title: "Solar",
+      description: "Nutzen Sie die Kraft der Sonne mit modernsten Photovoltaik-Anlagen für Ihr Zuhause oder Unternehmen.",
+      image: solarImage,
+      gradient: "bg-gradient-solar",
+      buttonVariant: "solar" as const,
+      href: "/solar",
+      features: [
+        "Bis zu 70% Stromkostenersparnis",
+        "20+ Jahre Garantie",
+        "Staatliche Förderungen verfügbar",
+        "Umweltfreundlich & nachhaltig"
+      ]
+    },
+    {
+      title: "Wind",
+      description: "Erzeugen Sie saubere Energie mit effizienten Windkraftanlagen für private und gewerbliche Nutzung.",
+      image: windImage,
+      gradient: "bg-gradient-wind",
+      buttonVariant: "wind" as const,
+      href: "/wind",
+      features: [
+        "Konstante Energieproduktion",
+        "Hohe Effizienz auch bei schwachem Wind",
+        "Wartungsarme Technologie",
+        "Ideale Ergänzung zu Solar"
+      ]
+    },
+    {
+      title: "Geothermie",
+      description: "Heizen und kühlen Sie Ihr Gebäude mit der natürlichen Erdwärme - effizient und umweltschonend.",
+      image: geoImage,
+      gradient: "bg-gradient-geo",
+      buttonVariant: "geo" as const,
+      href: "/geothermie",
+      features: [
+        "Ganzjährig konstante Temperaturen",
+        "Niedrige Betriebskosten",
+        "Heizen und Kühlen in einem System",
+        "Sehr lange Lebensdauer"
+      ]
+    },
+    {
+      title: "Batteriespeicher",
+      description: "Speichern Sie überschüssige Energie und nutzen Sie sie bei Bedarf - für maximale Unabhängigkeit.",
+      image: batteryImage,
+      gradient: "bg-gradient-battery",
+      buttonVariant: "battery" as const,
+      href: "/batteriespeicher",
+      features: [
+        "24/7 Energieverfügbarkeit",
+        "Notstromfunktion",
+        "Intelligente Steuerung",
+        "Erhöhte Eigenverbrauchsquote"
+      ]
+    }
+  ];
+
+  return (
+    <section className="py-20 bg-gradient-to-b from-background to-secondary/20">
+      <div className="container mx-auto px-4">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 text-foreground">
+            Erneuerbare Energielösungen
+          </h2>
+          <p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
+            Entdecken Sie die Vielfalt nachhaltiger Energietechnologien und finden Sie 
+            die perfekte Lösung für Ihre Bedürfnisse.
+          </p>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+          {energyTypes.map((type) => (
+            <EnergyTypeCard key={type.title} {...type} />
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default EnergyTypesSection;