feat: add weekly-offer notice with social media links

Adds a "Wochenangebot" section below the Speisekarte pointing to
Instagram and Facebook for weekly changing offers. Styled as a
slightly rotated, dashed-border box in the paper-menu aesthetic with
uniform golden shimmer text; links keep the regular link color so
they stay recognizable.

Content (copy, social URLs, hint) is sourced from site.yml and
therefore editable directly via GitHub.

Author: JumpLink

src/content/site.yml

@@ -26,6 +26,19 @@ footer_hours_label: "Öffnungszeiten: "
 footer_address_label: "Anfahrt: "
 footer_copyright: "Das Frittierwerk – Alle Rechte vorbehalten."
 
+# Social-Media-Profile (werden im Wochenangebot verlinkt)
+social:
+  instagram: "https://www.instagram.com/dasfrittierwerk/"
+  facebook: "https://www.facebook.com/dasfrittierwerk"
+
+# Wochenangebot – wechselnde Angebote, Verweis auf Social Media
+wochenangebot:
+  title: "Wochenangebot"
+  intro: "Entdecke unsere wöchentlich wechselnden Angebote auf {instagram} oder {facebook}."
+  hint: "Nur solange der Vorrat reicht!"
+  instagram_label: "Instagram"
+  facebook_label: "Facebook"
+
 # PWA / web app manifest
 theme_color: "#1a0f0a"
 background_color: "#1a0f0a"

src/scss/_menu.scss

@@ -54,6 +54,44 @@
   }
 }
 
+// Dashed "Besonderheit"-Box im Stil der Papier-Speisekarte
+// Genutzt z.B. für das Wochenangebot mit Verweis auf Social Media
+.special-notice {
+  max-width: 40rem;
+  padding: $spacer * 1.75 $spacer * 1.75;
+  border: 2px dashed $gold-dark;
+  border-radius: $border-radius;
+  background-color: rgba($dark-bg, 0.5);
+  transform: rotate(-1.5deg);
+  transition: border-color 0.2s ease, transform 0.3s ease;
+
+  &:hover {
+    border-color: $gold;
+    transform: rotate(0);
+  }
+
+  // Einheitliche Schrift im Stil der Papier-Speisekarte
+  &__text,
+  &__hint {
+    font-family: $headings-font-family;
+    font-size: $font-size-lg;
+    font-weight: 600;
+    line-height: $line-height-lg;
+    letter-spacing: 0.02em;
+  }
+
+  // Links behalten ihre reguläre Linkfarbe (kein Shine), damit sie erkennbar bleiben.
+  // .text-shine setzt `color: transparent !important` — darum hier ebenfalls mit !important.
+  a {
+    color: $link-color !important;
+
+    &:hover,
+    &:focus {
+      color: $link-hover-color !important;
+    }
+  }
+}
+
 .werkmenu-card {
   border: $navbar-border-width solid $gold-dark;
   border-radius: $border-radius;

src/ts/types/content.ts

@@ -45,6 +45,19 @@ export interface ContactData {
   directions_services?: DirectionsService[];
 }
 
+export interface SocialLinks {
+  instagram?: string;
+  facebook?: string;
+}
+
+export interface WochenangebotData {
+  title?: string;
+  intro?: string;
+  hint?: string;
+  instagram_label?: string;
+  facebook_label?: string;
+}
+
 export interface SiteData {
   name?: string;
   title?: string;
@@ -59,6 +72,8 @@ export interface SiteData {
   footer_hours_label?: string;
   footer_address_label?: string;
   footer_copyright?: string;
+  social?: SocialLinks;
+  wochenangebot?: WochenangebotData;
 }
 
 export interface MenuItem {

src/views/pages/index.pug

@@ -2,3 +2,4 @@ extends ../layouts/main.pug
 
 block content
   include ../partials/speisekarte.pug
+  include ../partials/wochenangebot.pug

src/views/partials/wochenangebot.pug

@@ -0,0 +1,27 @@
+-
+  var wa = site.wochenangebot || {};
+  var social = site.social || {};
+  var instagramUrl = social.instagram || '';
+  var facebookUrl = social.facebook || '';
+  var instagramLabel = wa.instagram_label || 'Instagram';
+  var facebookLabel = wa.facebook_label || 'Facebook';
+  var instagramLink = instagramUrl
+    ? '<a href="' + instagramUrl + '" target="_blank" rel="noopener">' + instagramLabel + '</a>'
+    : instagramLabel;
+  var facebookLink = facebookUrl
+    ? '<a href="' + facebookUrl + '" target="_blank" rel="noopener">' + facebookLabel + '</a>'
+    : facebookLabel;
+  var introTemplate = wa.intro || 'Entdecke unsere wöchentlich wechselnden Angebote auf {instagram} oder {facebook}.';
+  var introHtml = introTemplate
+    .replace('{instagram}', instagramLink)
+    .replace('{facebook}', facebookLink);
+
+section(id=slugify(wa.title || 'Wochenangebot'))
+  .py-5
+    .container
+      h2.section-title.text-shine.text-center.text-uppercase= wa.title || 'Wochenangebot'
+      .special-notice.mx-auto.text-center
+        p.special-notice__text.text-shine.mb-3!= introHtml
+        if wa.hint
+          p.special-notice__hint.text-shine.mb-0
+            | ! #{wa.hint}