feat: add semantics

2024-07-08 10:27:03 +02:00
parent f82e598820
commit 23711466de
1 changed files with 6 additions and 6 deletions
--- a/components/HotelReservation/SelectHotel/HotelCard/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelCard/index.tsx
@@ -11,13 +11,13 @@ import styles from "./hotelCard.module.css"

 export default function HotelCard({ hotel }: HotelCardData) {
  return (
-    <div className={styles.card}>
+    <article className={styles.card}>
      <Image src="" alt="hotel image" className={styles.image} />
      <div className={styles.information}>
-        <div className={styles.title}>
+        <header className={styles.title}>
          <ScandicLogoIcon color="red" />
          <Title as="h4">{hotel.name}</Title>
-        </div>
+        </header>
        <div className={styles.description}>
          <span>{hotel.address}</span>
          <span>{hotel.description}</span>
@@ -27,7 +27,7 @@ export default function HotelCard({ hotel }: HotelCardData) {
            <Chip key={`chip-${index}`}>{chip}</Chip>
          ))}
        </div>
-        <div className={styles.booking}>
+        <footer className={styles.booking}>
          <Button
            theme="base"
            intent="primary"
@@ -39,8 +39,8 @@ export default function HotelCard({ hotel }: HotelCardData) {
          <Body color="burgundy">
            <span>{hotel.rooms}</span>
          </Body>
-        </div>
+        </footer>
      </div>
-    </div>
+    </article>
  )
 }