import { Container, Heading, Text, List, ListItem } from '@chakra-ui/react';
import MainLayout from '../../components/layout/MainLayout';

const TermsPage: React.FC = () => {
  return (
    <MainLayout>
      <Container maxW="3xl">
        <Heading as="h1" size="lg" mb={4}>Obchodní podmínky</Heading>
        <Text mb={4}>
          Tyto obchodní podmínky upravují používání webových stránek a poskytované služby.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>1. Obecná ustanovení</Heading>
        <Text mb={4}>
          Provozovatelem webu je subjekt uvedený v kontaktech. Používáním webu vyjadřujete souhlas s těmito podmínkami.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>2. Obsah webu</Heading>
        <Text mb={4}>
          Veškerý obsah je poskytován pro informační účely. Provozovatel si vyhrazuje právo na změny bez předchozího upozornění.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>3. Odpovědnost</Heading>
        <Text mb={4}>
          Provozovatel nenese odpovědnost za škody vzniklé v souvislosti s používáním webu, ledaže je stanoveno jinak právními předpisy.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>4. Kontakt</Heading>
        <Text mb={4}>
          V případě dotazů nás kontaktujte na stránce Kontakt.
        </Text>
      </Container>
    </MainLayout>
  );
};

export default TermsPage;
