feat: add transportation

.env

-REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.7.0"
+REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.7.1"
 REACT_APP_ROOT_URL="https://cf2022.pirati.cz"
 REACT_APP_CF_TITLE="CF 2022"
 REACT_APP_CF_DESC="Oficiální stránka zasedání Celostátního fóra České pirátské strany, 8. - 9. 1. 2022."

src/App.js

@@ -16,6 +16,7 @@ import classNames from "classnames";
 
 import MobileNav from "components/MobileNav";
 import { basics } from "config";
+import Transportation from "pages/Transportation";
 
 import VNav from "./components/VNav";
 import Accommodation from "./pages/Accommodation";
@@ -111,6 +112,9 @@ function PageBody() {
         <Route path="/program">
           <Program />
         </Route>
+        <Route path="/doprava">
+          <Transportation />
+        </Route>
         <Route path="/pro-dobrovolniky">
           <Volunteers />
         </Route>

src/config.js

@@ -42,6 +42,7 @@ export const nav = [
     title: "Stravování",
   },
   {
+    link: "/doprava",
     title: "Doprava",
   },
   {
@@ -254,7 +255,7 @@ export const accommodation = [
       },
       {
         bedCount: 2,
-        price: 1700,
+        price: 1900,
       },
     ],
   },
@@ -276,7 +277,7 @@ export const accommodation = [
       },
       {
         bedCount: 2,
-        price: 1700,
+        price: 1900,
       },
     ],
   },
@@ -304,6 +305,10 @@ export const accommodation = [
         bedCount: 3,
         price: 1800,
       },
+      {
+        bedCount: 4,
+        price: 2100,
+      },
       {
         bedCount: 5,
         price: 2400,
@@ -374,6 +379,10 @@ export const accommodation = [
       help: "Hotel Kristl bohužel nemá bezbariérový přístup.",
     },
     variants: [
+      {
+        bedCount: 1,
+        price: 450,
+      },
       {
         bedCount: 2,
         price: 600,

src/pages/Accommodation.js

@@ -82,15 +82,15 @@ const Accommodation = () => {
                 <table className="table table--condensed table--light table--unxpadded w-full mt-4">
                   <thead>
                     <tr className="text-left">
-                      <th>Počet lůžek</th>
+                      <th>Typ pokoje</th>
                       <th>Cena za osobu</th>
                     </tr>
                   </thead>
                   <tbody>
                     {place.variants.map((v, idx) => (
                       <tr key={idx}>
-                        <td>{v.bedCount}</td>
-                        <td>{pricePerHead(v)}</td>
+                        <td className="py-2">{v.bedCount}-lůžkový</td>
+                        <td className="py-2">{pricePerHead(v)}</td>
                       </tr>
                     ))}
                   </tbody>

src/pages/Transportation.js

+import React from "react";
+import { Helmet } from "react-helmet";
+
+import PageTitle from "components/PageTitle";
+import { basics } from "config";
+
+const Transportation = () => {
+  return (
+    <article className="space-y-8 w-full">
+      <PageTitle>Doprava</PageTitle>
+      <Helmet>
+        <title>Doprava | {basics.appTitle}</title>
+        <meta property="og:title" content="Mapa" />
+      </Helmet>
+
+      <div className="content-block">
+        <h2>Vlakem</h2>
+
+        <p>
+          Pardubice leží na hlavním železničním koridoru a díky tomu můžete
+          vyrazit do pořadatelského města můžete po kolejích. Takže pokud jste z
+          Prahy, Ostravy, nebo z Jablůňkova a cestování je pro vás zážitkem, tak
+          využijte směle vlak.
+        </p>
+
+        <h2>Autem</h2>
+        <p>
+          Pokud zvolíte dopravu po vlastní ose, tak se k nám přiblížila i nějaká
+          ta dálnice, nejblíže je D11 z Prahy, dojedete až do Opatovic, pak
+          pohodlně dvouproudovce až do Pardubic. Z druhého konce se pilně buduje
+          D35 a z jihu k nám sice také nevede dálnice, ale dorazíte též bez
+          větších zádrhelů. GPS vám cestu najde a autem se do hlavního města
+          Pardubického kraje bez problémů dostanete. Před IDEONem bude pro nás
+          vyhrazeno parkování.
+        </p>
+
+        <p>
+          Do Pardubic doplujete i po Labi, ale i letadlem, ale to vám
+          nedoporučujeme :)
+        </p>
+
+        <p>Tak na viděnou v lednu.</p>
+      </div>
+    </article>
+  );
+};
+
+export default Transportation;