Update src/app/page.tsx

Merge version_2 into main

src/app/epochen/gegenwart/page.tsx

@@ -3,12 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { Landmark, HelpCircle } from "lucide-react";
+import { Landmark, BookOpen } from "lucide-react";
 
-export default function ContemporaryPage() {
+export default function GegenwartPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +15,7 @@ export default function ContemporaryPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -27,20 +26,19 @@ export default function ContemporaryPage() {
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
           navItems={[
-            { name: "Startseite", id: "home" },
+            { name: "Startseite", id: "/" },
-            { name: "Epochen", id: "epochs" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
-            { name: "Recherche", id: "research" },
+            { name: "Recherche", id: "#faq" },
-            { name: "Kontakt", id: "contact" },
+            { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
+            text: "Zur Übersicht",            href: "/"
-            href: "#about",
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Contemporary Section 1: Main Content */}
+      {/* Contemporary Section */}
       <div id="contemporary" data-section="contemporary">
         <MetricSplitMediaAbout
           tag="Gegenwart"
@@ -51,97 +49,38 @@ export default function ContemporaryPage() {
             { value: "Museum", title: "Kulturelle Nutzung" },
             { value: "Gymnasium", title: "Bildungseinrichtung" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=11"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* FAQ Section */}
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Häufig gestellte Fragen"
-          description="Antworten auf die wichtigsten Fragen zur Geschichte und Architektur von Schloss Wolfenbüttel"
-          tag="Recherche"
-          tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",
-              title: "Wann wurde Schloss Wolfenbüttel gegründet?",
-              content:
-                "Die Ursprünge des Schlosses Wolfenbüttel lassen sich vermutlich bis in das 11. oder frühe 12. Jahrhundert zurückverfolgen. In dieser Zeit entstand an der Oker eine befestigte Burganlage, die als Schutz- und Verwaltungszentrum diente. Die genaue Gründung ist historisch nicht eindeutig dokumentiert, aber archäologische Befunde deuten auf diese Zeitspanne hin.",
-            },
-            {
-              id: "2",
-              title: "Warum war die Lage an der Oker strategisch wichtig?",
-              content:
-                "Die Lage am Fluss war aus mehreren Gründen strategisch besonders günstig. Die Oker diente sowohl als natürliche Verteidigungslinie gegen Angreifer als auch als wichtiger Transportweg für Waren und Personen. Zudem ermöglichte die Wasserburg-Bauweise mit künstlichen Wassergräben zusätzliche Schutzmöglichkeiten, die im norddeutschen Flachland besonders wertvoll waren.",
-            },
-            {
-              id: "3",
-              title: "Was ist eine Wasserburg?",
-              content:
-                "Eine Wasserburg ist eine Burg, die von künstlichen oder natürlichen Wassergräben umgeben ist. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die flache Landschaft nur wenige natürliche Höhenlagen bot, die sich für klassische Höhenburgen eigneten. Die Wassergräben dienten der Verteidigung und machten die Burg schwer angreifbar.",
-            },
-            {
-              id: "4",
-              title: "Wann kam das Schloss in den Besitz der Welfen?",
-              content:
-                "Die Welfen begannen 1283, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Ab diesem Zeitpunkt entwickelte sich die Anlage zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands.",
-            },
-            {
-              id: "5",
-              title: "Was war der Grund für die Renaissance-Umgestaltung?",
-              content:
-                "Die Renaissance-Umgestaltung nach 1546 war zunächst eine Notwendigkeit aufgrund der Zerstörungen während des Schmalkaldischen Krieges. Allerdings entschied man sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Renaissance-Stil. Dies war auch eine Aussage über die Macht und Bedeutung des Herrschers, da Fürstliche Residenzen zunehmend zur Darstellung politischer und kultureller Bedeutung dienten.",
-            },
-            {
-              id: "6",
-              title: "Warum wurde die Residenz 1754 nach Braunschweig verlegt?",
-              content:
-                "Herzog Karl I. verlegte 1754 die Residenz nach Braunschweig aus wirtschaftlichen und politischen Gründen. Braunschweig war eine größere und wirtschaftlich bedeutendere Stadt und bot bessere Möglichkeiten für die Regierungsgeschäfte des wachsenden Fürstentums. Dies bedeutete das Ende von Wolfenbüttel als politisches Zentrum, aber nicht das Ende des Schlosses als bedeutendes Bauwerk.",
-            },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=9"
-          imageAlt="Schloss Architektur"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-          showCard={true}
-        />
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=12"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
+              title: "Navigation",              items: [
-              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                { label: "Renaissance", href: "/epochen/renaissance" },
+                { label: "Renaissance", href: "#renaissance" },
-                { label: "Barock", href: "/epochen/barock" },
+                { label: "Barock", href: "#baroque" },
               ],
             },
             {
-              title: "Ressourcen",
+              title: "Ressourcen",              items: [
-              items: [
                 { label: "FAQ", href: "#faq" },
-                { label: "Kontakt", href: "/kontakt" },
+                { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
+              title: "Über das Projekt",              items: [
-              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },

src/app/epochen/mittelalter/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { MapPin, Shield, History, Landmark, BookMarked, Castle } from "lucide-react";
+import { Shield, Crown, History, MapPin, BookOpen } from "lucide-react";
 
-export default function MedievalPage() {
+export default function MittelalterPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +16,7 @@ export default function MedievalPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -33,70 +33,54 @@ export default function MedievalPage() {
             { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
+            text: "Zur Übersicht",            href: "/"
-            href: "/",
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Introduction Section */}
+      {/* Medieval Overview Section */}
-      <div id="medieval-intro" data-section="medieval-intro">
+      <div id="medieval-overview" data-section="medieval-overview">
         <MetricSplitMediaAbout
-          tag="11.-13. Jahrhundert"
+          tag="Hochmittelalter"
-          tagIcon={MapPin}
+          tagIcon={Shield}
-          title="Mittelalterliche Ursprünge des Schlosses Wolfenbüttel"
+          title="Mittelalterliche Ursprünge"
-          description="Die Anfänge von Schloss Wolfenbüttel reichen bis in das Hochmittelalter zurück. Die genauen Gründungsdaten sind historisch schwer zu bestimmen, aber archäologische Befunde und schriftliche Quellen deuten darauf hin, dass eine befestigte Burganlage an der Oker spätestens im 11.-12. Jahrhundert errichtet wurde. Diese erste Phase war geprägt von militärischen und defensiven Funktionen. Die strategische Lage an der Oker im norddeutschen Flachland war ausschlaggebend für die Wahl dieses Standortes."
+          description="Die Anfänge der Burganlage reichen bis in das Hochmittelalter zurück. Bereits im 11. Jahrhundert entstand an der Oker eine befestigte Anlage, die aufgrund ihrer strategischen Lage zu einem wichtigen Verwaltungs- und Verteidigungszentrum der Region wurde."
           metrics={[
-            { value: "11.-12. Jh.", title: "Gründungsepoche" },
+            { value: "11.-12. Jh.", title: "Gründungsphase" },
-            { value: "~900", title: "Jahre Geschichte" },
+            { value: "Wasserburg", title: "Bautyp" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=3"
+          imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1"
-          imageAlt="Mittelalterliche Wasserburg Struktur"
+          imageAlt="Mittelalterliche Wasserburg"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* Features Section */}
+      {/* Medieval Features Section */}
       <div id="medieval-features" data-section="medieval-features">
         <FeatureCardTwentySeven
-          title="Architektonische Merkmale der Wasserburg"
+          title="Architektonische Merkmale"
-          description="Die charakteristischen Elemente der mittelalterlichen Burganlage"
+          description="Die baulichen Charakteristiken der mittelalterlichen Burganlage"
           tag="Hochmittelalter"
           tagIcon={Shield}
           features={[
             {
-              id: "wasserburg-konzept",
+              id: "strategy",              title: "Strategische Bedeutung",              description:
-              title: "Wasserburg-Konzept",
+                "Die Lage am Fluss war strategisch besonders günstig. Bereits im Mittelalter war die Anlage mehrfach von kriegerischen Auseinandersetzungen betroffen. Regionale Machtkämpfe zwischen verschiedenen Fürsten führten zu Belagerungen und notwendigen Reparaturen und Erweiterungen.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=2",              imageAlt: "Strategische Lage"
-              description:
-                "Die Wasserburg war das dominante Burgtyp im norddeutschen Flachland. Umgeben von künstlichen oder natürlichen Wassergräben, bot diese Bauweise optimalen Schutz gegen mittelalterliche Angriffstechniken. Die Oker diente als natürliche Wasserquelle und Transportweg für Versorgungsgüter.",
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=4",
-              imageAlt: "Wasserburg Konzept",
             },
             {
-              id: "burgfried",
+              id: "wasserburg",              title: "Wasserburg-Konzept",              description:
-              title: "Bergfried - Das Herzstück",
+                "Die ursprüngliche Anlage war als Wasserburg konzipiert, umgeben von künstlichen oder natürlichen Wassergräben. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die Landschaft nur wenige natürliche Höhenlagen bot. Die Oker diente als natürliche Verteidigungslinie und Transportweg.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1",              imageAlt: "Wassergräben"
-              description:
-                "Der Bergfried war der zentrale Wehrturm der Anlage. Mit seiner massiven Steinstruktur und den eng gestalteten Fensteröffnungen diente er sowohl als Wohnraum für Adelige als auch als ultimativer Verteidigungspunkt. Im Falle einer Belagerung konnte sich die Besatzung hier verteidigen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=5",
-              imageAlt: "Bergfried Turm",
             },
             {
-              id: "ringmauer",
+              id: "ringmauer",              title: "Massive Ringmauer",              description:
-              title: "Massive Ringmauer",
+                "Die mittelalterliche Burg bestand aus mehreren zentralen Bauelementen: einer massiven Ringmauer, einem Bergfried als zentraler Wehrturm sowie verschiedenen Wohn- und Wirtschaftsgebäuden. Die Gebäude wurden überwiegend aus Bruchstein errichtet mit sehr dicken Mauern.",              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=1",              imageAlt: "Steinmauer"
-              description:
-                "Eine robuste Ringmauer umgab die gesamte Anlage und bildete die erste Verteidigungslinie. Gebaut aus Bruchstein mit sehr dicken Mauern (teilweise über 2 Meter), war sie designed um Pfeilen, Katapulten und Rammen standzuhalten.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=6",
-              imageAlt: "Ringmauer",
             },
             {
-              id: "innenhof",
+              id: "bergfried",              title: "Bergfried und Wehrtürme",              description:
-              title: "Innenhof und Wirtschaftsgebäude",
+                "Der Bergfried diente als zentraler Wehrturm mit enger Fenstergestaltung. Fenster waren klein und schmal gestaltet, wodurch sie sowohl Schutz boten als auch als Schießscharten genutzt werden konnten. Türme mit Wehrgängen bestimmten das Erscheinungsbild.",              imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=1",              imageAlt: "Wehrtürme"
-              description:
-                "Im Inneren der Burg befanden sich Wohn- und Wirtschaftsgebäude. Der zentrale Innenhof diente als Versammlungsplatz und erlaubte die Viehzucht. Speicherbauten lagerten Getreide und Proviant für längere Belagerungen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=4",
-              imageAlt: "Innenhof Struktur",
             },
           ]}
           gridVariant="two-columns-alternating-heights"
@@ -106,57 +90,49 @@ export default function MedievalPage() {
         />
       </div>
 
-      {/* Historical Context Section */}
+      {/* Welfen Period Section */}
-      <div id="historical-context" data-section="historical-context">
+      <div id="welfen-period" data-section="welfen-period">
         <MetricSplitMediaAbout
-          tag="Historischer Kontext"
+          tag="Spätes Mittelalter"
-          tagIcon={History}
+          tagIcon={Crown}
-          title="Die Oker-Region und die frühmittelalterliche Besiedlung"
+          title="Die Welfenresidenz (1283-1430)"
-          description="Die Oker war ein strategisch wichtiger Fluss in Norddeutschland. Entlang ihrer Ufer entstanden mehrere Burgen, die für die regionale Herrschaft und den Schutz von Handelsrouten entscheidend waren. Wolfenbüttel war einer der bedeutendsten dieser Burgorte. Die Region war Schauplatz zahlreicher feudaler Konflikte zwischen verschiedenen Adelshäusern. Die Burganlage diente Fürsten und Bischöfen als Machtsymbol und Verwaltungszentrum. Über die Oker führte eine wichtige Handelsroute von der Nordsee ins Landesinnere."
+          description="Eine bedeutende Phase begann 1283, als die Herzöge aus dem Haus der Welfen begannen, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Im Verlauf des 14. Jahrhunderts entwickelte sich Wolfenbüttel zunehmend zu einem politischen Zentrum der welfischen Herrschaft."
           metrics={[
-            { value: "Oker", title: "Strategischer Fluss" },
+            { value: "1283", title: "Beginn der Welfen-Herrschaft" },
-            { value: "Mehrere", title: "Burgen in der Region" },
+            { value: "14. Jh.", title: "Blüteperiode" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-queen-with-royal-crown_23-2150306017.jpg?_wi=1"
-          imageAlt="Oker-Landschaft"
+          imageAlt="Welfische Herrschaft"
           mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          metricsAnimation="slide-up"
+          useInvertedBackground={true}
         />
       </div>
 
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=4"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
+              title: "Navigation",              items: [
-              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                {
+                { label: "Renaissance", href: "#renaissance" },
-                  label: "Renaissance",
+                { label: "Barock", href: "#baroque" },
-                  href: "/#renaissance",
-                },
-                {
-                  label: "Barock",
-                  href: "/#baroque",
-                },
               ],
             },
             {
-              title: "Ressourcen",
+              title: "Ressourcen",              items: [
-              items: [
+                { label: "FAQ", href: "#faq" },
-                { label: "FAQ", href: "/#faq" },
                 { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
+              title: "Über das Projekt",              items: [
-              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },

src/app/epochen/modern/page.tsx

@@ -1,50 +1,13 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Clock, Landmark, MapPin, BookOpen } from "lucide-react";
+import Link from "next/link";
-
+import { Clock, Landmark, BookOpen } from "lucide-react";
-export default function ModernEpochPage() {
-  const navItems = [
-    { name: "Startseite", id: "/" },
-    { name: "Epochen", id: "/epochen" },
-    { name: "Recherche", id: "/research" },
-    { name: "Kontakt", id: "/contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Navigation",
-      items: [
-        { label: "Startseite", href: "/" },
-        { label: "Mittelalter", href: "/epochen/mittelalter" },
-        { label: "Renaissance", href: "/epochen/renaissance" },
-        { label: "Barock", href: "/epochen/barock" },
-      ],
-    },
-    {
-      title: "Ressourcen",
-      items: [
-        { label: "FAQ", href: "#faq" },
-        { label: "Kontakt", href: "/kontakt" },
-        { label: "Impressum", href: "#impressum" },
-        { label: "Datenschutz", href: "#datenschutz" },
-      ],
-    },
-    {
-      title: "Über das Projekt",
-      items: [
-        { label: "Facharbeit", href: "#research" },
-        { label: "Archiv", href: "#archive" },
-        { label: "Literatur", href: "#bibliography" },
-        { label: "Förderung", href: "#support" },
-      ],
-    },
-  ];
 
+export default function ModernPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -52,80 +15,117 @@ export default function ModernEpochPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
       headingFontWeight="extrabold"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
-          navItems={navItems}
+          navItems={[
+            { name: "Startseite", id: "/" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
+            { name: "Recherche", id: "#faq" },
+            { name: "Kontakt", id: "#contact" },
+          ]}
           button={{
-            text: "Weitere Informationen",
+            text: "Zur Übersicht",            href: "/"
-            href: "#about",
           }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="modern" data-section="modern" className="mx-auto px-4 md:px-6">
+      {/* Early Modern Era Section */}
+      <div id="early-modern" data-section="early-modern">
         <MetricSplitMediaAbout
-          tag="1754 - Gegenwart"
+          tag="Frühe Neuzeit"
           tagIcon={Clock}
-          title="Nach der Residenzverlagerung (1754 - frühes 20. Jahrhundert)"
+          title="Renaissance und Barock (16.-18. Jahrhundert)"
-          description="Im Jahr 1753 entschied Herzog Karl I. von Braunschweig-Wolfenbüttel, seine Residenz nach Braunschweig zu verlegen. Im Jahr 1754 wurde diese Entscheidung endgültig umgesetzt. Gründe waren vor allem wirtschaftliche und politische Entwicklungen, da Braunschweig eine größere und wirtschaftlich bedeutendere Stadt war. Mit der Verlagerung der Residenz verlor das Schloss Wolfenbüttel seine zentrale politische Funktion. In den folgenden Jahrzehnten wurde die Anlage für verschiedene Zwecke genutzt - Teile des Gebäudes dienten als Verwaltungsräume, während andere Bereiche für Bildungs- und kulturelle Einrichtungen umgebaut wurden."
+          description="Nach der Zerstörung während des Schmalkaldischen Krieges (1546-1547) wurde das Schloss unter Heinrich dem Jüngeren im Renaissance-Stil wiederaufgebaut. Im 17. Jahrhundert erfolgte dann eine barocke Expansion, die das Schloss zur bedeutendsten Fürstenresidenz der Region machte."
           metrics={[
-            { value: "270+", title: "Jahre alternative Nutzung" },
+            { value: "1546", title: "Renaissance-Wiederaufbau" },
-            { value: "100%", title: "Erhaltene Bausubstanz" },
+            { value: "17. Jh.", title: "Barock-Expansion" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=1"
-          imageAlt="Schloss nach Residenzverlagerung"
+          imageAlt="Renaissance und Barock"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="contemporary" data-section="contemporary" className="mx-auto px-4 md:px-6">
+      {/* Residenzverlagerung Section */}
+      <div id="verlagerung" data-section="verlagerung">
+        <MetricSplitMediaAbout
+          tag="1754"
+          tagIcon={Clock}
+          title="Nach der Residenzverlagerung"
+          description="Im Jahr 1753 entschied Herzog Karl I. von Braunschweig-Wolfenbüttel, seine Residenz nach Braunschweig zu verlegen. Mit dieser Entscheidung verlor das Schloss Wolfenbüttel seine zentrale politische Funktion. In den folgenden Jahrzehnten wurde die Anlage für verschiedene Zwecke genutzt - Teile des Gebäudes dienten als Verwaltungsräume, während andere Bereiche für Bildungs- und kulturelle Einrichtungen umgebaut wurden."
+          metrics={[
+            { value: "1754", title: "Residenzverlagerung" },
+            { value: "270+ Jahre", title: "Alternative Nutzung" },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=1"
+          imageAlt="Nach der Residenzverlagerung"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      {/* Contemporary Usage Section */}
+      <div id="contemporary" data-section="contemporary">
         <MetricSplitMediaAbout
           tag="Gegenwart"
           tagIcon={Landmark}
           title="Heutige Nutzung und Bedeutung"
-          description="Heute wird das Schloss sowohl kulturell als auch bildungspolitisch genutzt. Ein Teil der Anlage beherbergt ein Museum, in dem die Geschichte des Schlosses sowie der welfischen Herrscher dargestellt wird. Besucher können dort historische Räume besichtigen und Einblicke in das höfische Leben vergangener Jahrhunderte erhalten. Darüber hinaus befindet sich im Schloss ein Gymnasium, wodurch das Gebäude weiterhin eine wichtige Rolle im Bildungsbereich spielt. Durch diese vielfältige Nutzung bleibt das historische Bauwerk ein lebendiger Bestandteil der Stadt Wolfenbüttel und ein bedeutendes Wahrzeichen für Kultur und Bildung."
+          description="Heute wird das Schloss sowohl kulturell als auch bildungspolitisch genutzt. Ein Teil der Anlage beherbergt ein Museum, in dem die Geschichte des Schlosses sowie der welfischen Herrscher dargestellt wird. Darüber hinaus befindet sich im Schloss ein Gymnasium, wodurch das Gebäude weiterhin eine wichtige Rolle im Bildungsbereich spielt."
           metrics={[
             { value: "Museum", title: "Kulturelle Nutzung" },
             { value: "Gymnasium", title: "Bildungseinrichtung" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=8"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="conclusion" data-section="conclusion" className="mx-auto px-4 md:px-6">
+      {/* Footer */}
-        <MetricSplitMediaAbout
-          tag="Fazit"
-          tagIcon={BookOpen}
-          title="Zusammenfassung und Zukunftsperspektiven"
-          description="Die Geschichte des Schlosses Wolfenbüttel zeigt eindrucksvoll die Entwicklung eines Bauwerks über mehrere Jahrhunderte hinweg. Von einer mittelalterlichen Burg entwickelte sich die Anlage zu einer repräsentativen Renaissance- und später barocken Residenz der Welfen. Die verschiedenen Bauphasen spiegeln dabei die politischen und gesellschaftlichen Veränderungen ihrer Zeit wider. Während im Mittelalter militärische Aspekte im Vordergrund standen, gewannen in der Renaissance und im Barock repräsentative Funktionen zunehmend an Bedeutung. Auch nach der Residenzverlagerung im Jahr 1754 blieb das Schloss ein wichtiger Bestandteil der regionalen Geschichte. Durch seine heutige Nutzung als kulturelle und bildungspolitische Einrichtung bleibt das Bauwerk weiterhin ein bedeutendes historisches Wahrzeichen der Stadt Wolfenbüttel."
-          metrics={[
-            { value: "5", title: "Große Epochen" },
-            { value: "∞", title: "Historische Bedeutung" },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=9"
-          imageAlt="Schloss Wolfenbüttel heute"
-          mediaAnimation="slide-up"
-          useInvertedBackground={true}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=10"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
-          columns={footerColumns}
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Startseite", href: "/" },
+                { label: "Mittelalter", href: "/epochen/mittelalter" },
+                { label: "Renaissance", href: "#renaissance" },
+                { label: "Barock", href: "#baroque" },
+              ],
+            },
+            {
+              title: "Ressourcen",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Kontakt", href: "#contact" },
+                { label: "Impressum", href: "#impressum" },
+                { label: "Datenschutz", href: "#datenschutz" },
+              ],
+            },
+            {
+              title: "Über das Projekt",              items: [
+                { label: "Facharbeit", href: "#research" },
+                { label: "Archiv", href: "#archive" },
+                { label: "Literatur", href: "#bibliography" },
+                { label: "Förderung", href: "#support" },
+              ],
+            },
+          ]}
           logoText="Schloss Wolfenbüttel"
           copyrightText="© 2025 | Schloss Wolfenbüttel - Historische Facharbeit"
         />

src/app/kontakt/page.tsx

@@ -3,12 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { Mail, HelpCircle } from "lucide-react";
+import { Mail, Phone, MapPin, BookOpen } from "lucide-react";
 
-export default function ContactPage() {
+export default function KontaktPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -16,7 +15,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -27,121 +26,61 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           brandName="Schloss Wolfenbüttel"
           navItems={[
-            { name: "Startseite", id: "home" },
+            { name: "Startseite", id: "/" },
-            { name: "Epochen", id: "epochs" },
+            { name: "Epochen", id: "/epochen/mittelalter" },
-            { name: "Recherche", id: "research" },
+            { name: "Recherche", id: "#faq" },
-            { name: "Kontakt", id: "contact" },
+            { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
+            text: "Zur Übersicht",            href: "/"
-            href: "#about",
           }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Contact Information Section */}
+      {/* Contact Section */}
-      <div id="contact-info" data-section="contact-info">
+      <div id="contact" data-section="contact">
         <MetricSplitMediaAbout
           tag="Kontakt"
           tagIcon={Mail}
-          title="Kontakt & Weitere Fragen"
+          title="Kontaktieren Sie uns"
-          description="Haben Sie Fragen zur Geschichte, Architektur oder aktuellen Nutzung von Schloss Wolfenbüttel? Wir freuen uns auf Ihre Anfragen und stehen für weitere Informationen zur Verfügung. Diese Facharbeit entstand im Rahmen einer umfassenden akademischen Auseinandersetzung mit der historischen Entwicklung dieses bedeutenden norddeutschen Bauwerks. Kontaktieren Sie uns, falls Sie zusätzliche Informationen, Quellenangaben oder Details zu spezifischen Epochen benötigen."
+          description="Bei Fragen zur Geschichte des Schlosses Wolfenbüttel, zur Facharbeit oder zu möglichen Besichtigungen kontaktieren Sie uns gerne. Wir freuen uns über Ihr Interesse an diesem bedeutenden historischen Bauwerk."
           metrics={[
-            { value: "24/7", title: "Online verfügbar" },
+            { value: "info@schloss-wolfenbuettel.de", title: "Email" },
-            { value: "Schnell", title: "Antwort innerhalb 48h" },
+            { value: "+49 (0) 5331 86390", title: "Telefon" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=13"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
-          imageAlt="Schloss Kontakt"
+          imageAlt="Schloss Wolfenbüttel Kontakt"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
 
-      {/* Research FAQ Section */}
-      <div id="research-faq" data-section="research-faq">
-        <FaqSplitMedia
-          title="Forschungsfragen und -ressourcen"
-          description="Häufig gestellte Fragen zum Forschungsprozess und zu verfügbaren Ressourcen"
-          tag="Recherche"
-          tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",
-              title: "Welche Quellen wurden für diese Facharbeit verwendet?",
-              content:
-                "Die Facharbeit basiert auf wissenschaftlichen Sekundärliteratur zur Baugeschichte von Schloss Wolfenbüttel, archivalen Quellen zur Welfischen Herrschaft sowie kunsthistorischen Analysen der verschiedenen Bauepochen. Die Architekturanalyse stützt sich auf stilgeschichtliche Vergleiche mit anderen deutschen Schlössern derselben Epochen.",
-            },
-            {
-              id: "2",
-              title: "Kann ich die detaillierten Quellenlisten erhalten?",
-              content:
-                "Ja, detaillierte Quellenlisten und Literaturverzeichnisse sind über unsere Website verfügbar. Kontaktieren Sie uns per E-Mail, um eine vollständige Bibliographie mit Primär- und Sekundärliteratur sowie archivalen Dokumenten zu erhalten.",
-            },
-            {
-              id: "3",
-              title: "Gibt es Möglichkeiten, das Schloss zu besichtigen?",
-              content:
-                "Das Schloss Wolfenbüttel ist heute in Teilen für Besucher zugänglich. Das Museum im Schloss bietet regelmäßig Führungen an. Das Gymnasium nutzt ebenfalls Räume der Anlage. Für aktuelle Öffnungszeiten und Besuchsinformationen empfehlen wir, die offizielle Website der Stadt Wolfenbüttel zu besuchen.",
-            },
-            {
-              id: "4",
-              title: "Darf ich diese Inhalte für eigene Arbeiten nutzen?",
-              content:
-                "Diese Facharbeit steht zur Verfügung für Bildungszwecke. Bei Verwendung in eigenen Arbeiten bitten wir um angemessene Quellenangabe und Zitierung. Kommerzielle Nutzung ist nicht gestattet. Kontaktieren Sie uns für spezifische Nutzungsanfragen.",
-            },
-            {
-              id: "5",
-              title: "Gibt es weitere Epochen oder Details zu erforschen?",
-              content:
-                "Ja, die dargestellten fünf Hauptepochen sind eine Vereinfachung einer komplexeren Baugeschichte. Es gibt zahlreiche Detailfragen zu Raumanordnung, künstlerischer Ausgestaltung, alltäglichem Leben am Hof und wirtschaftlichen Aspekten, die vertieft erforscht werden könnten.",
-            },
-            {
-              id: "6",
-              title: "Wie kann ich mehr über die Welfen erfahren?",
-              content:
-                "Die Welfen sind Gegenstand umfangreicher historischer Forschung. Es gibt spezialisierte Arbeiten zur Welfischen Herrschaft, zu einzelnen Herrschern und zu ihrer Rolle in der deutschen Geschichte. Archivale Quellen sind teilweise in Braunschweig und Wolfenbüttel zugänglich.",
-            },
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=10"
-          imageAlt="Forschungsressourcen"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-          showCard={true}
-        />
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=14"
+          imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=3"
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
+              title: "Navigation",              items: [
-              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
-                { label: "Renaissance", href: "/epochen/renaissance" },
+                { label: "Renaissance", href: "#renaissance" },
-                { label: "Barock", href: "/epochen/barock" },
+                { label: "Barock", href: "#baroque" },
               ],
             },
             {
-              title: "Ressourcen",
+              title: "Ressourcen",              items: [
-              items: [
                 { label: "FAQ", href: "#faq" },
-                { label: "Kontakt", href: "/kontakt" },
+                { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
                 { label: "Datenschutz", href: "#datenschutz" },
               ],
             },
             {
-              title: "Über das Projekt",
+              title: "Über das Projekt",              items: [
-              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },

src/app/layout.tsx

@@ -1,74 +1,20 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Roboto } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
+const inter = Inter({ subsets: ["latin"] });
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const roboto = Roboto({
-  variable: "--font-roboto",
-  subsets: ["latin"],
-  weight: ["100", "300", "400", "500", "700", "900"],
-});
 
 export const metadata: Metadata = {
-  title: "Schloss Wolfenbüttel - Architektonische Entwicklung",
+  title: "Schloss Wolfenbüttel",  description: "Entdecken Sie die faszinierende Geschichte einer der bedeutendsten historischen Residenzen Norddeutschlands."};
-  description: "Umfassende akademische Darstellung der historischen und architektonischen Entwicklung von Schloss Wolfenbüttel vom Mittelalter bis heute. Facharbeit für Geschichtsschüler.",
-  keywords: "Schloss Wolfenbüttel, Architektur, Geschichte, Mittelalter, Renaissance, Barock, Facharbeit, Welfen, Norddeutschland",
-  metadataBase: new URL("https://schloss-wolfenbüttel.de"),
-  alternates: {
-    canonical: "https://schloss-wolfenbüttel.de",
-  },
-  openGraph: {
-    title: "Schloss Wolfenbüttel - Historische Entwicklung",
-    description: "Eine Reise durch die Architektur und Geschichte eines bedeutenden norddeutschen Schlosses",
-    type: "website",
-    siteName: "Schloss Wolfenbüttel",
-    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/neuschwanstein_181624-30321.jpg",
-        alt: "medieval castle architecture exterior view",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Schloss Wolfenbüttel - Historische Entwicklung",
-    description: "Historische Facharbeit zur architektonischen Entwicklung",
-    images: ["http://img.b2bpic.net/free-photo/neuschwanstein_181624-30321.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="de">
-      <ServiceWrapper>
+      <body className={inter.className}>{children}
-        <body
-          className={`${halant.variable} ${inter.variable} ${roboto.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1436,7 +1382,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -51,9 +51,7 @@ export default function HomePage() {
             { name: "Kontakt", id: "#contact" },
           ]}
           button={{
-            text: "Weitere Informationen",
+            text: "Weitere Informationen",            href: "#about"}}
-            href: "#about",
-          }}
           animateOnLoad={true}
         />
       </div>
@@ -65,17 +63,14 @@ export default function HomePage() {
           description="Entdecken Sie die faszinierende Geschichte einer der bedeutendsten historischen Residenzen Norddeutschlands. Von der mittelalterlichen Wasserburg zur barocken Fürstenresidenz – eine architektonische Reise durch die Jahrhunderte."
           tag="Historische Forschung"
           tagIcon={BookOpen}
-          background={{ variant: "grid" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
-            { text: "Zu den Epochen", href: "/epochen/mittelalter" },
+            { text: "Epochen erkunden", href: "/epochen/mittelalter" },
             { text: "Mehr erfahren", href: "#about" },
           ]}
           dashboard={{
-            title: "Schloss Wolfenbüttel - Eckdaten",
+            title: "Schloss Wolfenbüttel - Eckdaten",            logoIcon: Castle,
-            logoIcon: Castle,
+            imageSrc: "http://img.b2bpic.net/free-photo/neuschwanstein_181624-30321.jpg",            searchPlaceholder: "Epochen durchsuchen...",            buttons: [
-            imageSrc: "http://img.b2bpic.net/free-photo/neuschwanstein_181624-30321.jpg",
-            searchPlaceholder: "Epochen durchsuchen...",
-            buttons: [
               { text: "Chronologie", href: "#timeline" },
               { text: "Details", href: "#about" },
             ],
@@ -86,46 +81,32 @@ export default function HomePage() {
             ],
             stats: [
               {
-                title: "Gründung",
+                title: "Gründung",                values: [1100, 1150, 1200],
-                values: [1100, 1150, 1200],
+                description: "Mittelalterliche Ursprünge"},
-                description: "Mittelalterliche Ursprünge",
-              },
               {
-                title: "Blütezeit",
+                title: "Blütezeit",                values: [1600, 1650, 1700],
-                values: [1600, 1650, 1700],
+                description: "Barock-Expansion"},
-                description: "Barock-Expansion",
-              },
               {
-                title: "Epochen",
+                title: "Epochen",                values: [5, 5, 5],
-                values: [5, 5, 5],
+                description: "Bauliche Umgestaltungen"},
-                description: "Bauliche Umgestaltungen",
-              },
             ],
-            chartTitle: "Architektonische Entwicklung",
+            chartTitle: "Architektonische Entwicklung",            chartData: [
-            chartData: [
               { value: 20 },
               { value: 35 },
               { value: 50 },
               { value: 70 },
               { value: 85 },
             ],
-            listTitle: "Wichtige Meilensteine",
+            listTitle: "Wichtige Meilensteine",            listItems: [
-            listItems: [
               {
                 icon: Castle,
-                title: "11.-12. Jahrhundert",
+                title: "11.-12. Jahrhundert",                status: "Wasserburg"},
-                status: "Wasserburg",
-              },
               {
                 icon: Crown,
-                title: "1283",
+                title: "1283",                status: "Welfen"},
-                status: "Welfen",
-              },
               {
                 icon: Hammer,
-                title: "1546",
+                title: "1546",                status: "Renaissance"},
-                status: "Renaissance",
-              },
             ],
           }}
         />
@@ -145,6 +126,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=1"
           imageAlt="Schloss Wolfenbüttel - Residenzbau"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -158,37 +140,17 @@ export default function HomePage() {
           tagIcon={Shield}
           features={[
             {
-              id: "wasserburg",
+              id: "strategy",              title: "Strategische Bedeutung",              description:
-              title: "Wasserburg-Konzept",
+                "Die Lage am Fluss war strategisch besonders günstig. Bereits im Mittelalter war die Anlage mehrfach von kriegerischen Auseinandersetzungen betroffen. Regionale Machtkämpfe zwischen verschiedenen Fürsten führten zu Belagerungen und notwendigen Reparaturen und Erweiterungen.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=2",              imageAlt: "Strategische Lage"},
-              description:
-                "Die ursprüngliche Anlage war als Wasserburg konzipiert, umgeben von künstlichen oder natürlichen Wassergräben. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die Landschaft nur wenige natürliche Höhenlagen bot. Die Oker diente als natürliche Verteidigungslinie und Transportweg.",
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1",
-              imageAlt: "Mittelalterliche Wasserburg",
-            },
             {
-              id: "ringmauer",
+              id: "wasserburg",              title: "Wasserburg-Konzept",              description:
-              title: "Massive Ringmauer",
+                "Die ursprüngliche Anlage war als Wasserburg konzipiert, umgeben von künstlichen oder natürlichen Wassergräben. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die Landschaft nur wenige natürliche Höhenlagen bot. Die Oker diente als natürliche Verteidigungslinie und Transportweg.",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=1",              imageAlt: "Mittelalterliche Wasserburg"},
-              description:
-                "Die mittelalterliche Burg bestand aus mehreren zentralen Bauelementen: einer massiven Ringmauer, einem Bergfried als zentraler Wehrturm sowie verschiedenen Wohn- und Wirtschaftsgebäuden. Die Gebäude wurden überwiegend aus Bruchstein errichtet mit sehr dicken Mauern.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=1",
-              imageAlt: "Steinmauer Detail",
-            },
             {
-              id: "bergfried",
+              id: "ringmauer",              title: "Massive Ringmauer",              description:
-              title: "Bergfried und Wehrtürme",
+                "Die mittelalterliche Burg bestand aus mehreren zentralen Bauelementen: einer massiven Ringmauer, einem Bergfried als zentraler Wehrturm sowie verschiedenen Wohn- und Wirtschaftsgebäuden. Die Gebäude wurden überwiegend aus Bruchstein errichtet mit sehr dicken Mauern.",              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=1",              imageAlt: "Steinmauer Detail"},
-              description:
-                "Der Bergfried diente als zentraler Wehrturm mit enger Fenstergestaltung. Fenster waren klein und schmal gestaltet, wodurch sie sowohl Schutz boten als auch als Schießscharten genutzt werden konnten. Türme mit Wehrgängen bestimmten das Erscheinungsbild.",
-              imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=1",
-              imageAlt: "Burganlage an der Oker",
-            },
             {
-              id: "strategy",
+              id: "bergfried",              title: "Bergfried und Wehrtürme",              description:
-              title: "Strategische Bedeutung",
+                "Der Bergfried diente als zentraler Wehrturm mit enger Fenstergestaltung. Fenster waren klein und schmal gestaltet, wodurch sie sowohl Schutz boten als auch als Schießscharten genutzt werden konnten. Türme mit Wehrgängen bestimmten das Erscheinungsbild.",              imageSrc: "http://img.b2bpic.net/free-vector/nature-landscapes-flat-design_23-2147511644.jpg?_wi=1",              imageAlt: "Burganlage an der Oker"},
-              description:
-                "Die Lage am Fluss war strategisch besonders günstig. Bereits im Mittelalter war die Anlage mehrfach von kriegerischen Auseinandersetzungen betroffen. Regionale Machtkämpfe zwischen verschiedenen Fürsten führten zu Belagerungen und notwendigen Reparaturen und Erweiterungen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15781.jpg?_wi=2",
-              imageAlt: "Strategische Lage",
-            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -206,37 +168,17 @@ export default function HomePage() {
           tagIcon={Crown}
           features={[
             {
-              id: "welfen-ankunft",
+              id: "welfen-ankunft",              title: "Ankunft der Welfen",              description:
-              title: "Ankunft der Welfen",
+                "Eine bedeutende Phase begann 1283, als die Herzöge aus dem Haus der Welfen begannen, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-queen-with-royal-crown_23-2150306017.jpg?_wi=1",              imageAlt: "Welfische Dynastie"},
-              description:
-                "Eine bedeutende Phase begann 1283, als die Herzöge aus dem Haus der Welfen begannen, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-queen-with-royal-crown_23-2150306017.jpg?_wi=1",
-              imageAlt: "Welfische Dynastie",
-            },
             {
-              id: "politisches-zentrum",
+              id: "politisches-zentrum",              title: "Politisches Zentrum",              description:
-              title: "Politisches Zentrum",
+                "Im Verlauf des 14. Jahrhunderts entwickelte sich Wolfenbüttel zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Neben militärischen Funktionen gewann die Anlage nun auch administrative und repräsentative Bedeutung.",              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=2",              imageAlt: "Residenz-Innenhof"},
-              description:
-                "Im Verlauf des 14. Jahrhunderts entwickelte sich Wolfenbüttel zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Neben militärischen Funktionen gewann die Anlage nun auch administrative und repräsentative Bedeutung.",
-              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=2",
-              imageAlt: "Residenz-Innenhof",
-            },
             {
-              id: "expansion",
+              id: "expansion",              title: "Bauliche Erweiterung",              description:
-              title: "Bauliche Erweiterung",
+                "Die vorhandene Burganlage wurde erweitert, um den Anforderungen eines fürstlichen Hofes gerecht zu werden. Es entstanden zusätzliche Wohngebäude für Mitglieder des Hofstaates sowie Räume für Verwaltung und Regierung.",              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=3",              imageAlt: "Wohntrakte"},
-              description:
-                "Die vorhandene Burganlage wurde erweitert, um den Anforderungen eines fürstlichen Hofes gerecht zu werden. Es entstanden zusätzliche Wohngebäude für Mitglieder des Hofstaates sowie Räume für Verwaltung und Regierung.",
-              imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136216.jpg?_wi=3",
-              imageAlt: "Wohntrakte",
-            },
             {
-              id: "komfort",
+              id: "komfort",              title: "Erhöhter Wohnkomfort",              description:
-              title: "Erhöhter Wohnkomfort",
+                "Erste Veränderungen deuteten auf erhöhten Wohnkomfort hin: größere Räume mit Kaminen sowie Fensteröffnungen, die mehr Licht in die Innenräume ließen. Diese Entwicklung zeigt die allmähliche Wandlung von rein militärischer Burg zu Verteidigungsanlage mit fürstlicher Residenz.",              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=2",              imageAlt: "Architektonische Details"},
-              description:
-                "Erste Veränderungen deuteten auf erhöhten Wohnkomfort hin: größere Räume mit Kaminen sowie Fensteröffnungen, die mehr Licht in die Innenräume ließen. Diese Entwicklung zeigt die allmähliche Wandlung von rein militärischer Burg zu Verteidigungsanlage mit fürstlicher Residenz.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=2",
-              imageAlt: "Architektonische Details",
-            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -254,37 +196,17 @@ export default function HomePage() {
           tagIcon={Hammer}
           features={[
             {
-              id: "zerstörung",
+              id: "zerstörung",              title: "Zerstörung und Wiederaufbau",              description:
-              title: "Zerstörung und Wiederaufbau",
+                "Ein entscheidender Einschnitt erfolgte in der Mitte des 16. Jahrhunderts. Während der politischen und militärischen Konflikte im Zusammenhang mit dem Schmalkaldischen Krieg 1546–1547 kam es zu erheblichen Zerstörungen der Anlage.",              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=1",              imageAlt: "Renaissance Palastbau"},
-              description:
-                "Ein entscheidender Einschnitt erfolgte in der Mitte des 16. Jahrhunderts. Während der politischen und militärischen Konflikte im Zusammenhang mit dem Schmalkaldischen Krieg 1546–1547 kam es zu erheblichen Zerstörungen der Anlage.",
-              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=1",
-              imageAlt: "Renaissance Palastbau",
-            },
             {
-              id: "heinrich-jüngere",
+              id: "heinrich-jüngere",              title: "Unter Heinrich dem Jüngeren",              description:
-              title: "Unter Heinrich dem Jüngeren",
+                "Der Wiederaufbau erfolgte unter der Herrschaft von Heinrich dem Jüngeren (1514-1568). Man entschied sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Stil der Renaissance.",              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=2",              imageAlt: "Renaissance-Stil Fassade"},
-              description:
-                "Der Wiederaufbau erfolgte unter der Herrschaft von Heinrich dem Jüngeren (1514-1568). Man entschied sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Stil der Renaissance.",
-              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=2",
-              imageAlt: "Renaissance-Stil Fassade",
-            },
             {
-              id: "renaissance-prinzipien",
+              id: "renaissance-prinzipien",              title: "Renaissance-Architektur",              description:
-              title: "Renaissance-Architektur",
+                "Die Renaissancearchitektur orientierte sich an antiken Vorbildern mit klaren geometrischen Formen und symmetrischer Gestaltung. Gebäude wurden um Innenhöfe angeordnet, wodurch eine strukturierte und übersichtliche Schlossanlage entstand.",              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=3",              imageAlt: "Symmetrische Ordnung"},
-              description:
-                "Die Renaissancearchitektur orientierte sich an antiken Vorbildern mit klaren geometrischen Formen und symmetrischer Gestaltung. Gebäude wurden um Innenhöfe angeordnet, wodurch eine strukturierte und übersichtliche Schlossanlage entstand.",
-              imageSrc: "http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=3",
-              imageAlt: "Symmetrische Ordnung",
-            },
             {
-              id: "repräsentation",
+              id: "repräsentation",              title: "Repräsentation der Macht",              description:
-              title: "Repräsentation der Macht",
+                "Fassaden wurden mit regelmäßig angeordneten Fensterreihen sowie dekorativen Elementen wie Gesimsen und Ornamenten gestaltet. Das repräsentative Schloss sollte die Stellung des Herrschers sichtbar machen und den Hof als kulturelles Zentrum etablieren.",              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=3",              imageAlt: "Ornamentale Details"},
-              description:
-                "Fassaden wurden mit regelmäßig angeordneten Fensterreihen sowie dekorativen Elementen wie Gesimsen und Ornamenten gestaltet. Das repräsentative Schloss sollte die Stellung des Herrschers sichtbar machen und den Hof als kulturelles Zentrum etablieren.",
-              imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg?_wi=3",
-              imageAlt: "Ornamentale Details",
-            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -302,37 +224,17 @@ export default function HomePage() {
           tagIcon={Sparkles}
           features={[
             {
-              id: "barock-umbau",
+              id: "barock-umbau",              title: "Barocker Ausbau",              description:
-              title: "Barocker Ausbau",
+                "Im 17. Jahrhundert wurde das Schloss erneut erweitert und teilweise umgestaltet. Diese Bauphase fiel in die Epoche des Barock, die stark von Repräsentation und prachtvoller Architektur geprägt war.",              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=1",              imageAlt: "Barocke Palastanlage"},
-              description:
-                "Im 17. Jahrhundert wurde das Schloss erneut erweitert und teilweise umgestaltet. Diese Bauphase fiel in die Epoche des Barock, die stark von Repräsentation und prachtvoller Architektur geprägt war.",
-              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=1",
-              imageAlt: "Barocke Palastanlage",
-            },
             {
-              id: "august-jüngere",
+              id: "august-jüngere",              title: "Unter August dem Jüngeren",              description:
-              title: "Unter August dem Jüngeren",
+                "Besonders während der Regierungszeit von August dem Jüngeren (1635–1666) entwickelte sich Wolfenbüttel zu einem bedeutenden kulturellen Zentrum. Der barocke Ausbau umfasste repräsentative Festsäle und prunkvolle Treppenanlagen.",              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=2",              imageAlt: "Barocke Innenräume"},
-              description:
-                "Besonders während der Regierungszeit von August dem Jüngeren (1635–1666) entwickelte sich Wolfenbüttel zu einem bedeutenden kulturellen Zentrum. Der barocke Ausbau umfasste repräsentative Festsäle und prunkvolle Treppenanlagen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=2",
-              imageAlt: "Barocke Innenräume",
-            },
             {
-              id: "barock-elemente",
+              id: "barock-elemente",              title: "Charakteristische Elemente",              description:
-              title: "Charakteristische Elemente",
+                "Große Fenster, symmetrische Gebäudeflügel und reich verzierte Innenräume sollten die Macht und den Reichtum des Fürstenhofes demonstrieren. Aufwendig dekorierte Fassaden und ornamentale Details bestimmten das Erscheinungsbild.",              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=3",              imageAlt: "Ornamentale Dekoration"},
-              description:
-                "Große Fenster, symmetrische Gebäudeflügel und reich verzierte Innenräume sollten die Macht und den Reichtum des Fürstenhofes demonstrieren. Aufwendig dekorierte Fassaden und ornamentale Details bestimmten das Erscheinungsbild.",
-              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=3",
-              imageAlt: "Ornamentale Dekoration",
-            },
             {
-              id: "kulturelles-zentrum",
+              id: "kulturelles-zentrum",              title: "Kulturelles Zentrum",              description:
-              title: "Kulturelles Zentrum",
+                "Der Hof von Wolfenbüttel zog zahlreiche Künstler, Gelehrte und Handwerker an. Das Schloss fungierte als Zentrum höfischen Lebens, in dem politische Entscheidungen getroffen, Feste veranstaltet und kulturelle Aktivitäten gefördert wurden.",              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=4",              imageAlt: "Höfisches Leben"},
-              description:
-                "Der Hof von Wolfenbüttel zog zahlreiche Künstler, Gelehrte und Handwerker an. Das Schloss fungierte als Zentrum höfischen Lebens, in dem politische Entscheidungen getroffen, Feste veranstaltet und kulturelle Aktivitäten gefördert wurden.",
-              imageSrc: "http://img.b2bpic.net/free-photo/ottawa-notre-dame-basilica_649448-3638.jpg?_wi=4",
-              imageAlt: "Höfisches Leben",
-            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -355,6 +257,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/old-building-surrounded-by-trees-flowers-sunlight-avignon-france_181624-16123.jpg?_wi=1"
           imageAlt="Schloss nach Residenzverlagerung"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -373,6 +276,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=1"
           imageAlt="Schloss heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -386,41 +290,23 @@ export default function HomePage() {
           tagIcon={HelpCircle}
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "Warum war die Lage an der Oker strategisch wichtig?",              content:
-              title: "Wann wurde Schloss Wolfenbüttel gegründet?",
+                "Die Lage am Fluss war aus mehreren Gründen strategisch besonders günstig. Die Oker diente sowohl als natürliche Verteidigungslinie gegen Angreifer als auch als wichtiger Transportweg für Waren und Personen. Zudem ermöglichte die Wasserburg-Bauweise mit künstlichen Wassergräben zusätzliche Schutzmöglichkeiten, die im norddeutschen Flachland besonders wertvoll waren."},
-              content:
-                "Die Ursprünge des Schlosses Wolfenbüttel lassen sich vermutlich bis in das 11. oder frühe 12. Jahrhundert zurückverfolgen. In dieser Zeit entstand an der Oker eine befestigte Burganlage, die als Schutz- und Verwaltungszentrum diente. Die genaue Gründung ist historisch nicht eindeutig dokumentiert, aber archäologische Befunde deuten auf diese Zeitspanne hin.",
-            },
             {
-              id: "2",
+              id: "2",              title: "Was ist eine Wasserburg?",              content:
-              title: "Warum war die Lage an der Oker strategisch wichtig?",
+                "Eine Wasserburg ist eine Burg, die von künstlichen oder natürlichen Wassergräben umgeben ist. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die flache Landschaft nur wenige natürliche Höhenlagen bot, die sich für klassische Höhenburgen eigneten. Die Wassergräben dienten der Verteidigung und machten die Burg schwer angreifbar."},
-              content:
-                "Die Lage am Fluss war aus mehreren Gründen strategisch besonders günstig. Die Oker diente sowohl als natürliche Verteidigungslinie gegen Angreifer als auch als wichtiger Transportweg für Waren und Personen. Zudem ermöglichte die Wasserburg-Bauweise mit künstlichen Wassergräben zusätzliche Schutzmöglichkeiten, die im norddeutschen Flachland besonders wertvoll waren.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Wann kam das Schloss in den Besitz der Welfen?",              content:
-              title: "Was ist eine Wasserburg?",
+                "Die Welfen begannen 1283, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Ab diesem Zeitpunkt entwickelte sich die Anlage zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands."},
-              content:
-                "Eine Wasserburg ist eine Burg, die von künstlichen oder natürlichen Wassergräben umgeben ist. Diese Bauweise war im norddeutschen Raum weit verbreitet, da die flache Landschaft nur wenige natürliche Höhenlagen bot, die sich für klassische Höhenburgen eigneten. Die Wassergräben dienten der Verteidigung und machten die Burg schwer angreifbar.",
-            },
             {
-              id: "4",
+              id: "4",              title: "Was war der Grund für die Renaissance-Umgestaltung?",              content:
-              title: "Wann kam das Schloss in den Besitz der Welfen?",
+                "Die Renaissance-Umgestaltung nach 1546 war zunächst eine Notwendigkeit aufgrund der Zerstörungen während des Schmalkaldischen Krieges. Allerdings entschied man sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Renaissance-Stil. Dies war auch eine Aussage über die Macht und Bedeutung des Herrschers, da Fürstliche Residenzen zunehmend zur Darstellung politischer und kultureller Bedeutung dienten."},
-              content:
-                "Die Welfen begannen 1283, Wolfenbüttel als wichtigen Herrschaftssitz zu nutzen. Ab diesem Zeitpunkt entwickelte sich die Anlage zunehmend zu einem politischen Zentrum der welfischen Herrschaft. Die Welfen gehörten zu den einflussreichsten Dynastien des Heiligen Römischen Reiches und kontrollierten große Teile Norddeutschlands.",
-            },
             {
-              id: "5",
+              id: "5",              title: "Warum wurde die Residenz 1754 nach Braunschweig verlegt?",              content:
-              title: "Was war der Grund für die Renaissance-Umgestaltung?",
+                "Herzog Karl I. verlegte 1754 die Residenz nach Braunschweig aus wirtschaftlichen und politischen Gründen. Braunschweig war eine größere und wirtschaftlich bedeutendere Stadt und bot bessere Möglichkeiten für die Regierungsgeschäfte des wachsenden Fürstentums. Dies bedeutete das Ende von Wolfenbüttel als politisches Zentrum, aber nicht das Ende des Schlosses als bedeutendes Bauwerk."},
-              content:
-                "Die Renaissance-Umgestaltung nach 1546 war zunächst eine Notwendigkeit aufgrund der Zerstörungen während des Schmalkaldischen Krieges. Allerdings entschied man sich nicht nur für Reparaturen, sondern für einen umfassenden Neubau im Renaissance-Stil. Dies war auch eine Aussage über die Macht und Bedeutung des Herrschers, da Fürstliche Residenzen zunehmend zur Darstellung politischer und kultureller Bedeutung dienten.",
-            },
             {
-              id: "6",
+              id: "6",              title: "Wann wurde Schloss Wolfenbüttel gegründet?",              content:
-              title: "Warum wurde die Residenz 1754 nach Braunschweig verlegt?",
+                "Die Ursprünge des Schlosses Wolfenbüttel lassen sich vermutlich bis in das 11. oder frühe 12. Jahrhundert zurückverfolgen. In dieser Zeit entstand an der Oker eine befestigte Burganlage, die als Schutz- und Verwaltungszentrum diente. Die genaue Gründung ist historisch nicht eindeutig dokumentiert, aber archäologische Befunde deuten auf diese Zeitspanne hin."},
-              content:
-                "Herzog Karl I. verlegte 1754 die Residenz nach Braunschweig aus wirtschaftlichen und politischen Gründen. Braunschweig war eine größere und wirtschaftlich bedeutendere Stadt und bot bessere Möglichkeiten für die Regierungsgeschäfte des wachsenden Fürstentums. Dies bedeutete das Ende von Wolfenbüttel als politisches Zentrum, aber nicht das Ende des Schlosses als bedeutendes Bauwerk.",
-            },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/brickwork-brown-architect-antique-castle_1232-4031.jpg?_wi=4"
           imageAlt="Schloss Architektur"
@@ -448,6 +334,7 @@ export default function HomePage() {
           imageSrc="http://img.b2bpic.net/free-photo/view-castle-with-nature-landscape_23-2150743802.jpg?_wi=2"
           imageAlt="Schloss Wolfenbüttel heute"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
           useInvertedBackground={true}
         />
       </div>
@@ -459,23 +346,17 @@ export default function HomePage() {
           imageAlt="Schloss Wolfenbüttel"
           columns={[
             {
-              title: "Navigation",
+              title: "Navigation",              items: [
-              items: [
                 { label: "Startseite", href: "/" },
                 { label: "Mittelalter", href: "/epochen/mittelalter" },
                 {
-                  label: "Renaissance",
+                  label: "Renaissance",                  href: "#renaissance"},
-                  href: "#renaissance",
-                },
                 {
-                  label: "Barock",
+                  label: "Barock",                  href: "#baroque"},
-                  href: "#baroque",
-                },
               ],
             },
             {
-              title: "Ressourcen",
+              title: "Ressourcen",              items: [
-              items: [
                 { label: "FAQ", href: "#faq" },
                 { label: "Kontakt", href: "#contact" },
                 { label: "Impressum", href: "#impressum" },
@@ -483,8 +364,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Über das Projekt",
+              title: "Über das Projekt",              items: [
-              items: [
                 { label: "Facharbeit", href: "#research" },
                 { label: "Archiv", href: "#archive" },
                 { label: "Literatur", href: "#bibliography" },