diff --git a/.storybook/stories/templates/CaseDetail-page.stories.mdx b/.storybook/stories/templates/CaseDetail-page.stories.mdx
deleted file mode 100644
index e42bff8bdd..0000000000
--- a/.storybook/stories/templates/CaseDetail-page.stories.mdx
+++ /dev/null
@@ -1,288 +0,0 @@
-import { Meta, Canvas, Story } from "@storybook/addon-docs";
-import { Heading1, Heading2, Heading3, Heading4, Paragraph } from "../../../components/Typography/src";
-import Alert from "../../../components/Alert/src";
-import { Page, PageHeader, PageFooter } from "../../../components/Page/src";
-import { HeaderLogic } from "../../../components/Header/src";
-import HeaderLogo from "../../../components/HeaderLogo/src";
-import Footer from "../../../components/Footer/src";
-import ResponsiveContent from "../../../components/ResponsiveContent/src";
-import Link from "../../../components/Link/src";
-import Breadcrumb from "../../../components/Breadcrumb/src";
-import { Sidenav, SidenavItem, SidenavLink, SidenavList } from "../../../components/Sidenav/src";
-import { LinkGroup, LinkGroupList, LinkGroupListItem } from "../../../components/LinkGroup/src";
-import { AuthenticationCardGroup } from "../../../components/CardGroup/src/story-template";
-import {
- ArchiveIcon,
- GridIcon,
- UserIcon,
- FacebookIcon,
- TwitterIcon,
- LinkedInIcon,
- InstagramIcon,
- YouTubeIcon,
- ArrowRightIcon,
- BookIcon,
-} from "../../../components/Icons/src";
-import { Sheet, SheetCloseButton, SheetOverlay, SheetContainer } from "../../../components/Sheet/src";
-import IconButton from "../../../components/IconButton/src";
-import { Status } from "../../../components/ProcessSteps/src";
-import { File } from "../../../components/File/src";
-import { Action } from "../../../components/Action/src";
-import { Button } from "../../../components/Button/src";
-import { ButtonLink } from "@utrecht/component-library-react";
-
-import clsx from "clsx";
-
-import "./CaseDetail-page.scss";
-
-
-
-# Case Detail page
-
-export const exampleArgs = {
- breadcrumbs: {
- navigationPath: [
- { label: "Home", href: "https://denhaag.nl/" },
- { label: "MijnDenHaag", href: "https://denhaag.nl/" },
- { label: "Mijn lopende zaken", href: "https://denhaag.nl/" },
- ],
- },
- userprofileMenu: {
- label: "Welkom Anne Klap",
- authorisedLoginLabel: "Ingelogd namens Jason Verploeg",
- navigationGroups: [
- {
- label: "MijnDenHaag",
- navigation: [
- { label: "Overzicht", href: "" },
- { label: "Lopende zaken", href: "" },
- { label: "Thema's", href: "" },
- { label: "Mijn account", href: "" },
- ],
- },
- ],
- },
- languageSwitcherMenu: {
- currentLanguageLabel: "NL",
- languageSwitcherProps: {
- variant: "button",
- label: "Kies uw voorkeurstaal",
- languages: [
- {
- id: "nl",
- label: "Nederlands",
- linkProps: { href: "#nl", lang: "nl", hrefLang: "nl-NL" },
- active: true,
- },
- {
- id: "en",
- label: "Engels",
- linkProps: { href: "#en", lang: "en", hrefLang: "en-GB" },
- active: false,
- },
- {
- id: "fr",
- label: "Français",
- linkProps: { href: "#fr", lang: "fr", hrefLang: "fr-FR" },
- active: false,
- },
- ],
- },
- },
- logoutButton: {
- label: "Uitloggen",
- onLogoutClick: () => {},
- },
- mobileMenu: {
- openLabel: "Menu",
- closeLabel: "Sluiten",
- navigation: [
- { label: "Home", href: "https://www.denhaag.nl" },
- {
- label: "Onderwerpen",
- navigation: [
- {
- label: "Omgeving",
- navigation: [
- { label: "Parkeren", href: "https://www.denhaag.nl/parkeren" },
- { label: "Afval", href: "https://www.denhaag.nl/afval" },
- ],
- },
- {
- label: "Wonen",
- navigation: [
- { label: "Verhuizen en migratie", href: "https://www.denhaag.nl/verhuizen" },
- { label: "Belastingen", href: "https://www.denhaag.nl/belastingen" },
- ],
- },
- ],
- },
- {
- label: "MijnDenHaag",
- navigation: [
- { label: "Overzicht", href: "https://klantportaal.denhaag.nl/overzicht" },
- { label: "Lopende zaken", href: "https://klantportaal.denhaag.nl/zaken" },
- { label: "Thema's", href: "https://klantportaal.denhaag.nl/themas" },
- { label: "Mijn account", href: "https://klantportaal.denhaag.nl/account" },
- ],
- },
- ],
- },
-};
-
-export const progressStepsData = {
- collapsible: true,
- expandedSteps: ["onderzoek"],
- steps: [
- {
- id: "deelname",
- marker: 1,
- title: "Deelname aan geluidsonderzoek",
- status: "checked",
- steps: [{ title: "Aanmelding ontvangen", status: "checked" }],
- },
- {
- id: "onderzoek",
- marker: 2,
- title: "Onderzoek naar geluidsoverlast",
- status: "current",
- steps: [{ title: "Afspraak meten geluidsoverlast gemaakt (afspraak op 24 mei)" }],
- },
- { id: "uitvoeren", marker: 3, title: "Uitvoeren van maatregelen" },
- { id: "klaar", marker: 4, title: "Maatregelen zijn uitgevoerd" },
- ],
-};
-
-export const taskDateTime = "2023-09-30T19:47:36.593Z";
-export const taskNow = "2023-09-28T19:47:36.593Z";
-
-export const linkData = {
- name: "Example",
- link: "test/example.png",
- size: 2000,
- lastUpdated: "Thu Aug 31 2023 11:22:11 GMT+0200",
-};
-
-export const navigationPathData = [
- { label: "Home", href: "https://denhaag.nl/" },
- { label: "MijnDenHaag", href: "https://denhaag.nl/parkeren/" },
-];
-
-export const footerLegalData = [
- { label: "Sitemap", href: "https://denhaag.nl/" },
- { label: "Toegankelijkheid", href: "https://denhaag.nl/" },
- { label: "Privacy", href: "https://denhaag.nl/" },
- { label: "Proclaimer", href: "https://denhaag.nl/" },
- { label: "Disclaimer", href: "https://denhaag.nl/" },
- { label: "Voorwaarden", href: "https://denhaag.nl/" },
-];
-
-export const footerSocialData = {
- title: "Volg ons op",
- links: [
- { icon: , label: "Facebook", href: "https://facebook.com" },
- { icon: , label: "Facebook", href: "https://facebook.com" },
- { icon: , label: "Facebook", href: "https://facebook.com" },
- { icon: , label: "Facebook", href: "https://facebook.com" },
- { icon: , label: "Facebook", href: "https://facebook.com" },
- ],
-};
-
-export const newsletterData = {
- title: "Meld u aan voor de nieuwsbrief",
- text: "Blijf gemakkelijk op de hoogte van ontwikkelingen in uw stadsdeel en de belangrijkste zaken van Den Haag.",
- buttonLabel: "Aanmelden nieuwsbrief",
- href: "#",
-};
-export const contactData = {
- title: "Contact",
- links: [
- { label: "Bel ons op 14070", href: "#" },
- { label: "Contactformulier", href: "#" },
- ],
- buttonLabel: "Contactpagina",
- href: "https://www.denhaag.nl/nl/bestuur-en-organisatie/contact-met-de-gemeente.htm",
-};
-
-export const copyright = "© 2022 Gemeente Den Haag";
-
-