chore: deep semantic HTML audit and improvements across all pages

components/home/WhyChooseUs.tsx

@@ -45,9 +45,9 @@ export default function WhyChooseUs() {
               </div>
             </div>
           </div>
-          <div className="lg:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8 order-2 lg:order-1">
+          <ul className="lg:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8 order-2 lg:order-1 list-none p-0 m-0">
             {[0, 1, 2, 3].map((idx) => (
-              <div
+              <li
                 key={idx}
                 className="p-10 bg-white rounded-3xl border border-neutral-medium hover:border-accent transition-all duration-500 hover:shadow-xl group"
               >
@@ -62,9 +62,9 @@ export default function WhyChooseUs() {
                 <p className="text-text-secondary text-base md:text-base leading-relaxed">
                   {t(`items.${idx}.description`)}
                 </p>
-              </div>
+              </li>
             ))}
-          </div>
+          </ul>
         </div>
       </Container>
     </Section>