Refactor footer component and integrate into landing page
- Remove unnecessary elements and simplify the footer layout - Update copyright notice and styling for consistency - Add Footer27 component to the landing page - Enhance tests to verify footer rendering and legal links
This commit is contained in:
132
src/pages/datenschutz.astro
Normal file
132
src/pages/datenschutz.astro
Normal file
@@ -0,0 +1,132 @@
|
||||
---
|
||||
import "@/styles/global.css";
|
||||
---
|
||||
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Datenschutz | Matthias Meister Softwareentwicklung</title>
|
||||
<script
|
||||
src="https://rybbit.matthias.lol/api/script.js"
|
||||
data-site-id="60abc81e438a"
|
||||
defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12">
|
||||
<a
|
||||
href="/"
|
||||
class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground"
|
||||
>
|
||||
Matthias Meister
|
||||
</a>
|
||||
|
||||
<section class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24">
|
||||
<div>
|
||||
<p class="text-sm uppercase tracking-[0.3em] text-primary">
|
||||
Datenschutz
|
||||
</p>
|
||||
<h1 class="mt-6 max-w-[9ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl">
|
||||
Ihre Daten
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="space-y-10 text-lg leading-8 text-foreground/85">
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Verantwortlicher
|
||||
</h2>
|
||||
<div class="mt-4 space-y-1 text-muted-foreground">
|
||||
<p>Matthias Meister Softwareentwicklung</p>
|
||||
<p>Inhaber: Matthias Meister</p>
|
||||
<p>Karl-Marx-Str. 22</p>
|
||||
<p>08451 Crimmitschau</p>
|
||||
<p>
|
||||
E-Mail:
|
||||
<a
|
||||
class="underline underline-offset-4 transition hover:text-foreground"
|
||||
href="mailto:hallo@matthias-meister.com"
|
||||
>
|
||||
hallo@matthias-meister.com
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Keine Cookies
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Diese Website setzt keine Cookies. Es gibt keine Nutzerkonten,
|
||||
keinen Newsletter, keine Zahlungsabwicklung und keine eingebetteten
|
||||
Drittanbieter-Medien.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Kontakt per E-Mail
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Wenn Sie über einen mailto-Link Kontakt aufnehmen, werden die von
|
||||
Ihnen per E-Mail übermittelten Angaben zur Bearbeitung Ihrer
|
||||
Anfrage verarbeitet. Auf dieser Website wird dafür kein
|
||||
Kontaktformular gespeichert.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Reichweitenmessung mit Rybbit
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Diese Website nutzt Rybbit Analytics über
|
||||
https://rybbit.matthias.lol/api/script.js, um anonymisierte und
|
||||
aggregierte Statistiken zur Nutzung der Website zu erhalten.
|
||||
Rybbit arbeitet cookielos und verwendet nach Anbieterangaben keine
|
||||
Cookies oder local storage für das Tracking.
|
||||
</p>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Dabei können technische Besuchsdaten wie aufgerufene Seiten,
|
||||
Referrer, Browser- und Geräteinformationen sowie aus der
|
||||
IP-Adresse abgeleitete ungefähre Standortdaten verarbeitet werden.
|
||||
Die IP-Adresse wird dabei nur vorübergehend zur Verarbeitung
|
||||
genutzt und nicht als Klartext in der Analysedatenbank gespeichert.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Ihre Rechte
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Sie haben im Rahmen der gesetzlichen Vorgaben insbesondere Rechte
|
||||
auf Auskunft, Berichtigung, Löschung, Einschränkung der
|
||||
Verarbeitung und Widerspruch gegen die Verarbeitung Ihrer
|
||||
personenbezogenen Daten. Bitte wenden Sie sich dafür an die oben
|
||||
genannte Kontaktadresse.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<p class="border-t border-border pt-8 text-sm text-muted-foreground">
|
||||
Hinweis: Dieser Text beschreibt die technische Umsetzung dieser
|
||||
Website und ersetzt keine anwaltliche Prüfung.
|
||||
</p>
|
||||
|
||||
<nav class="flex flex-wrap gap-5 text-sm text-muted-foreground">
|
||||
<a class="underline underline-offset-4 transition hover:text-foreground" href="/">
|
||||
Startseite
|
||||
</a>
|
||||
<a class="underline underline-offset-4 transition hover:text-foreground" href="/impressum">
|
||||
Impressum
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
86
src/pages/impressum.astro
Normal file
86
src/pages/impressum.astro
Normal file
@@ -0,0 +1,86 @@
|
||||
---
|
||||
import "@/styles/global.css";
|
||||
---
|
||||
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Impressum | Matthias Meister Softwareentwicklung</title>
|
||||
<script
|
||||
src="https://rybbit.matthias.lol/api/script.js"
|
||||
data-site-id="60abc81e438a"
|
||||
defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12">
|
||||
<a
|
||||
href="/"
|
||||
class="text-sm font-semibold uppercase tracking-[0.24em] text-muted-foreground transition hover:text-foreground"
|
||||
>
|
||||
Matthias Meister
|
||||
</a>
|
||||
|
||||
<section class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24">
|
||||
<div>
|
||||
<p class="text-sm uppercase tracking-[0.3em] text-primary">
|
||||
Rechtliches
|
||||
</p>
|
||||
<h1 class="mt-6 max-w-[8ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl">
|
||||
Impressum
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="space-y-10 text-lg leading-8 text-foreground/85">
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Angaben gemäß § 5 TMG
|
||||
</h2>
|
||||
<div class="mt-4 space-y-1 text-muted-foreground">
|
||||
<p>Matthias Meister Softwareentwicklung</p>
|
||||
<p>Inhaber: Matthias Meister</p>
|
||||
<p>Karl-Marx-Str. 22</p>
|
||||
<p>08451 Crimmitschau</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Umsatzsteuer
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
Umsatzsteuer-Identifikationsnummer: DE460155697
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
|
||||
Kontakt
|
||||
</h2>
|
||||
<p class="mt-4 text-muted-foreground">
|
||||
E-Mail:
|
||||
<a
|
||||
class="underline underline-offset-4 transition hover:text-foreground"
|
||||
href="mailto:hallo@matthias-meister.com"
|
||||
>
|
||||
hallo@matthias-meister.com
|
||||
</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<nav class="flex flex-wrap gap-5 border-t border-border pt-8 text-sm text-muted-foreground">
|
||||
<a class="underline underline-offset-4 transition hover:text-foreground" href="/">
|
||||
Startseite
|
||||
</a>
|
||||
<a class="underline underline-offset-4 transition hover:text-foreground" href="/datenschutz">
|
||||
Datenschutz
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,6 +1,7 @@
|
||||
---
|
||||
import { LandingHeroSection } from "@/components/landing-hero-section";
|
||||
import { LandingRest } from "@/components/landing";
|
||||
import { Footer27 } from "@/components/footer27";
|
||||
import "@/styles/global.css";
|
||||
---
|
||||
|
||||
@@ -21,6 +22,7 @@ import "@/styles/global.css";
|
||||
<main class="min-h-screen overflow-hidden bg-background text-foreground">
|
||||
<LandingHeroSection client:media="(min-width: 1024px)" />
|
||||
<LandingRest />
|
||||
<Footer27 />
|
||||
</main>
|
||||
<script>
|
||||
import { initCookieInfoBanner } from "@/lib/cookie-banner-info";
|
||||
|
||||
Reference in New Issue
Block a user