From 1a54c661adf4ce6277f3a9da7e9f5b21e256b3ff Mon Sep 17 00:00:00 2001
From: root <root@v2202502254776314774.ultrasrv.de>
Date: Thu, 4 Dec 2025 15:02:05 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Impressum-Seite=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Neue /impressum Route
- Angaben gemäß § 5 TMG
- Vereinsregister Österreich (ZVR: 1767456655)
- Büro Deutschland in München
- Footer-Link aktualisiert

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/App.tsx             |   2 +-
 src/main.tsx            |   2 +
 src/pages/Impressum.tsx | 119 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 122 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Impressum.tsx

diff --git a/src/App.tsx b/src/App.tsx
index f26cc0d..07110b6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -709,7 +709,7 @@ function App() {
               <h3 className="font-bold text-white mb-4">Legal</h3>
               <ul className="space-y-2 text-sm">
                 <li><a href="#" className="hover:text-white transition-colors">Datenschutz</a></li>
-                <li><a href="#" className="hover:text-white transition-colors">Impressum</a></li>
+                <li><a href="/impressum" className="hover:text-white transition-colors">Impressum</a></li>
                 <li><a href="#" className="hover:text-white transition-colors">AGB</a></li>
               </ul>
             </div>
diff --git a/src/main.tsx b/src/main.tsx
index 555a440..02c527e 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import App from './App.tsx';
 import ThankYou from './pages/ThankYou.tsx';
+import Impressum from './pages/Impressum.tsx';
 import './index.css';
 
 createRoot(document.getElementById('root')!).render(
@@ -11,6 +12,7 @@ createRoot(document.getElementById('root')!).render(
       <Routes>
         <Route path="/" element={<App />} />
         <Route path="/danke" element={<ThankYou />} />
+        <Route path="/impressum" element={<Impressum />} />
       </Routes>
     </BrowserRouter>
   </StrictMode>
diff --git a/src/pages/Impressum.tsx b/src/pages/Impressum.tsx
new file mode 100644
index 0000000..00ef906
--- /dev/null
+++ b/src/pages/Impressum.tsx
@@ -0,0 +1,119 @@
+import { ArrowLeft, Building2, User, FileText, Scale } from 'lucide-react';
+
+export default function Impressum() {
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <header className="bg-white shadow-sm">
+        <div className="max-w-4xl mx-auto px-4 py-6 flex items-center justify-between">
+          <a href="/">
+            <img
+              src="/Sunhouse-energy-logo-02.png"
+              alt="SunHouse Energy Logo"
+              className="h-10 md:h-12 w-auto"
+            />
+          </a>
+          <a
+            href="/"
+            className="inline-flex items-center gap-2 text-gray-600 hover:text-green-600 transition-colors"
+          >
+            <ArrowLeft className="w-4 h-4" />
+            Zurück zur Startseite
+          </a>
+        </div>
+      </header>
+
+      {/* Content */}
+      <main className="max-w-4xl mx-auto px-4 py-12">
+        <h1 className="text-3xl md:text-4xl font-bold text-gray-900 mb-8">Impressum</h1>
+
+        <div className="bg-white rounded-xl shadow-md p-8 space-y-8">
+          {/* Angaben gemäß TMG */}
+          <section>
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
+                <Scale className="w-5 h-5 text-green-600" />
+              </div>
+              <h2 className="text-xl font-bold text-gray-900">Angaben gemäß § 5 TMG</h2>
+            </div>
+            <div className="pl-13 space-y-1 text-gray-700">
+              <p className="font-semibold">Institut für Nachhaltigkeit</p>
+              <p>mit dem Sitz in Karres, Österreich</p>
+            </div>
+          </section>
+
+          {/* Büro Deutschland */}
+          <section>
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
+                <Building2 className="w-5 h-5 text-green-600" />
+              </div>
+              <h2 className="text-xl font-bold text-gray-900">Büro für Deutschland</h2>
+            </div>
+            <address className="pl-13 not-italic text-gray-700">
+              <p>Helene-Mayer-Ring 10</p>
+              <p>D-80809 München</p>
+            </address>
+          </section>
+
+          {/* Vertreten durch */}
+          <section>
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
+                <User className="w-5 h-5 text-green-600" />
+              </div>
+              <h2 className="text-xl font-bold text-gray-900">Vertreten durch</h2>
+            </div>
+            <p className="pl-13 text-gray-700">Manfred Josef Hampel</p>
+          </section>
+
+          {/* Registereintrag */}
+          <section>
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center">
+                <FileText className="w-5 h-5 text-green-600" />
+              </div>
+              <h2 className="text-xl font-bold text-gray-900">Registereintrag</h2>
+            </div>
+            <div className="pl-13 space-y-1 text-gray-700">
+              <p>Vereinsregister Österreich</p>
+              <p>Bezirkshauptmannschaft: Imst</p>
+              <p className="font-semibold">ZVR: 1767456655</p>
+            </div>
+          </section>
+
+          {/* Verantwortlich für den Inhalt */}
+          <section className="pt-6 border-t border-gray-200">
+            <h2 className="text-xl font-bold text-gray-900 mb-4">
+              Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV
+            </h2>
+            <div className="text-gray-700 space-y-1">
+              <p className="font-semibold">Institut für Nachhaltigkeit</p>
+              <p>Manfred Hampel</p>
+              <p>Helene-Mayer-Ring 10</p>
+              <p>D-80809 München</p>
+            </div>
+          </section>
+        </div>
+
+        {/* Back link */}
+        <div className="mt-8 text-center">
+          <a
+            href="/"
+            className="inline-flex items-center gap-2 text-green-600 hover:text-green-700 font-medium transition-colors"
+          >
+            <ArrowLeft className="w-4 h-4" />
+            Zurück zur Startseite
+          </a>
+        </div>
+      </main>
+
+      {/* Footer */}
+      <footer className="bg-gray-800 text-gray-400 py-8 mt-12">
+        <div className="max-w-4xl mx-auto px-4 text-center text-sm">
+          <p>&copy; 2025 SunHouse. Alle Rechte vorbehalten.</p>
+        </div>
+      </footer>
+    </div>
+  );
+}