+ 
+
+
+
+
+
+
+ {title.charAt(0)}
+
+ {title}
+{description}
+ +-
+ {features.map((feature, index) => (
+
- + + {feature} + + ))} +
+
+
+
+
+ + Erneuerbare Energielösungen +
++ Entdecken Sie die Vielfalt nachhaltiger Energietechnologien und finden Sie + die perfekte Lösung für Ihre Bedürfnisse. +
+
+ {energyTypes.map((type) => (
+
+
+
+
+ {/* Logo */}
+
+
+
+ E
+
+ EnergieProfis
+
+
+ {/* Desktop Navigation */}
+
+
+ {/* Action Buttons */}
+
+
+
+
+
+ {/* Mobile Menu Button */}
+
+
+ 
+
+
+
+ {/* Content */}
+
+
+
+ {/* Floating Stats */}
+
+
+ + Finden Sie Ihren perfekten{" "} + + Erneuerbaren Energie + {" "} + Installateur +
+ ++ Vergleichen Sie qualifizierte Fachbetriebe für Solar, Wind, Geothermie + und Batteriespeicher in Ihrer Region. Kostenlos und unverbindlich. +
+ + {/* Search Box */} +
+
+
+ {/* CTA Buttons */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 500+
+ Installateure
+
+
+ 2,500+
+ Projekte
+
+
+ 4.8★
+ Bewertung
+
+
+
+
+
+ + Warum EnergieProfis? +
++ Wir verbinden Sie mit den besten Fachbetrieben für erneuerbare Energien + und sorgen für eine professionelle Umsetzung Ihres Projekts. +
+
+ {features.map((feature, index) => (
+
+
+
+
+ ))}
+
+
+
+
+ + {feature.title} +
+ ++ {feature.description} +
+
-
-
+ Welcome to Your Blank App
-Start building your amazing project here!
-
+
+
+
);
};
diff --git a/src/pages/Solar.tsx b/src/pages/Solar.tsx
new file mode 100644
index 0000000..fa28619
--- /dev/null
+++ b/src/pages/Solar.tsx
@@ -0,0 +1,135 @@
+import Header from "@/components/Header";
+import Footer from "@/components/Footer";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { Sun, Zap, TrendingUp, Shield, ArrowRight } from "lucide-react";
+import { Link } from "react-router-dom";
+import solarImage from "@/assets/solar-installation.jpg";
+
+const Solar = () => {
+ const benefits = [
+ {
+ icon: Sun,
+ title: "Nachhaltige Energie",
+ description: "100% saubere, erneuerbare Energie direkt von der Sonne"
+ },
+ {
+ icon: Zap,
+ title: "Kosteneinsparung",
+ description: "Bis zu 70% Reduzierung Ihrer Stromkosten"
+ },
+ {
+ icon: TrendingUp,
+ title: "Wertsteigerung",
+ description: "Erhöhung des Immobilienwerts um bis zu 10%"
+ },
+ {
+ icon: Shield,
+ title: "Langzeitgarantie",
+ description: "20+ Jahre Produktgarantie und Leistungsgarantie"
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Benefits Section */}
+
+
+
+ {/* CTA Section */}
+
+
+
+
+
+ );
+};
+
+export default Solar;
\ No newline at end of file
diff --git a/src/pages/Wind.tsx b/src/pages/Wind.tsx
new file mode 100644
index 0000000..08ceaa4
--- /dev/null
+++ b/src/pages/Wind.tsx
@@ -0,0 +1,135 @@
+import Header from "@/components/Header";
+import Footer from "@/components/Footer";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { Wind, Zap, TrendingUp, Shield, ArrowRight } from "lucide-react";
+import { Link } from "react-router-dom";
+import windImage from "@/assets/wind-turbines.jpg";
+
+const WindPage = () => {
+ const benefits = [
+ {
+ icon: Wind,
+ title: "Konstante Energie",
+ description: "24/7 Energieproduktion bei ausreichender Windgeschwindigkeit"
+ },
+ {
+ icon: Zap,
+ title: "Hohe Effizienz",
+ description: "Moderne Anlagen nutzen auch schwache Winde effektiv"
+ },
+ {
+ icon: TrendingUp,
+ title: "Skalierbarkeit",
+ description: "Von kleinen Anlagen bis zu großen Windparks"
+ },
+ {
+ icon: Shield,
+ title: "Bewährte Technologie",
+ description: "Jahrzehntelange Erfahrung und zuverlässige Systeme"
+ }
+ ];
+
+ return (
+
+ 
+
+
+
+
+
+
+
+ + Solar-Installateure in Ihrer Nähe +
+ ++ Finden Sie qualifizierte Solartechnik-Experten für Photovoltaik-Anlagen, + Solarthermie und komplette Energiesysteme. +
+ +
+
+
+
+
+
+
+
+
+ + Warum Solar? +
++ Investieren Sie in die Zukunft mit nachhaltiger Solarenergie +
+
+ {benefits.map((benefit, index) => (
+
+
+
+
+ ))}
+
+
+
+
+ + {benefit.title} +
+ ++ {benefit.description} +
+
+
+ + Bereit für Ihre Solar-Installation? +
++ Erhalten Sie kostenlose Angebote von geprüften Solar-Installateuren in Ihrer Region +
+ +
+
+
+
+
+
+
+ {/* Benefits Section */}
+
+
+
+ {/* CTA Section */}
+
+
+
+
+
+ );
+};
+
+export default WindPage;
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 8706086..bbc045d 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -52,6 +52,31 @@ export default {
DEFAULT: 'hsl(var(--card))',
foreground: 'hsl(var(--card-foreground))'
},
+ // Energy Type Colors
+ solar: {
+ DEFAULT: 'hsl(var(--solar-primary))',
+ secondary: 'hsl(var(--solar-secondary))',
+ light: 'hsl(var(--solar-light))',
+ dark: 'hsl(var(--solar-dark))'
+ },
+ wind: {
+ DEFAULT: 'hsl(var(--wind-primary))',
+ secondary: 'hsl(var(--wind-secondary))',
+ light: 'hsl(var(--wind-light))',
+ dark: 'hsl(var(--wind-dark))'
+ },
+ geo: {
+ DEFAULT: 'hsl(var(--geo-primary))',
+ secondary: 'hsl(var(--geo-secondary))',
+ light: 'hsl(var(--geo-light))',
+ dark: 'hsl(var(--geo-dark))'
+ },
+ battery: {
+ DEFAULT: 'hsl(var(--battery-primary))',
+ secondary: 'hsl(var(--battery-secondary))',
+ light: 'hsl(var(--battery-light))',
+ dark: 'hsl(var(--battery-dark))'
+ },
sidebar: {
DEFAULT: 'hsl(var(--sidebar-background))',
foreground: 'hsl(var(--sidebar-foreground))',
@@ -63,6 +88,23 @@ export default {
ring: 'hsl(var(--sidebar-ring))'
}
},
+ backgroundImage: {
+ 'gradient-solar': 'var(--gradient-solar)',
+ 'gradient-wind': 'var(--gradient-wind)',
+ 'gradient-geo': 'var(--gradient-geo)',
+ 'gradient-battery': 'var(--gradient-battery)',
+ 'gradient-hero': 'var(--gradient-hero)'
+ },
+ boxShadow: {
+ 'solar': 'var(--shadow-solar)',
+ 'wind': 'var(--shadow-wind)',
+ 'geo': 'var(--shadow-geo)',
+ 'battery': 'var(--shadow-battery)'
+ },
+ transitionTimingFunction: {
+ 'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)',
+ 'bounce': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'
+ },
borderRadius: {
lg: 'var(--radius)',
md: 'calc(var(--radius) - 2px)',
+ 
+
+
+
+
+
+
+
+ + Wind-Installateure für Ihre Region +
+ ++ Entdecken Sie die Kraft des Windes mit modernen Windkraftanlagen + für private und gewerbliche Nutzung. +
+ +
+
+
+
+
+
+
+
+
+ + Warum Windenergie? +
++ Nutzen Sie die unerschöpfliche Kraft des Windes für saubere Energie +
+
+ {benefits.map((benefit, index) => (
+
+
+
+
+ ))}
+
+
+
+
+ + {benefit.title} +
+ ++ {benefit.description} +
+
+
+ + Bereit für Ihre Windkraft-Installation? +
++ Erhalten Sie kostenlose Angebote von geprüften Wind-Installateuren in Ihrer Region +
+ +
+
+
+