update 1

index.html

@@ -8,6 +8,10 @@
     <meta name="author" content="EnergieProfis" />
     <meta name="keywords" content="Solar, Photovoltaik, Windkraft, Geothermie, Batteriespeicher, Installateur, Deutschland, erneuerbare Energie" />
     
+    <!-- Favicon -->
+    <link rel="icon" type="image/jpeg" href="/icon_energie-finder.jpeg" />
+    <link rel="shortcut icon" type="image/jpeg" href="/icon_energie-finder.jpeg" />
+
     <meta property="og:title" content="EnergieProfis - Erneuerbare Energie Installateure" />
     <meta property="og:description" content="Finden Sie qualifizierte Installateure für Solar, Wind, Geothermie und Batteriespeicher in Deutschland." />
     <meta property="og:type" content="website" />

src/components/Header.tsx

@@ -9,9 +9,11 @@ const Header = () => {
         <div className="flex items-center justify-between h-16">
           {/* Logo */}
           <Link to="/" className="flex items-center space-x-2">
-            <div className="w-8 h-8 bg-gradient-hero rounded-lg flex items-center justify-center">
+            <img 
-              <span className="text-white font-bold text-lg">E</span>
+              src="/icon_energie-finder.jpeg" 
-            </div>
+              alt="EnergieProfis Logo" 
+              className="w-8 h-8 rounded-lg"
+            />
             <span className="text-xl font-bold text-primary">EnergieProfis</span>
           </Link>
 

src/components/HeroSection.tsx

@@ -120,6 +120,15 @@ const HeroSection = () => {
         </div>
       </div>
 
+      {/* Logo in top left corner */}
+      <div className="absolute top-8 left-8 z-20">
+        <img 
+          src="/icon_energie-finder.jpeg" 
+          alt="EnergieProfis Logo" 
+          className="w-12 h-12 rounded-lg shadow-lg border-2 border-white/30 bg-white/10 backdrop-blur-sm"
+        />
+      </div>
+
       {/* Moved "Alle Installateure Ansehen" button to upper right corner */}
       <div className="absolute top-8 right-8 z-20">
         <Button 

src/components/WhyChooseUsSection.tsx

@@ -1,5 +1,5 @@
 import { Card, CardContent } from "@/components/ui/card";
-import { Shield, Users, Award, Clock, HeartHandshake, TrendingUp } from "lucide-react";
+import { Shield, Award, Clock, TrendingUp } from "lucide-react";
 
 const WhyChooseUsSection = () => {
   const features = [
@@ -9,12 +9,6 @@ const WhyChooseUsSection = () => {
       description: "Alle Fachbetriebe werden sorgfältig geprüft und zertifiziert für höchste Qualitätsstandards.",
       gradient: "bg-gradient-solar"
     },
-    {
-      icon: Users,
-      title: "Kostenlose Beratung",
-      description: "Erhalten Sie unverbindliche Beratung und bis zu 3 Angebote von qualifizierten Experten.",
-      gradient: "bg-gradient-wind"
-    },
     {
       icon: Award,
       title: "Beste Preise",
@@ -27,12 +21,6 @@ const WhyChooseUsSection = () => {
       description: "In nur wenigen Minuten erhalten Sie passende Installateur-Vorschläge für Ihre Region.",
       gradient: "bg-gradient-wind"
     },
-    {
-      icon: HeartHandshake,
-      title: "Persönlicher Service",
-      description: "Unser Expertenteam steht Ihnen bei allen Fragen rund um erneuerbare Energien zur Seite.",
-      gradient: "bg-gradient-solar"
-    },
     {
       icon: TrendingUp,
       title: "Langfristige Erfolge",
@@ -54,7 +42,7 @@ const WhyChooseUsSection = () => {
           </p>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
           {features.map((feature, index) => (
             <Card key={index} className="group hover:shadow-xl transition-all duration-300 border-0 bg-white/50 backdrop-blur-sm">
               <CardContent className="p-8 text-center">