Redesign: "Warm Paper" visual system, real logo + webfont, polished pages
- Brand: replace 🌈-emoji placeholder with the real logo in header, hero and footer; embed the Apex Brush webfont locally (/public/fonts) - Design system (global.css): warm paper palette, Fraunces + Hanken Grotesk, sticker buttons/cards, squiggle underlines, organic blobs, wave dividers, staggered load motion; wrap base/components in @layer so Tailwind utilities reliably override (fixes ignored padding/weight overrides) - Home: new hero showcasing the logo, manifest, three pillars, Momente gallery (placeholder photos), stats band, projects, CTA - New components: PageHeader, Wave, Decor - Subpages: unified headers (Apex Brush eyebrow + Fraunces H1), blob badges, consistent CTA bands and chips; add real .prose styling (no Tailwind typography plugin installed) - Fix datenschutz: font names Pacifico/Inter -> Fraunces/Hanken Grotesk Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,16 +1,19 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import PageHeader from "../components/PageHeader.astro";
|
||||
import { getSettings } from "../lib/directus";
|
||||
|
||||
const settings = await getSettings();
|
||||
---
|
||||
|
||||
<Layout title="Kontakt" description="Kontakt zum Kitafreunde Regenbogen e.V. — schreib uns, werde Mitglied oder bring eine Idee ein.">
|
||||
<section class="section pt-16">
|
||||
<p class="text-sm font-semibold tracking-widest uppercase text-[var(--color-primary)] mb-3">Kontakt</p>
|
||||
<h1 class="font-brand text-5xl text-[var(--color-text)] mb-6">Schreib uns.</h1>
|
||||
<PageHeader eyebrow="Kontakt">
|
||||
Schreib <span class="squiggle rainbow-text">uns.</span>
|
||||
<Fragment slot="lead">Fragen, Ideen, Mitmachen — wir freuen uns über jede Nachricht.</Fragment>
|
||||
</PageHeader>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 mt-8">
|
||||
<section class="section pt-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||
<!-- Kontaktinfos -->
|
||||
<div class="space-y-6">
|
||||
<div class="card">
|
||||
|
||||
Reference in New Issue
Block a user