114 lines
4.8 KiB
TypeScript
114 lines
4.8 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function ImprintPage() {
|
|
return (
|
|
<section className="min-h-screen py-24 px-6 md:px-12 max-w-4xl mx-auto">
|
|
<h1 className="text-3xl font-bold text-white mb-2 tracking-tight">
|
|
Legal Notice<span className="text-blue-500">.</span>
|
|
</h1>
|
|
<Link
|
|
href="/"
|
|
className="text-sm font-mono text-blue-400 hover:underline mb-8 inline-flex items-center gap-2"
|
|
>
|
|
← Back to Homepage
|
|
</Link>
|
|
|
|
<div className="space-y-8 text-slate-300 leading-relaxed text-sm">
|
|
{/* Angaben gemäß § 5 DDG & § 18 MStV */}
|
|
<div className="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/40 space-y-2">
|
|
<h2 className="text-lg font-semibold text-white mb-4 flex items-center gap-2">
|
|
<span className="text-blue-500 font-mono text-sm">//</span>{" "}
|
|
Information pursuant to § 5 DDG
|
|
</h2>
|
|
<p className="font-semibold text-slate-100">André Kempf</p>
|
|
<p>Full-Stack Web Developer</p>
|
|
<p>Großschneidersweg 2a</p>
|
|
<p>76149 Karlsruhe</p>
|
|
<p>Germany</p>
|
|
<p className="text-slate-400 text-xs pt-2 border-t border-slate-800/60 mt-3">
|
|
Also responsible for content pursuant to § 18 Abs. 2 MStV.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Contact */}
|
|
<div className="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/40">
|
|
<h2 className="text-lg font-semibold text-white mb-4 flex items-center gap-2">
|
|
<span className="text-blue-500 font-mono text-sm">//</span> Contact
|
|
</h2>
|
|
<p>
|
|
<strong className="text-slate-200">Email:</strong>{" "}
|
|
<span className="text-blue-400 hover:underline">
|
|
dev@andre-kempf.com
|
|
</span>
|
|
</p>
|
|
</div>
|
|
|
|
{/* Disclaimer */}
|
|
<div className="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/40 space-y-4">
|
|
<h2 className="text-lg font-semibold text-white flex items-center gap-2">
|
|
<span className="text-blue-500 font-mono text-sm">//</span>{" "}
|
|
Disclaimer & Legal Notes
|
|
</h2>
|
|
|
|
<div>
|
|
<h3 className="font-semibold text-slate-200 mb-1">
|
|
Liability for Content
|
|
</h3>
|
|
<p className="text-slate-400 text-xs leading-relaxed">
|
|
As a service provider, I am responsible for my own content on
|
|
these pages according to general laws pursuant to § 7 Abs. 1 DDG.
|
|
However, according to §§ 8 to 10 DDG, I am not obligated to
|
|
monitor transmitted or stored third-party information or to
|
|
investigate circumstances that indicate illegal activity.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 className="font-semibold text-slate-200 mb-1">
|
|
Liability for Links
|
|
</h3>
|
|
<p className="text-slate-400 text-xs leading-relaxed">
|
|
My website contains links to external third-party websites over
|
|
whose content I have no control. Therefore, I cannot accept any
|
|
liability for these external contents. The respective provider or
|
|
operator of the pages is always responsible for the content of the
|
|
linked pages.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 className="font-semibold text-slate-200 mb-1">Copyright</h3>
|
|
<p className="text-slate-400 text-xs leading-relaxed">
|
|
The content and works created on these pages are subject to German
|
|
copyright law. Duplication, processing, distribution, or any form
|
|
of commercialization beyond the scope of copyright law require the
|
|
prior written consent of the author or creator.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Dispute Resolution */}
|
|
<div className="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/40">
|
|
<h2 className="text-lg font-semibold text-white mb-4 flex items-center gap-2">
|
|
<span className="text-blue-500 font-mono text-sm">//</span> Dispute
|
|
Resolution
|
|
</h2>
|
|
<p className="text-xs text-slate-400 leading-relaxed">
|
|
The European Commission provides a platform for online dispute
|
|
resolution (OS):{" "}
|
|
<a
|
|
href="https://ec.europa.eu/consumers/odr/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-blue-400 hover:underline"
|
|
>
|
|
https://ec.europa.eu/consumers/odr/
|
|
</a>
|
|
.<br />I am neither willing nor obligated to participate in dispute
|
|
resolution proceedings before a consumer arbitration board.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|