Add src/app/privacy/page.tsx

This commit is contained in:
2026-03-07 00:19:23 +00:00
parent 3b3cf70987
commit 32b079c555

128
src/app/privacy/page.tsx Normal file
View File

@@ -0,0 +1,128 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import LegalSection from "@/components/legal/LegalSection";
import FooterMedia from "@/components/sections/footer/FooterMedia";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "/projects" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Projects", href: "/projects" },
{ label: "About", href: "/about" },
],
},
{
title: "Kontakt", items: [
{ label: "Tel: 04744 730045", href: "tel:04744730045" },
{ label: "Schwegen 10, 27612 Loxstedt", href: "#" },
{ label: "Germany", href: "#" },
{ label: "E-Mail anfragen", href: "mailto:info@kuckbau.de" },
],
},
{
title: "Legal", items: [
{ label: "Datenschutz", href: "/privacy" },
{ label: "Impressum", href: "/imprint" },
{ label: "AGB", href: "/terms" },
],
},
];
export default function PrivacyPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmall"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Kück Bau"
bottomLeftText="Schwegen 10, 27612 Loxstedt"
bottomRightText="04744 730045"
/>
</div>
<div id="privacy" data-section="privacy">
<LegalSection
layout="page"
title="Datenschutzerklärung"
subtitle="Gültig ab: Januar 2025"
sections={[
{
heading: "1. Datenschutz auf einen Blick", content: [
{
type: "paragraph", text: "Die folgenden Angaben geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten geschieht, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können."},
],
},
{
heading: "2. Erfassung von Daten", content: [
{
type: "paragraph", text: "Kück Bau und Möbeltischlerei erhebt, nutzt und gibt Ihre personenbezogenen Daten nur dann an Dritte weiter, wenn dies gesetzlich vorgeschrieben ist oder Sie dem zugestimmt haben."},
{
type: "paragraph", text: "Wir erfassen Ihre Daten insbesondere durch:"},
{
type: "list", items: [
"Die freiwillige Übermittlung von Daten über Kontaktformulare", "Automatische Erfassung beim Besuch unserer Website", "Kommunikation per E-Mail oder Telefon"],
},
],
},
{
heading: "3. Nutzung von Cookies", content: [
{
type: "paragraph", text: "Diese Website verwendet Cookies. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert. Sie ermöglichen es uns, unsere Website benutzerfreundlicher, effektiver und sicherer zu machen."},
],
},
{
heading: "4. Ihre Rechte", content: [
{
type: "paragraph", text: "Sie haben das Recht, folgende Informationen kostenlos von uns zu erhalten:"},
{
type: "list", items: [
"Auskunft über die bei uns gespeicherten Daten", "Berichtigung unrichtiger Daten", "Löschung von Daten", "Einschränkung der Datenverarbeitung"],
},
],
},
{
heading: "5. Kontakt zum Datenschutzbeauftragten", content: [
{
type: "paragraph", text: "Bei Fragen zum Datenschutz können Sie sich an uns wenden:"},
{
type: "paragraph", text: "Kück Bau und Möbeltischlerei, Schwegen 10, 27612 Loxstedt, info@kuckbau.de, Tel: 04744 730045"},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384850.jpg?_wi=3"
imageAlt="Professionelle Carpentry-Werkstatt"
logoText="Kück Bau und Möbeltischlerei"
copyrightText="© 2025 Kück Bau und Möbeltischlerei. Alle Rechte vorbehalten."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}