giteadmin/sunhouse-landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Impressum-Seite hinzugefügt

Browse Source 
- 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>
This commit is contained in:
root
2025-12-04 15:02:05 +01:00
parent cb5ac108e7
commit 1a54c661ad
3 changed files with 122 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -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>

2
src/main.tsx
View File

@@ -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>

119
src/pages/Impressum.tsx Normal file
View File

@@ -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>
);
}