diff --git a/next/components/molecules/sections/documentList/DocumentList.tsx b/next/components/molecules/sections/documentList/DocumentList.tsx
index 29d810418..a50b39870 100644
--- a/next/components/molecules/sections/documentList/DocumentList.tsx
+++ b/next/components/molecules/sections/documentList/DocumentList.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { vznDefaultFilters, VznFilters } from '@backend/meili/fetchers/vznFetcher'
+import { BasicSearch } from '@bratislava/ui-bratislava'
 import { minKeywordLength } from '@utils/constants'
 import { useTranslation } from 'next-i18next'
 import { useEffect, useState } from 'react'
 import { useDebounce } from 'usehooks-ts'
 
-import { BasicSearch } from '../../../ui/BasicSearch/BasicSearch'
 import DocumentListResults from './DocumentListResults'
 
 const DocumentList = () => {
diff --git a/next/components/ui/BANavBar/BANavBar.tsx b/next/components/ui/BANavBar/BANavBar.tsx
index 1e0e7b871..b0310fe23 100644
--- a/next/components/ui/BANavBar/BANavBar.tsx
+++ b/next/components/ui/BANavBar/BANavBar.tsx
@@ -67,7 +67,7 @@ export const BANavBar = ({
             className="group"
             url="/"
             title={
-              <p className="text-font text-p2 group-hover:text-gray-600">
+              <p className="text-p2 text-font group-hover:text-gray-600">
                 {languageKey === 'en' && <span className="font-semibold">Bratislava </span>}
                 {t('capitalCity')}
                 {languageKey !== 'en' && <span className="font-semibold"> Bratislava</span>}
@@ -343,7 +343,7 @@ const LanguageSelect = ({
           <div className="flex h-auto min-h-[60px] w-full flex-col items-center rounded-lg bg-[#F8D7D4] pt-1 pb-3 shadow-[0_8px_24px_rgba(0,0,0,0.16)]">
             {dropDownOptions?.map((option) => (
               <div
-                className="text-p3 hover:text-p3-semibold text-font mt-3 h-6 w-6"
+                className="text-p3 hover:text-p3-semibold cursor-pointer text-font mt-3 h-6 w-6"
                 key={option.key}
                 onClick={handleChange}
               >
diff --git a/next/components/ui/Footer/Footer.tsx b/next/components/ui/Footer/Footer.tsx
index 078e8da3d..7486c20a2 100644
--- a/next/components/ui/Footer/Footer.tsx
+++ b/next/components/ui/Footer/Footer.tsx
@@ -17,11 +17,11 @@ export interface FooterProps {
   facebookLink?: string
   instagramLink?: string
   youtubeLink?: string
-  address?: string
-  email?: string
-  phone?: string
+  address?: string | null
+  email?: string | null
+  phone?: string | null
   sections?: FooterSectionProps[]
-  accessibilityLink?: { title: string; url: string }
+  accessibilityLink?: { title: string; url: string } | null
   copyright?: string
   /**
    * Active link should not have url
@@ -46,10 +46,18 @@ export const Footer = ({
 
   return (
     <footer className={cx(className, 'text-p2 text-gray-600')}>
-      <section className="flex items-center justify-between pt-14" aria-label="Logo and Social Media Links">
+      <section
+        className="flex items-center justify-between pt-14"
+        // TODO add translations
+        aria-label="Logo and Social Media Links"
+      >
         <BABrand />
         <div className="flex items-center justify-between lg:w-52">
-          <nav className="hidden cursor-pointer gap-4 text-gray-400 lg:flex" aria-label="Social Media Links">
+          <nav
+            className="hidden cursor-pointer gap-4 text-gray-400 lg:flex"
+            // TODO add translations
+            aria-label="Social Media Links"
+          >
             {facebookLink && (
               <a href={facebookLink} target="_blank" rel="noreferrer">
                 <FBLogo />
@@ -72,7 +80,10 @@ export const Footer = ({
         </div>
       </section>
 
-      <section aria-label="Contact Info and Sections" className="flex flex-col gap-x-28 py-14 xl:flex-row">
+      <section
+        aria-label="Contact Info and Sections"
+        className="flex flex-col gap-x-28 py-14 xl:flex-row"
+      >
         <div className="flex flex-col gap-y-6 xl:gap-y-16" aria-label="Contact Info">
           <p className="whitespace-pre-wrap leading-6">{address}</p>
           <div className="flex flex-col gap-y-1 underline xl:gap-y-5">
diff --git a/next/components/ui/Panel/Panel.tsx b/next/components/ui/Panel/Panel.tsx
index 472e98656..8fb22a147 100644
--- a/next/components/ui/Panel/Panel.tsx
+++ b/next/components/ui/Panel/Panel.tsx
@@ -6,7 +6,12 @@ export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
   overflowVisible?: boolean
 }
 
-export const Panel = ({ className, hoverable = false, overflowVisible = false, ...rest }: PanelProps) => (
+export const Panel = ({
+  className,
+  hoverable = false,
+  overflowVisible = false,
+  ...rest
+}: PanelProps) => (
   <div
     // TODO added bg-white shadow class back in. We should find why it was there in first place.
     className={cx(className, 'rounded-lg bg-white shadow', {
diff --git a/next/graphql/index.ts b/next/graphql/index.ts
index f75a211be..7d794b76d 100644
--- a/next/graphql/index.ts
+++ b/next/graphql/index.ts
@@ -3218,13 +3218,6 @@ export type PageBySlugQueryVariables = Exact<{
 
 export type PageBySlugQuery = { __typename?: 'Query', pages?: { __typename?: 'PageEntityResponseCollection', data: Array<{ __typename?: 'PageEntity', id?: string | null, attributes?: { __typename?: 'Page', slug?: string | null, title?: string | null, pageColor?: Enum_Page_Pagecolor | null, metaDiscription?: string | null, locale?: string | null, pageBackgroundImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, pageButtonContent?: { __typename?: 'ComponentBlocksBlogPostLink', title?: string | null, url?: string | null } | null, sections?: Array<{ __typename: 'ComponentSectionsAccordion', title?: string | null, hasBackground?: boolean | null, institutions?: Array<{ __typename?: 'ComponentAccordionItemsInstitution', title?: string | null, subtitle?: string | null, category?: string | null, firstColumn?: string | null, secondColumn?: string | null, thirdColumn?: string | null, url?: string | null, urlLabel?: string | null } | null> | null, flatText?: Array<{ __typename?: 'ComponentAccordionItemsFlatText', category?: string | null, content?: string | null, width?: Enum_Componentaccordionitemsflattext_Width | null, align?: Enum_Componentaccordionitemsflattext_Align | null, moreLinkTitle?: string | null, moreLinkUrl?: string | null, moreLinkPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, title?: string | null, locale?: string | null } | null } | null } | null } | null> | null, institutionsNarrow?: Array<{ __typename?: 'ComponentAccordionItemsInstitutionNarrow', title?: string | null, subtitle?: string | null, category?: string | null, url?: string | null, urlLabel?: string | null } | null> | null } | { __typename: 'ComponentSectionsArticlesList', title?: string | null, filtering?: boolean | null, category?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', title?: string | null } | null } | null } | null } | { __typename: 'ComponentSectionsCalculator', hasBackground?: boolean | null, single_adult_value?: number | null, another_adult_value?: number | null, child_value?: number | null } | { __typename: 'ComponentSectionsColumnedText', hasBackground?: boolean | null, content?: string | null } | { __typename: 'ComponentSectionsContact', title?: string | null, hasBackground?: boolean | null, description?: string | null, phone?: string | null, phoneLabel?: string | null, email?: string | null, emailLabel?: string | null, address?: string | null } | { __typename: 'ComponentSectionsDivider', hasBackground?: boolean | null, style?: Enum_Componentsectionsdivider_Style | null } | { __typename: 'ComponentSectionsDocumentList', vzns?: { __typename?: 'VznRelationResponseCollection', data: Array<{ __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', category?: Enum_Vzn_Category | null, details?: string | null, title?: string | null, validFrom?: any | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null, consolidatedText?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null }> } | null } | { __typename: 'ComponentSectionsFileList', hasBackground?: boolean | null, fileList?: Array<{ __typename?: 'ComponentBlocksFile', title?: string | null, category?: string | null, media?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, createdAt?: any | null, size: number, ext?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsIconTitleDesc', title?: string | null, hasBackground?: boolean | null, list?: Array<{ __typename?: 'ComponentBlocksIconWithTitleAndDescription', title?: string | null, desc?: string | null, icon?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsIframe', url: string, iframeWidth: Enum_Componentsectionsiframe_Iframewidth, iframeHeight: string, fullHeight: boolean, allowFullscreen: boolean, css?: string | null, allowGeolocation?: boolean | null } | { __typename: 'ComponentSectionsLinks', title?: string | null, hasBackground?: boolean | null, pageLinks?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsListItems', title?: string | null, hasBackground?: boolean | null, listItems?: Array<{ __typename?: 'ComponentBlocksListItem', content?: string | null, moreLinkTitle?: string | null, moreLinkUrl?: string | null, circleOption?: Enum_Componentblockslistitem_Circleoption | null, moreLinkPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', locale?: string | null, slug?: string | null, title?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsNarrowText', hasBackground?: boolean | null, content?: string | null, width?: Enum_Componentsectionsnarrowtext_Width | null, align?: Enum_Componentsectionsnarrowtext_Align | null } | { __typename: 'ComponentSectionsNewsletter' } | { __typename: 'ComponentSectionsNumericalList', id: string, title?: string | null, variant?: Enum_Componentsectionsnumericallist_Variant | null, buttonText?: string | null, buttonLink?: string | null, hasBackground?: boolean | null, items?: Array<{ __typename?: 'ComponentBlocksNumericalListItem', text?: string | null } | null> | null } | { __typename: 'ComponentSectionsOrganizationalStructure', id: string, title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionItem', title?: string | null, departments?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionDepartment', title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionSubItem', isGroupTitle?: boolean | null, title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionSubSubItem', title?: string | null } | null> | null } | null> | null } | null> | null } | null> | null } | { __typename: 'ComponentSectionsSpace' } | { __typename: 'ComponentSectionsTextWithImage', hasBackground?: boolean | null, content?: string | null, imagePosition?: Enum_Componentsectionstextwithimage_Imageposition | null, imageShadow?: boolean | null, imageSrc?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, alternativeText?: string | null } | null } | null } | null } | { __typename: 'ComponentSectionsVideos', id: string, title?: string | null, subtitle?: string | null, videos?: Array<{ __typename?: 'ComponentBlocksVideo', id: string, title?: string | null, speaker?: string | null, url?: string | null } | null> | null } | { __typename: 'ComponentSectionsWaves', position?: Enum_Componentsectionswaves_Position | null, isRich?: boolean | null } | { __typename: 'Error' } | null> | null, localizations?: { __typename?: 'PageRelationResponseCollection', data: Array<{ __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null } | null }> } | null, pageHeaderSections?: Array<{ __typename: 'ComponentSectionsFeaturedBlogPosts', id: string, first_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, second_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, third_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null } | { __typename: 'ComponentSectionsSubpageList', id: string, subpageList?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | { __typename: 'Error' } | null> | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', id?: string | null, attributes?: { __typename?: 'PageCategory', title?: string | null, color?: Enum_Pagecategory_Color | null } | null } | null } | null } | null }> } | null, footer?: { __typename?: 'FooterEntityResponse', data?: { __typename?: 'FooterEntity', attributes?: { __typename?: 'Footer', address?: string | null, copyright?: string | null, email?: string | null, facebookUrl?: string | null, instagramUrl?: string | null, phone?: string | null, youtubeUrl?: string | null, accessibilityLink?: { __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null, footerSections?: Array<{ __typename?: 'ComponentBlocksFooterSection', title?: string | null, pageLinks?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | null> | null } | null } | null } | null, mainMenu?: { __typename?: 'PageCategoryEntityResponseCollection', data: Array<{ __typename?: 'PageCategoryEntity', id?: string | null, attributes?: { __typename?: 'PageCategory', title?: string | null, color?: Enum_Pagecategory_Color | null, icon?: Enum_Pagecategory_Icon | null, iconHover?: Enum_Pagecategory_Iconhover | null, priority?: number | null, subcategories?: { __typename?: 'PageSubcategoryRelationResponseCollection', data: Array<{ __typename?: 'PageSubcategoryEntity', id?: string | null, attributes?: { __typename?: 'PageSubcategory', title?: string | null, priority?: number | null, icon?: Enum_Pagesubcategory_Icon | null, moreLink?: { __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null, pages?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | null }> } | null } | null }> } | null };
 
-export type VznDetailQueryVariables = Exact<{
-  id: Scalars['ID'];
-}>;
-
-
-export type VznDetailQuery = { __typename?: 'Query', vzn?: { __typename?: 'VznEntityResponse', data?: { __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', title?: string | null, validFrom?: any | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null } | null } | null } | null };
-
 export type GeneralPageFragment = { __typename?: 'PageEntityResponseCollection', data: Array<{ __typename?: 'PageEntity', id?: string | null, attributes?: { __typename?: 'Page', slug?: string | null, title?: string | null, pageColor?: Enum_Page_Pagecolor | null, metaDiscription?: string | null, locale?: string | null, pageBackgroundImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, pageButtonContent?: { __typename?: 'ComponentBlocksBlogPostLink', title?: string | null, url?: string | null } | null, sections?: Array<{ __typename: 'ComponentSectionsAccordion', title?: string | null, hasBackground?: boolean | null, institutions?: Array<{ __typename?: 'ComponentAccordionItemsInstitution', title?: string | null, subtitle?: string | null, category?: string | null, firstColumn?: string | null, secondColumn?: string | null, thirdColumn?: string | null, url?: string | null, urlLabel?: string | null } | null> | null, flatText?: Array<{ __typename?: 'ComponentAccordionItemsFlatText', category?: string | null, content?: string | null, width?: Enum_Componentaccordionitemsflattext_Width | null, align?: Enum_Componentaccordionitemsflattext_Align | null, moreLinkTitle?: string | null, moreLinkUrl?: string | null, moreLinkPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, title?: string | null, locale?: string | null } | null } | null } | null } | null> | null, institutionsNarrow?: Array<{ __typename?: 'ComponentAccordionItemsInstitutionNarrow', title?: string | null, subtitle?: string | null, category?: string | null, url?: string | null, urlLabel?: string | null } | null> | null } | { __typename: 'ComponentSectionsArticlesList', title?: string | null, filtering?: boolean | null, category?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', title?: string | null } | null } | null } | null } | { __typename: 'ComponentSectionsCalculator', hasBackground?: boolean | null, single_adult_value?: number | null, another_adult_value?: number | null, child_value?: number | null } | { __typename: 'ComponentSectionsColumnedText', hasBackground?: boolean | null, content?: string | null } | { __typename: 'ComponentSectionsContact', title?: string | null, hasBackground?: boolean | null, description?: string | null, phone?: string | null, phoneLabel?: string | null, email?: string | null, emailLabel?: string | null, address?: string | null } | { __typename: 'ComponentSectionsDivider', hasBackground?: boolean | null, style?: Enum_Componentsectionsdivider_Style | null } | { __typename: 'ComponentSectionsDocumentList', vzns?: { __typename?: 'VznRelationResponseCollection', data: Array<{ __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', category?: Enum_Vzn_Category | null, details?: string | null, title?: string | null, validFrom?: any | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null> | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null, consolidatedText?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null } | null } | null } | null } | null }> } | null } | { __typename: 'ComponentSectionsFileList', hasBackground?: boolean | null, fileList?: Array<{ __typename?: 'ComponentBlocksFile', title?: string | null, category?: string | null, media?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, createdAt?: any | null, size: number, ext?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsIconTitleDesc', title?: string | null, hasBackground?: boolean | null, list?: Array<{ __typename?: 'ComponentBlocksIconWithTitleAndDescription', title?: string | null, desc?: string | null, icon?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsIframe', url: string, iframeWidth: Enum_Componentsectionsiframe_Iframewidth, iframeHeight: string, fullHeight: boolean, allowFullscreen: boolean, css?: string | null, allowGeolocation?: boolean | null } | { __typename: 'ComponentSectionsLinks', title?: string | null, hasBackground?: boolean | null, pageLinks?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsListItems', title?: string | null, hasBackground?: boolean | null, listItems?: Array<{ __typename?: 'ComponentBlocksListItem', content?: string | null, moreLinkTitle?: string | null, moreLinkUrl?: string | null, circleOption?: Enum_Componentblockslistitem_Circleoption | null, moreLinkPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', locale?: string | null, slug?: string | null, title?: string | null } | null } | null } | null } | null> | null } | { __typename: 'ComponentSectionsNarrowText', hasBackground?: boolean | null, content?: string | null, width?: Enum_Componentsectionsnarrowtext_Width | null, align?: Enum_Componentsectionsnarrowtext_Align | null } | { __typename: 'ComponentSectionsNewsletter' } | { __typename: 'ComponentSectionsNumericalList', id: string, title?: string | null, variant?: Enum_Componentsectionsnumericallist_Variant | null, buttonText?: string | null, buttonLink?: string | null, hasBackground?: boolean | null, items?: Array<{ __typename?: 'ComponentBlocksNumericalListItem', text?: string | null } | null> | null } | { __typename: 'ComponentSectionsOrganizationalStructure', id: string, title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionItem', title?: string | null, departments?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionDepartment', title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionSubItem', isGroupTitle?: boolean | null, title?: string | null, items?: Array<{ __typename?: 'ComponentOsItemsAdvancedAccordionSubSubItem', title?: string | null } | null> | null } | null> | null } | null> | null } | null> | null } | { __typename: 'ComponentSectionsSpace' } | { __typename: 'ComponentSectionsTextWithImage', hasBackground?: boolean | null, content?: string | null, imagePosition?: Enum_Componentsectionstextwithimage_Imageposition | null, imageShadow?: boolean | null, imageSrc?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string, alternativeText?: string | null } | null } | null } | null } | { __typename: 'ComponentSectionsVideos', id: string, title?: string | null, subtitle?: string | null, videos?: Array<{ __typename?: 'ComponentBlocksVideo', id: string, title?: string | null, speaker?: string | null, url?: string | null } | null> | null } | { __typename: 'ComponentSectionsWaves', position?: Enum_Componentsectionswaves_Position | null, isRich?: boolean | null } | { __typename: 'Error' } | null> | null, localizations?: { __typename?: 'PageRelationResponseCollection', data: Array<{ __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null } | null }> } | null, pageHeaderSections?: Array<{ __typename: 'ComponentSectionsFeaturedBlogPosts', id: string, first_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, second_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, third_blog?: { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null } | { __typename: 'ComponentSectionsSubpageList', id: string, subpageList?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | { __typename: 'Error' } | null> | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null, parentPage?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', slug?: string | null, locale?: string | null, title?: string | null } | null } | null } | null } | null } | null } | null } | null } | null } | null, pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', id?: string | null, attributes?: { __typename?: 'PageCategory', title?: string | null, color?: Enum_Pagecategory_Color | null } | null } | null } | null } | null }> };
 
 export type BlogSectionFragment = { __typename?: 'BlogPostEntityResponse', data?: { __typename?: 'BlogPostEntity', attributes?: { __typename?: 'BlogPost', title?: string | null, publishedAt?: any | null, slug?: string | null, coverImage?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', attributes?: { __typename?: 'UploadFile', url: string } | null } | null } | null, tag?: { __typename?: 'TagEntityResponse', data?: { __typename?: 'TagEntity', attributes?: { __typename?: 'Tag', pageCategory?: { __typename?: 'PageCategoryEntityResponse', data?: { __typename?: 'PageCategoryEntity', attributes?: { __typename?: 'PageCategory', color?: Enum_Pagecategory_Color | null, shortTitle?: string | null } | null } | null } | null } | null } | null } | null } | null } | null };
@@ -3295,6 +3288,33 @@ type Sections_Error_Fragment = { __typename: 'Error' };
 
 export type SectionsFragment = Sections_ComponentSectionsAccordion_Fragment | Sections_ComponentSectionsArticlesList_Fragment | Sections_ComponentSectionsCalculator_Fragment | Sections_ComponentSectionsColumnedText_Fragment | Sections_ComponentSectionsContact_Fragment | Sections_ComponentSectionsDivider_Fragment | Sections_ComponentSectionsDocumentList_Fragment | Sections_ComponentSectionsFileList_Fragment | Sections_ComponentSectionsIconTitleDesc_Fragment | Sections_ComponentSectionsIframe_Fragment | Sections_ComponentSectionsLinks_Fragment | Sections_ComponentSectionsListItems_Fragment | Sections_ComponentSectionsNarrowText_Fragment | Sections_ComponentSectionsNewsletter_Fragment | Sections_ComponentSectionsNumericalList_Fragment | Sections_ComponentSectionsOrganizationalStructure_Fragment | Sections_ComponentSectionsSpace_Fragment | Sections_ComponentSectionsTextWithImage_Fragment | Sections_ComponentSectionsVideos_Fragment | Sections_ComponentSectionsWaves_Fragment | Sections_Error_Fragment;
 
+export type VznStaticPathsQueryVariables = Exact<{
+  page?: InputMaybe<Scalars['Int']>;
+  limit?: InputMaybe<Scalars['Int']>;
+}>;
+
+
+export type VznStaticPathsQuery = { __typename?: 'Query', vzns?: { __typename?: 'VznEntityResponseCollection', data: Array<{ __typename?: 'VznEntity', id?: string | null }> } | null };
+
+export type VznByIdQueryVariables = Exact<{
+  id: Scalars['ID'];
+  locale: Scalars['I18NLocaleCode'];
+}>;
+
+
+export type VznByIdQuery = { __typename?: 'Query', vzn?: { __typename?: 'VznEntityResponse', data?: { __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', title?: string | null, validFrom?: any | null, details?: string | null, category?: Enum_Vzn_Category | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, consolidatedText?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null } | null } | null } | null, footer?: { __typename?: 'FooterEntityResponse', data?: { __typename?: 'FooterEntity', attributes?: { __typename?: 'Footer', address?: string | null, copyright?: string | null, email?: string | null, facebookUrl?: string | null, instagramUrl?: string | null, phone?: string | null, youtubeUrl?: string | null, accessibilityLink?: { __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null, footerSections?: Array<{ __typename?: 'ComponentBlocksFooterSection', title?: string | null, pageLinks?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | null> | null } | null } | null } | null, mainMenu?: { __typename?: 'PageCategoryEntityResponseCollection', data: Array<{ __typename?: 'PageCategoryEntity', id?: string | null, attributes?: { __typename?: 'PageCategory', title?: string | null, color?: Enum_Pagecategory_Color | null, icon?: Enum_Pagecategory_Icon | null, iconHover?: Enum_Pagecategory_Iconhover | null, priority?: number | null, subcategories?: { __typename?: 'PageSubcategoryRelationResponseCollection', data: Array<{ __typename?: 'PageSubcategoryEntity', id?: string | null, attributes?: { __typename?: 'PageSubcategory', title?: string | null, priority?: number | null, icon?: Enum_Pagesubcategory_Icon | null, moreLink?: { __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null, pages?: Array<{ __typename?: 'ComponentBlocksPageLink', title?: string | null, url?: string | null, anchor?: string | null, page?: { __typename?: 'PageEntityResponse', data?: { __typename?: 'PageEntity', attributes?: { __typename?: 'Page', title?: string | null, slug?: string | null, locale?: string | null } | null } | null } | null } | null> | null } | null }> } | null } | null }> } | null };
+
+export type VznDetailQueryVariables = Exact<{
+  id: Scalars['ID'];
+}>;
+
+
+export type VznDetailQuery = { __typename?: 'Query', vzn?: { __typename?: 'VznEntityResponse', data?: { __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', title?: string | null, validFrom?: any | null, details?: string | null, category?: Enum_Vzn_Category | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, consolidatedText?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null } | null } | null } | null };
+
+export type VznDocumentEntityFragment = { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null };
+
+export type VznEntityFragment = { __typename?: 'VznEntity', id?: string | null, attributes?: { __typename?: 'Vzn', title?: string | null, validFrom?: any | null, details?: string | null, category?: Enum_Vzn_Category | null, mainDocument?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, consolidatedText?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null, amedmentDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null, cancellationDocument?: Array<{ __typename?: 'ComponentBlocksDocListExtensions', id: string, title?: string | null, validFrom?: any | null, document?: { __typename?: 'UploadFileEntityResponse', data?: { __typename?: 'UploadFileEntity', id?: string | null, attributes?: { __typename?: 'UploadFile', url: string, size: number, ext?: string | null, createdAt?: any | null, name: string } | null } | null } | null } | null> | null } | null };
+
 export const LatestBlogsFragmentDoc = gql`
     fragment LatestBlogs on BlogPostEntityResponseCollection {
   data {
@@ -3949,6 +3969,59 @@ export const MainMenuItemFragmentDoc = gql`
   }
 }
     ${PageLinkFragmentDoc}`;
+export const VznDocumentEntityFragmentDoc = gql`
+    fragment VznDocumentEntity on UploadFileEntity {
+  id
+  attributes {
+    url
+    size
+    ext
+    createdAt
+    name
+  }
+}
+    `;
+export const VznEntityFragmentDoc = gql`
+    fragment VznEntity on VznEntity {
+  id
+  attributes {
+    title
+    validFrom
+    details
+    category
+    mainDocument {
+      data {
+        ...VznDocumentEntity
+      }
+    }
+    consolidatedText {
+      data {
+        ...VznDocumentEntity
+      }
+    }
+    amedmentDocument {
+      id
+      title
+      validFrom
+      document {
+        data {
+          ...VznDocumentEntity
+        }
+      }
+    }
+    cancellationDocument {
+      id
+      title
+      validFrom
+      document {
+        data {
+          ...VznDocumentEntity
+        }
+      }
+    }
+  }
+}
+    ${VznDocumentEntityFragmentDoc}`;
 export const BlogPostBySlugDocument = gql`
     query BlogPostBySlug($slug: String!, $locale: I18NLocaleCode!) {
   blogPosts(filters: {slug: {eq: $slug}}, locale: $locale) {
@@ -4207,57 +4280,41 @@ export const PageBySlugDocument = gql`
     ${GeneralPageFragmentDoc}
 ${FooterFragmentDoc}
 ${MainMenuItemFragmentDoc}`;
+export const VznStaticPathsDocument = gql`
+    query VznStaticPaths($page: Int, $limit: Int) {
+  vzns(pagination: {page: $page, pageSize: $limit}) {
+    data {
+      id
+    }
+  }
+}
+    `;
+export const VznByIdDocument = gql`
+    query VznById($id: ID!, $locale: I18NLocaleCode!) {
+  vzn(id: $id) {
+    data {
+      ...VznEntity
+    }
+  }
+  footer(locale: $locale) {
+    ...Footer
+  }
+  mainMenu: pageCategories(locale: $locale) {
+    ...MainMenuItem
+  }
+}
+    ${VznEntityFragmentDoc}
+${FooterFragmentDoc}
+${MainMenuItemFragmentDoc}`;
 export const VznDetailDocument = gql`
     query VznDetail($id: ID!) {
   vzn(id: $id) {
     data {
-      id
-      attributes {
-        title
-        validFrom
-        mainDocument {
-          data {
-            attributes {
-              url
-              size
-              ext
-              createdAt
-            }
-          }
-        }
-        cancellationDocument {
-          id
-          title
-          document {
-            data {
-              attributes {
-                url
-                size
-                ext
-                createdAt
-              }
-            }
-          }
-        }
-        amedmentDocument {
-          id
-          title
-          document {
-            data {
-              attributes {
-                url
-                size
-                ext
-                createdAt
-              }
-            }
-          }
-        }
-      }
+      ...VznEntity
     }
   }
 }
-    `;
+    ${VznEntityFragmentDoc}`;
 
 export type SdkFunctionWrapper = <T>(action: (requestHeaders?:Record<string, string>) => Promise<T>, operationName: string, operationType?: string) => Promise<T>;
 
@@ -4302,6 +4359,12 @@ export function getSdk(client: GraphQLClient, withWrapper: SdkFunctionWrapper =
     PageBySlug(variables: PageBySlugQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<PageBySlugQuery> {
       return withWrapper((wrappedRequestHeaders) => client.request<PageBySlugQuery>(PageBySlugDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'PageBySlug', 'query');
     },
+    VznStaticPaths(variables?: VznStaticPathsQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<VznStaticPathsQuery> {
+      return withWrapper((wrappedRequestHeaders) => client.request<VznStaticPathsQuery>(VznStaticPathsDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'VznStaticPaths', 'query');
+    },
+    VznById(variables: VznByIdQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<VznByIdQuery> {
+      return withWrapper((wrappedRequestHeaders) => client.request<VznByIdQuery>(VznByIdDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'VznById', 'query');
+    },
     VznDetail(variables: VznDetailQueryVariables, requestHeaders?: Dom.RequestInit["headers"]): Promise<VznDetailQuery> {
       return withWrapper((wrappedRequestHeaders) => client.request<VznDetailQuery>(VznDetailDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'VznDetail', 'query');
     }
diff --git a/next/graphql/queries/Pages.graphql b/next/graphql/queries/Pages.graphql
index 19cac6883..d76bde9e0 100644
--- a/next/graphql/queries/Pages.graphql
+++ b/next/graphql/queries/Pages.graphql
@@ -37,55 +37,7 @@ query PageBySlug($slug: String!, $locale: I18NLocaleCode!) {
   }
 }
 
-query VznDetail($id: ID!) {
-  vzn(id: $id) {
-    data {
-      id
-      attributes {
-        title
-        validFrom
-        mainDocument {
-          data {
-            attributes {
-              url
-              size
-              ext
-              createdAt
-            }
-          }
-        }
-        cancellationDocument {
-          id
-          title
-          document {
-            data {
-              attributes {
-                url
-                size
-                ext
-                createdAt
-              }
-            }
-          }
-        }
-        amedmentDocument {
-          id
-          title
-          document {
-            data {
-              attributes {
-                url
-                size
-                ext
-                createdAt
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
+
 
 fragment GeneralPage on PageEntityResponseCollection {
   data {
diff --git a/next/graphql/queries/Vzns.graphql b/next/graphql/queries/Vzns.graphql
new file mode 100644
index 000000000..748c4b3fc
--- /dev/null
+++ b/next/graphql/queries/Vzns.graphql
@@ -0,0 +1,82 @@
+query VznStaticPaths($page: Int, $limit: Int) {
+  vzns(pagination: { page: $page, pageSize: $limit }) {
+    data {
+      id
+    }
+  }
+}
+
+query VznById($id: ID!, $locale: I18NLocaleCode!) {
+  vzn(id: $id) {
+    data {
+      ...VznEntity
+    }
+  }
+
+  footer(locale: $locale) {
+    ...Footer
+  }
+
+  mainMenu: pageCategories(locale: $locale) {
+    ...MainMenuItem
+  }
+}
+
+query VznDetail($id: ID!) {
+  vzn(id: $id) {
+    data {
+      ...VznEntity
+    }
+  }
+}
+
+fragment VznDocumentEntity on UploadFileEntity {
+  id
+  attributes {
+    url
+    size
+    ext
+    createdAt
+    name
+  }
+}
+
+fragment VznEntity on VznEntity {
+  id
+  attributes {
+    title
+    validFrom
+    details
+    category
+    mainDocument {
+      data {
+        ...VznDocumentEntity
+      }
+    }
+    consolidatedText {
+      data {
+        ...VznDocumentEntity
+      }
+    }
+    amedmentDocument {
+      id
+      title
+      validFrom
+      document {
+        data {
+          ...VznDocumentEntity
+        }
+      }
+    }
+    cancellationDocument {
+      id
+      title
+      validFrom
+      document {
+        data {
+          ...VznDocumentEntity
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/next/pages/vzn/[slug].tsx b/next/pages/vzn/[slug].tsx
new file mode 100644
index 000000000..061d2d99a
--- /dev/null
+++ b/next/pages/vzn/[slug].tsx
@@ -0,0 +1,263 @@
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+
+import {
+  MainMenuItemFragment,
+  VznByIdQuery,
+  VznDocumentEntityFragment,
+  VznEntityFragment,
+} from '@bratislava/strapi-sdk-homepage'
+import { FileCard, PageHeader, SectionContainer } from '@bratislava/ui-bratislava'
+import { paginationObj } from '@utils/constants'
+import { client } from '@utils/gql'
+import { getNumericLocalDate } from '@utils/local-date'
+import { pageStyle, parseFooter, parseMainMenu } from '@utils/page'
+import { isPresent, shouldSkipStaticPaths } from '@utils/utils'
+import { GetStaticPaths, GetStaticProps } from 'next'
+import { useTranslation } from 'next-i18next'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { ParsedUrlQuery } from 'node:querystring'
+import * as React from 'react'
+import ReactMarkdown from 'react-markdown'
+
+import BasePageLayout from '../../components/layouts/BasePageLayout'
+import PageWrapper from '../../components/layouts/PageWrapper'
+
+export const getStaticPaths: GetStaticPaths<StaticParams> = async () => {
+  let paths: { params: { slug: string } }[] = []
+  if (shouldSkipStaticPaths()) return { paths, fallback: 'blocking' }
+
+  let defaultStart: number = paginationObj.defaultPage
+  // Fetch all pages to prerender
+  const allVzns = []
+
+  while (defaultStart !== 0) {
+    // eslint-disable-next-line no-await-in-loop
+    const { vzns } = await client.VznStaticPaths({
+      page: defaultStart,
+      limit: paginationObj.maxLimit,
+    })
+    if (vzns) {
+      allVzns.push(...vzns.data)
+    }
+    if (vzns?.data.length === 0) {
+      defaultStart = 0
+      break
+    }
+    defaultStart += 1
+  }
+
+  if (allVzns) {
+    paths = allVzns
+      .map(({ id }) => {
+        if (id)
+          return {
+            params: {
+              slug: id,
+            },
+          }
+        return null
+      })
+      .filter(isPresent)
+  }
+
+  console.log(`GENERATED STATIC PATHS FOR ${paths.length} SLUGS`)
+  return { paths, fallback: 'blocking' }
+}
+
+interface StaticParams extends ParsedUrlQuery {
+  slug: string
+}
+
+export const getStaticProps: GetStaticProps<VznPageProps, StaticParams> = async (ctx) => {
+  console.log(`Revalidating ${ctx}`)
+  const locale = ctx.locale ?? 'sk'
+  const slug = ctx.params?.slug ?? ''
+
+  const { vzn, footer, mainMenu } = await client.VznById({ id: slug, locale })
+
+  if (!vzn?.data) {
+    return {
+      notFound: true,
+    } as const
+  }
+
+  return {
+    props: {
+      id: slug,
+      vzn: vzn.data,
+      footer,
+      mainMenu,
+      ...(await serverSideTranslations(locale, ['common'])),
+    },
+    revalidate: 14_400, // revalidate after 4 hours
+  }
+}
+
+const DocumentSection = ({
+  title,
+  documents,
+}: {
+  title: string
+  documents: ({ titleToDisplay: string } & VznDocumentEntityFragment)[]
+}) => {
+  return (
+    <div className="">
+      <h2 className="pb-4 font-semibold">{title}</h2>
+      <div className="flex flex-row flex-wrap gap-5">
+        {documents.map((doc) => {
+          return (
+            <FileCard
+              key={doc.id}
+              className="w-80"
+              downloadLink={doc.attributes?.url}
+              fileDetail={`${doc.attributes?.ext?.toUpperCase()} ${doc.attributes?.size} KB`}
+              fileTitle={doc.titleToDisplay}
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+              uploadDate={new Date(doc.attributes?.createdAt).toLocaleDateString()}
+            />
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+interface VznPageProps {
+  id: string
+  vzn: VznEntityFragment
+  footer: VznByIdQuery['footer']
+  mainMenu: MainMenuItemFragment | null | undefined
+}
+
+const VznPage = ({ vzn, footer, mainMenu }: VznPageProps) => {
+  const { t, i18n } = useTranslation()
+
+  if (!vzn || !vzn.id || !vzn.attributes) {
+    // TODO redirect to 404
+    return null
+  }
+
+  const {
+    title,
+    details,
+    mainDocument,
+    validFrom,
+    consolidatedText,
+    // The name from Strapi is wrongly in singular and with typo
+    amedmentDocument: amendmentDocuments,
+    // The name from Strapi is wrongly in singular - it should actually be single component,
+    // but it is set to be repeatable component now, so we should use plural name
+    cancellationDocument: cancellationDocuments,
+  } = vzn.attributes
+
+  return (
+    <PageWrapper locale={i18n.language} slug={vzn.id}>
+      <BasePageLayout
+        footer={(footer && parseFooter(footer)) ?? undefined}
+        menuItems={(mainMenu && parseMainMenu(mainMenu)) ?? undefined}
+      >
+        <style
+          // eslint-disable-next-line react/no-danger
+          dangerouslySetInnerHTML={{
+            __html: pageStyle('main'),
+          }}
+        />
+        {/* Header */}
+        <PageHeader
+          color="var(--category-color-200)"
+          transparentColor="var(--category-color-200--transparent)"
+          imageSrc=""
+          // eslint-disable-next-line tailwindcss/no-custom-classname
+          className="header-main-bg bg-cover"
+        >
+          <SectionContainer>
+            <div className="relative pt-14 lg:pt-24 pb-8 lg:pb-12">
+              <h1 className="text-h1 whitespace-pre-wrap">{title}</h1>
+              <div className="flex gap-12 pt-8">
+                {mainDocument && (
+                  <div className="flex flex-col">
+                    <div>{t('vzn.validFrom')}:</div>
+                    <div className="font-semibold">
+                      {/* TODO fix ugly tmp fix
+                       * validFrom is just date, not datetime, but getNumericLocalDate takes datetime,
+                       * so ISO string missing part was added manually
+                       */}
+                      {getNumericLocalDate(`${validFrom}T12:00Z`)}
+                    </div>
+                  </div>
+                )}
+                {cancellationDocuments?.length ? (
+                  <div className="flex flex-col">
+                    <div>{t('vzn.validUntil')}:</div>
+                    <div className="font-semibold">
+                      {/* TODO fix ugly tmp fix */}
+                      {getNumericLocalDate(`${cancellationDocuments[0]?.validFrom}T12:00Z`)}
+                    </div>
+                  </div>
+                ) : null}
+              </div>
+            </div>
+          </SectionContainer>
+        </PageHeader>
+
+        <SectionContainer>
+          <div className="md:pt-18 flex w-full flex-col gap-y-14 pt-14 lg:gap-y-20">
+            {details && (
+              <div className="pt-5">
+                <ReactMarkdown>{details}</ReactMarkdown>
+              </div>
+            )}
+
+            {/*  Main Document  */}
+            {mainDocument?.data && title && (
+              <DocumentSection
+                title={t('vzn.mainDocument')}
+                documents={[{ titleToDisplay: title, ...mainDocument.data }]}
+              />
+              // <div className="max-w-xs pt-5">
+            )}
+            {consolidatedText?.data && title && (
+              <DocumentSection
+                title={t('vzn.consolidatedText')}
+                documents={[{ titleToDisplay: title, ...consolidatedText.data }]}
+              />
+            )}
+            {!!amendmentDocuments?.length && (
+              <DocumentSection
+                title={t('vzn.amendments')}
+                documents={amendmentDocuments
+                  .map(
+                    (doc) =>
+                      doc?.document?.data && {
+                        titleToDisplay: doc.title || doc.document.data.attributes?.name || '',
+                        ...doc?.document?.data,
+                      },
+                  )
+                  .filter(isPresent)}
+              />
+            )}
+            {!!cancellationDocuments?.length && (
+              <DocumentSection
+                title={t('vzn.cancellationDocument')}
+                documents={cancellationDocuments
+                  .map(
+                    (doc) =>
+                      doc?.document?.data && {
+                        titleToDisplay: doc.title || doc.document.data.attributes?.name || '',
+                        ...doc?.document?.data,
+                      },
+                  )
+                  .filter(isPresent)}
+              />
+            )}
+          </div>
+        </SectionContainer>
+      </BasePageLayout>
+    </PageWrapper>
+  )
+}
+
+export default VznPage