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

const CookiePolicyPage: React.FC = () => {
  return (
    <MainLayout>
      <Container maxW="3xl">
        <Heading as="h1" size="lg" mb={4}>Pravidla používání souborů Cookies</Heading>
        <Text mb={4}>
          Tento web používá soubory cookies pro zajištění správného fungování webu, analýzu návštěvnosti a zlepšení nabízených služeb.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>Co jsou cookies?</Heading>
        <Text mb={4}>
          Cookies jsou malé textové soubory, které se ukládají do vašeho zařízení při návštěvě webových stránek. Umožňují webu rozpoznat vaše zařízení a přizpůsobit obsah.
        </Text>
        <Heading as="h2" size="md" mt={6} mb={2}>Jaké typy cookies používáme</Heading>
        <List spacing={2} mb={4} styleType="disc" pl={6}>
          <ListItem>Nezbytné cookies – zajišťují základní funkce webu.</ListItem>
          <ListItem>Preferenční cookies – pamatují si vaše volby (např. jazyk).</ListItem>
          <ListItem>Analytické cookies – pomáhají nám porozumět, jak web používáte (anonymně).</ListItem>
        </List>
        <Heading as="h2" size="md" mt={6} mb={2}>Správa cookies</Heading>
        <Text mb={4}>
          Používání cookies můžete upravit nebo zakázat v nastavení vašeho prohlížeče. Upozorňujeme, že vypnutí některých cookies může ovlivnit funkčnost webu.
        </Text>
        <Text fontSize="sm" color="gray.600">
          V případě dotazů nás kontaktujte na adrese <Link href="/kontakt">/kontakt</Link>.
        </Text>
      </Container>
    </MainLayout>
  );
};

export default CookiePolicyPage;
