impressum
This commit is contained in:
Basilosaurusrex
@@ -6,6 +6,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
|
||||
import Index from "./pages/Index";
|
||||
import ContactPage from "./pages/Contact";
|
||||
import AGBPage from "./pages/AGB";
|
||||
import ImpressumPage from "./pages/Impressum";
|
||||
import NotFound from "./pages/NotFound";
|
||||
|
||||
const queryClient = new QueryClient();
|
||||
@@ -20,6 +21,7 @@ const App = () => (
|
||||
<Route path="/" element={<Index />} />
|
||||
<Route path="/kontakt" element={<ContactPage />} />
|
||||
<Route path="/agb" element={<AGBPage />} />
|
||||
<Route path="/impressum" element={<ImpressumPage />} />
|
||||
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
|
||||
<Route path="*" element={<NotFound />} />
|
||||
</Routes>
|
||||
|
||||
196
src/pages/Impressum.tsx
Normal file
196
src/pages/Impressum.tsx
Normal file
@@ -0,0 +1,196 @@
|
||||
import { Link } from "react-router-dom";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { ArrowLeft, Scale } from "lucide-react";
|
||||
|
||||
const impressumDivider = (
|
||||
<div className="my-8 border-t border-border" aria-hidden />
|
||||
);
|
||||
|
||||
const Impressum = () => {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
{/* Header */}
|
||||
<header className="fixed top-0 left-0 right-0 z-50 glass-nav py-4">
|
||||
<div className="container mx-auto px-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<Link to="/" className="flex items-center gap-2 group">
|
||||
<span className="text-xl font-display font-medium text-foreground tracking-tight">
|
||||
Webklar
|
||||
</span>
|
||||
</Link>
|
||||
<Link to="/">
|
||||
<Button
|
||||
variant="ghost"
|
||||
className="text-muted-foreground hover:text-foreground"
|
||||
>
|
||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||
Zurück
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* Main Content */}
|
||||
<main className="pt-32 pb-24">
|
||||
<div className="container mx-auto px-6">
|
||||
<div className="max-w-3xl mx-auto">
|
||||
{/* Page Header */}
|
||||
<div className="mb-12">
|
||||
<div className="label-tag mb-4 flex items-center gap-2">
|
||||
<Scale className="w-4 h-4" />
|
||||
Rechtliches
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-display font-medium text-foreground tracking-tight uppercase mb-2">
|
||||
Impressum
|
||||
</h1>
|
||||
<p className="text-muted-foreground text-lg">
|
||||
Angaben gemäß § 5 TMG
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Impressum Content */}
|
||||
<article className="space-y-8 text-foreground">
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
WEBklar GbR
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed whitespace-pre-line">
|
||||
Am Schwimmbad 10<br />
|
||||
67722 Winnweiler<br />
|
||||
Deutschland
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Vertreten durch
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Geschäftsführer:<br />
|
||||
Kenso Gri
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Kontakt
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Telefon: 0176 23726355<br />
|
||||
E-Mail: kenso.gri@gmail.com
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Rechtsform
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Gesellschaft bürgerlichen Rechts (GbR)
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Umsatzsteuer
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed">
|
||||
Gemäß § 19 UStG wird keine Umsatzsteuer erhoben (Kleinunternehmerregelung).<br />
|
||||
(Falls das nicht stimmt oder sich ändert, unbedingt sagen.)
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Verantwortlich für den Inhalt nach § 55 Absatz 2 RStV
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed whitespace-pre-line">
|
||||
Kenso Gri<br />
|
||||
Schliertal 21<br />
|
||||
67468 Frankenstein<br />
|
||||
Deutschland
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Haftung für Inhalte
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed space-y-2">
|
||||
Als Diensteanbieter sind wir gemäß § 7 Absatz 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.<br />
|
||||
Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Haftung für Links
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed space-y-2">
|
||||
Unsere Webseite enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.<br />
|
||||
Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen.<br />
|
||||
Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Urheberrecht
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed space-y-2">
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.<br />
|
||||
Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
|
||||
</p>
|
||||
</section>
|
||||
{impressumDivider}
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
|
||||
Online-Streitbeilegung
|
||||
</h2>
|
||||
<p className="text-muted-foreground leading-relaxed space-y-2">
|
||||
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:<br />
|
||||
<a
|
||||
href="https://ec.europa.eu/consumers/odr"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-foreground underline hover:no-underline"
|
||||
>
|
||||
https://ec.europa.eu/consumers/odr
|
||||
</a>
|
||||
<br /><br />
|
||||
Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
|
||||
</p>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
{/* Back / Contact */}
|
||||
<div className="mt-16 pt-12 border-t border-border flex flex-wrap gap-4">
|
||||
<Link to="/">
|
||||
<Button variant="outline" className="rounded-full">
|
||||
Zur Startseite
|
||||
</Button>
|
||||
</Link>
|
||||
<Link to="/kontakt">
|
||||
<Button className="btn-minimal rounded-full">
|
||||
Kontakt
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Impressum;
|
||||
Reference in New Issue
Block a user