import React from "react";
import { TextSection } from "@components/index";

const RentPageView: React.FC = () => (
  <TextSection>
    <h1>Vuokraa tavaroita</h1>
    <div>
      <p>Kilta vuokraa erilaisia laitteita ja varusteita korvausta vastaan. Tältä sivulta löydät hinnaston ja varauskalenterin vuokrattaville tavaroille.</p>
      <p>Vuokrattavien hinnasto:</p>
      <ul>
        <li>Mökämasiina <a href="https://static.sahkoinsinoorikilta.fi/img/equipment/mokamasiina.jpg">kuva</a> 50 €/päivä</li>
        <li>SIK-Teltta <a href="https://sik.kuvat.fi/kuvat/2021/Varaslähtö/Varaslähtö-Suvi-Karanta-16.jpg">kuva</a> 50 €/päivä</li>
        <li>Gongi ilmainen</li>
        <li>Kyykkäsetti 10 €</li>
        <li>80 kpl kevytpeitteet</li>
        <ul>
          <li>Alle 5 kpl ilmainen</li>
          <li>5 - 50 kpl tapauskohtaisesti</li>
          <li>Yli 50 kpl 50 €/päivä</li>
        </ul>
        <li>6 kpl valokannut (Showtec Compact PAR 7 Tri) <a href="https://static.sahkoinsinoorikilta.fi/img/equipment/par7tri.png">kuva</a></li>
        <ul>
          <li>1 kpl 10 €/päivä</li>
          <li>6 kpl 50 €/päivä</li>
        </ul>
      </ul>
      <p>Tiedustelut ja varaukset osoitteesta <a href="mailto:hallitus@sahkoinsinoorikilta.fi">hallitus@sahkoinsinoorikilta.fi</a></p>
      <p>Varauskalenteri:</p>
      <iframe src="https://calendar.google.com/calendar/embed?src=c_5774a3395a59ebaa0735e55e156b0aedca2755b9b53b85acc44b5d6e4bc1f331%40group.calendar.google.com&ctz=Europe%2FHelsinki" width="100%" height="500" title="rent_calendar" />
    </div>
  </TextSection>
);

export default RentPageView;
