feat: add accommodation perex, semantic tags

src/App.js

@@ -49,7 +49,7 @@ function BaseApp() {
       </Helmet>
 
       <div className="container container--default my-4 md:my-16 space-y-8 md:space-y-16">
-        <div className="md:flex items-center text-center md:text-left">
+        <header className="md:flex items-center text-center md:text-left">
           <h1 className="head-alt-xl">
             <Link to="/" className="no-underline hover:no-underline">
               {basics.appTitle}
@@ -60,7 +60,7 @@ function BaseApp() {
             <h2>{process.env.REACT_APP_CF_EVENT_CITY}</h2>
             <h2>{process.env.REACT_APP_CF_EVENT_VENUE}</h2>
           </div>
-        </div>
+        </header>
 
         <Switch>
           <Route path="/registrace">
@@ -93,10 +93,10 @@ function BaseApp() {
           </Route>
         </Switch>
 
-        <div className="border-t border-grey-125 pt-4 flex flex-col md:flex-row items-center md:justify-between space-y-4  text-center md:text-left">
+        <footer className="border-t border-grey-125 pt-4 flex flex-col md:flex-row items-center md:justify-between space-y-4  text-center md:text-left">
           <img src={partyLogo} className="w-32" alt="Pirátská strana" />
           <p>Piráti, {year}. Všechna práva vyhlazena.</p>
-        </div>
+        </footer>
       </div>
     </Router>
   );

src/components/VNav.js

@@ -10,7 +10,7 @@ const VNav = ({ className, ...props }) => {
   );
 
   return (
-    <div className={cls} {...props}>
+    <nav className={cls} {...props}>
       <ul className="vertical-navbar__items">
         <li>
           <NavLink to="/">Rozcestník</NavLink>
@@ -29,7 +29,7 @@ const VNav = ({ className, ...props }) => {
             </li>
           ))}
       </ul>
-    </div>
+    </nav>
   );
 };
 

src/pages/Accommodation.js

@@ -20,15 +20,28 @@ const Accommodation = () => {
     });
   };
 
+  const perex =
+    "Jedete na CF 2022 a nechcete každý večer pendlovat trasu domov - Pardubice? Využijte ubytování, které jsme pro vás zařídili nedaleko Ideonu! Nabízíme vám šest osvědčených hotelů v centru Pardubic, ze kterých si vybere každý. Heslo pro ubytování je: PIRÁTI.";
+
   return (
-    <div className="space-y-8 w-full">
+    <article className="space-y-8 w-full">
       <PageTitle>Ubytování</PageTitle>
 
       <Helmet>
         <title>Ubytování | {basics.appTitle}</title>
+        <meta name="description" content={perex} />
         <meta property="og:title" content="Ubytování" />
+        <meta property="og:description" content={perex} />
       </Helmet>
 
+      <p className="leading-normal">
+        Jedete na CF 2022 a nechcete každý večer pendlovat trasu domov -
+        Pardubice? Využijte ubytování, které jsme pro vás zařídili nedaleko
+        Ideonu! Nabízíme vám šest osvědčených hotelů v centru Pardubic, ze
+        kterých si vybere každý. Heslo pro ubytování je: <strong>PIRÁTI</strong>
+        .
+      </p>
+
       <div className="grid lg:grid-cols-2 gap-4 md:gap-8 container-padding--zero md:container-padding--auto">
         {accommodation.map((place) => (
           <Card key={place.title} className="relative">
@@ -78,7 +91,7 @@ const Accommodation = () => {
           </Card>
         ))}
       </div>
-    </div>
+    </article>
   );
 };
 

src/pages/Home.js

@@ -12,7 +12,7 @@ const Home = () => {
   const hours = Math.floor((delta - days * 86_400) / 3_600) % 24;
 
   return (
-    <>
+    <article className="space-y-8 md:space-y-16">
       <div className="relative card elevation-10 flex flex-col lg:flex-row lg:items-center my-8 xl:-mx-16 container-padding--zero md:container-padding--auto">
         <div
           className="absolute w-full h-full flex bg-blur"
@@ -54,7 +54,7 @@ const Home = () => {
           />
         ))}
       </div>
-    </>
+    </article>
   );
 };
 

src/pages/Map.js

@@ -25,7 +25,7 @@ const Map = () => {
   };
 
   return (
-    <div className="space-y-8 w-full">
+    <article className="space-y-8 w-full">
       <PageTitle>Mapa</PageTitle>
       <Helmet>
         <title>Mapa | {basics.appTitle}</title>
@@ -70,7 +70,7 @@ const Map = () => {
           ))}
         </MapContainer>
       </div>
-    </div>
+    </article>
   );
 };
 

src/pages/Registration.js

@@ -7,7 +7,7 @@ import { basics } from "config";
 
 const Registration = () => {
   return (
-    <div className="space-y-8 w-full">
+    <article className="space-y-8 w-full">
       <PageTitle>Registrace</PageTitle>
 
       <Helmet>
@@ -142,7 +142,7 @@ const Registration = () => {
           </CardBody>
         </Card>
       </div>
-    </div>
+    </article>
   );
 };
 

src/pages/Team.js

@@ -2,18 +2,21 @@ import React from "react";
 import { Helmet } from "react-helmet";
 
 import Badge from "components/Badge";
+import PageTitle from "components/PageTitle";
 import { basics, organisers } from "config";
 
 const Team = () => {
   const isLastItem = (idx) => organisers.length - 1 === idx;
 
   return (
-    <div className="space-y-8 w-full">
+    <article className="space-y-8 w-full">
       <Helmet>
         <title>Organizátoři | {basics.appTitle}</title>
         <meta property="og:title" content="Organizátoři" />
       </Helmet>
 
+      <PageTitle>Organizátoři</PageTitle>
+
       {organisers.map((team, idx) => (
         <React.Fragment key={team.title}>
           <section key={team.title}>
@@ -34,7 +37,7 @@ const Team = () => {
           {!isLastItem(idx) && <hr className="hr--big" />}
         </React.Fragment>
       ))}
-    </div>
+    </article>
   );
 };
 

src/pages/Volunteers.js

@@ -5,7 +5,7 @@ import { basics } from "config";
 
 const Volunteers = () => {
   return (
-    <div className="w-full">
+    <article className="w-full">
       <PageTitle>Pro dobrovolníky</PageTitle>
 
       <Helmet>
@@ -55,7 +55,7 @@ const Volunteers = () => {
           Jiráskova 1963, Pardubice
         </p>
       </div>
-    </div>
+    </article>
   );
 };