matthias/Dev-Landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update contact email and improve code formatting across multiple pages

Browse Source 
- Change contact email from hallo@matthias-meister.com to support@matthias-meister-webdesign.de in the contact section, Datenschutz, and Impressum pages.
- Enhance code readability by adjusting formatting and indentation in the main and section elements.
- Ensure consistent styling and structure across the affected components.
This commit is contained in:
Matthias Meister
2026-05-07 10:40:59 +02:00
parent e039fdf555
commit 8a4ec60655
3 changed files with 76 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/landing/contact-section.tsx
View File

@@ -18,7 +18,7 @@ const ContactSection = () => {
Sie tun, und wann soll sie online sein?
</p>
<a
href="mailto:hallo@matthias-meister.com"
href="mailto:support@matthias-meister-webdesign.de"
className="mt-10 inline-flex items-center gap-3 bg-primary px-6 py-5 text-sm font-black uppercase tracking-[0.18em] text-primary-foreground transition hover:bg-foreground hover:text-background"
>
<CornerDownRight className="size-5" />
@@ -28,7 +28,7 @@ const ContactSection = () => {
<div className="flex flex-col justify-end gap-6 bg-primary px-5 py-10 text-primary-foreground sm:px-8 lg:px-10">
<div className="flex gap-3">
<Mail className="size-5" />
<span>hallo@matthias-meister.com</span>
<span>support@matthias-meister-webdesign.de</span>
</div>
<div className="flex gap-3">
<Phone className="size-5" />

65
src/pages/datenschutz.astro
View File

@@ -16,7 +16,9 @@ import "@/styles/global.css";
defer></script>
</head>
<body>
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12">
<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"
@@ -24,19 +26,25 @@ import "@/styles/global.css";
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>
<section
class="mx-auto grid max-w-5xl gap-12 py-16 lg:grid-cols-[0.42fr_0.58fr] lg:py-24"
>
<div class="lg:sticky lg:top-8 lg:self-start">
<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">
<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">
<h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Verantwortlicher
</h2>
<div class="mt-4 space-y-1 text-muted-foreground">
@@ -48,27 +56,31 @@ import "@/styles/global.css";
E-Mail:
<a
class="underline underline-offset-4 transition hover:text-foreground"
href="mailto:hallo@matthias-meister.com"
href="mailto:support@matthias-meister-webdesign.de"
>
hallo@matthias-meister.com
support@matthias-meister-webdesign.de
</a>
</p>
</div>
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<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.
keinen Newsletter, keine Zahlungsabwicklung und keine
eingebetteten Drittanbieter-Medien.
</p>
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Kontakt per E-Mail
</h2>
<p class="mt-4 text-muted-foreground">
@@ -80,27 +92,31 @@ import "@/styles/global.css";
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<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
Diese Website nutzt Rybbit Analytics, 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.
Rybbit verwendet 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.
genutzt und nicht als Klartext in der Analysedatenbank
gespeichert.
</p>
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Ihre Rechte
</h2>
<p class="mt-4 text-muted-foreground">
@@ -113,15 +129,20 @@ import "@/styles/global.css";
</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.
Hinweis: Dieser Text wird fortlaufend aktualisiert.
</p>
<nav class="flex flex-wrap gap-5 text-sm text-muted-foreground">
<a class="underline underline-offset-4 transition hover:text-foreground" href="/">
<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">
<a
class="underline underline-offset-4 transition hover:text-foreground"
href="/impressum"
>
Impressum
</a>
</nav>

42
src/pages/impressum.astro
View File

@@ -16,7 +16,9 @@ import "@/styles/global.css";
defer></script>
</head>
<body>
<main class="min-h-screen bg-background px-5 py-8 text-foreground sm:px-8 lg:px-12">
<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"
@@ -24,19 +26,25 @@ import "@/styles/global.css";
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">
<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">
<h1
class="mt-6 max-w-[8ch] text-5xl font-black uppercase leading-[0.86] sm:text-6xl"
>
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">
<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">
@@ -48,7 +56,9 @@ import "@/styles/global.css";
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<h2
class="text-sm font-black uppercase tracking-[0.22em] text-primary"
>
Umsatzsteuer
</h2>
<p class="mt-4 text-muted-foreground">
@@ -57,25 +67,35 @@ import "@/styles/global.css";
</section>
<section>
<h2 class="text-sm font-black uppercase tracking-[0.22em] text-primary">
<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"
href="mailto:support@matthias-meister-webdesign.de"
>
hallo@matthias-meister.com
support@matthias-meister-webdesign.de
</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="/">
<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">
<a
class="underline underline-offset-4 transition hover:text-foreground"
href="/datenschutz"
>
Datenschutz
</a>
</nav>