From a9d3a526ff0d0f33b683482778aebd68436dc66c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Szymon=20Dziewo=C5=84ski?= <szymon.dziewonski@gmail.com>
Date: Mon, 2 Oct 2023 14:34:10 +0200
Subject: [PATCH] fix: footer block semantic html structyre (#2994)

---
 apps/preview/next/pages/showcases/Footer/FooterBasic.tsx | 6 +++---
 apps/preview/nuxt/pages/showcases/Footer/FooterBasic.vue | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/preview/next/pages/showcases/Footer/FooterBasic.tsx b/apps/preview/next/pages/showcases/Footer/FooterBasic.tsx
index ff59f32643..46da69f209 100644
--- a/apps/preview/next/pages/showcases/Footer/FooterBasic.tsx
+++ b/apps/preview/next/pages/showcases/Footer/FooterBasic.tsx
@@ -170,8 +170,8 @@ export default function FooterBasic() {
     <footer className="pt-10 bg-neutral-100">
       <div className="grid justify-center grid-cols-[1fr_1fr] md:grid-cols-[repeat(4,1fr)] px-4 md:px-6 pb-10 max-w-[1536px] mx-auto">
         {categories.map(({ label, subcategories }) => (
-          <div className="grid grid-cols xs:pb-4" key={label}>
-            <div className="ml-4 text-lg font-medium leading-7 text-neutral-900 font-body">{label}</div>
+          <ul className="grid grid-cols xs:pb-4" key={label}>
+            <li className="ml-4 text-lg font-medium leading-7 text-neutral-900 font-body">{label}</li>
             {subcategories?.map(({ subcategoryLabel, link }) => (
               <SfListItem className="py-2 !bg-transparent typography-text-sm font-body" key={subcategoryLabel}>
                 <SfLink
@@ -183,7 +183,7 @@ export default function FooterBasic() {
                 </SfLink>
               </SfListItem>
             ))}
-          </div>
+          </ul>
         ))}
       </div>
       <hr />
diff --git a/apps/preview/nuxt/pages/showcases/Footer/FooterBasic.vue b/apps/preview/nuxt/pages/showcases/Footer/FooterBasic.vue
index 3ea6d5dce6..1ff495f7c8 100644
--- a/apps/preview/nuxt/pages/showcases/Footer/FooterBasic.vue
+++ b/apps/preview/nuxt/pages/showcases/Footer/FooterBasic.vue
@@ -3,8 +3,8 @@
     <div
       class="grid justify-center grid-cols-[1fr_1fr] md:grid-cols-[repeat(4,1fr)] px-4 md:px-6 pb-10 max-w-[1536px] mx-auto"
     >
-      <div v-for="{ label, subcategories } in categories" :key="label" class="grid grid-cols xs:pb-4">
-        <div class="ml-4 text-lg font-medium leading-7 text-neutral-900 font-body">{{ label }}</div>
+      <ul v-for="{ label, subcategories } in categories" :key="label" class="grid grid-cols xs:pb-4">
+        <li class="ml-4 text-lg font-medium leading-7 text-neutral-900 font-body">{{ label }}</li>
         <SfListItem
           v-for="{ subcategoryLabel, link } in subcategories"
           :key="subcategoryLabel"
@@ -18,7 +18,7 @@
             {{ subcategoryLabel }}
           </SfLink>
         </SfListItem>
-      </div>
+      </ul>
     </div>
     <hr />
     <div class="py-10 md:flex md:mx-auto max-w-[1536px]">