From 32e95fcbbd454d46021ca868add7d5f6c614cc16 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Mon, 28 Apr 2025 14:47:26 +0200
Subject: [PATCH] fix: reduce the amount of section elements being used since
 most have no headers connected to them

---
 .../Blocks/DynamicContent/Stays/ListContainer/index.tsx       | 2 +-
 .../ContentType/HotelPage/Facilities/CardGrid/index.tsx       | 4 ++--
 .../components/ContentType/HotelPage/Rooms/index.tsx          | 4 ++--
 .../components/TempDesignSystem/Grids/Stackable/index.tsx     | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/scandic-web/components/Blocks/DynamicContent/Stays/ListContainer/index.tsx b/apps/scandic-web/components/Blocks/DynamicContent/Stays/ListContainer/index.tsx
index 5908c0ff0..249884f69 100644
--- a/apps/scandic-web/components/Blocks/DynamicContent/Stays/ListContainer/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Stays/ListContainer/index.tsx
@@ -1,5 +1,5 @@
 import styles from "./container.module.css"
 
 export default function ListContainer({ children }: React.PropsWithChildren) {
-  return <section className={styles.container}>{children}</section>
+  return <div className={styles.container}>{children}</div>
 }
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/index.tsx
index f14270fea..de97f5068 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/index.tsx
@@ -26,7 +26,7 @@ export default function FacilitiesCardGrid({
   }
 
   return (
-    <section id={imageCard.card.id} className={styles.cardContainer}>
+    <div id={imageCard.card.id} className={styles.cardContainer}>
       <Grids.Stackable className={styles.desktopGrid}>
         {facilitiesCardGrid.map((card: FacilityCardType) => (
           <Card {...card} key={card.id} className={getCardClassName(card)} />
@@ -35,6 +35,6 @@ export default function FacilitiesCardGrid({
       <Grids.Stackable className={styles.mobileGrid}>
         <CardImage card={imageCard.card} imageCards={imageCard.images} />
       </Grids.Stackable>
-    </section>
+    </div>
   )
 }
diff --git a/apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx
index 62bffa80d..ebdfbd130 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx
@@ -36,7 +36,7 @@ export function Rooms({ rooms, preamble }: RoomsProps) {
       className={styles.roomsContainer}
     >
       <div ref={scrollRef} className={styles.scrollRef}></div>
-      <div className={styles.sectionHeader}>
+      <header className={styles.sectionHeader}>
         <Typography variant="Title/md" className={styles.heading}>
           <h2>
             {intl.formatMessage({
@@ -49,7 +49,7 @@ export function Rooms({ rooms, preamble }: RoomsProps) {
             <p>{preamble}</p>
           </Typography>
         )}
-      </div>
+      </header>
       <Grids.Stackable
         className={`${styles.grid} ${allRoomsVisible ? styles.allVisible : ""}`}
       >
diff --git a/apps/scandic-web/components/TempDesignSystem/Grids/Stackable/index.tsx b/apps/scandic-web/components/TempDesignSystem/Grids/Stackable/index.tsx
index 1f1c9d58a..9822e2586 100644
--- a/apps/scandic-web/components/TempDesignSystem/Grids/Stackable/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Grids/Stackable/index.tsx
@@ -8,5 +8,5 @@ export default function Stackable({
   columns,
 }: React.PropsWithChildren<StackableGridProps>) {
   const classNames = stackableGridVariants({ className, columns })
-  return <section className={classNames}>{children}</section>
+  return <div className={classNames}>{children}</div>
 }