<template>
  <meta-head title="Написать нам"></meta-head>

  <div class="xl:container xl:mx-auto px-2 md:px-3">
    <div class="mt-16 shadow-classic rounded-md bg-indigo-200">
      <div class="flex flex-col md:grid grid-cols-6 lg:grid-cols-5">
        <settings-menu />

        <div class="col-span-4">
          <div class="mx-4 2xl:mx-28 my-8">
            <div class="mt-10">
              <ul class="flex flex-col text-white gap-3 text-base px-3">
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/company.pdf"
                     rel="noopener noreferrer nofollow"
                  >О компании</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/offer_authors.pdf"
                     rel="noopener noreferrer nofollow"
                  >Оферта для авторов</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/offer_paid_subscription.pdf"
                     rel="noopener noreferrer nofollow"
                  >Оферта на платную подписку</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/security_policy.pdf"
                     rel="noopener noreferrer nofollow"
                  >Политика безопасности</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/privacy_policy.pdf"
                     rel="noopener noreferrer nofollow"
                  >Политика конфиденциальности</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/terms_use.pdf"
                     rel="noopener noreferrer nofollow"
                  >Пользовательское соглашение</a>
                </li>
                <li>
                  <a target="_blank" class="hover:underline"
                     href="/docs/personal_data.pdf"
                     rel="noopener noreferrer nofollow"
                  >Согласие на обработку персональных данных</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import Layout from '@/Shared/Layout.vue'
import SettingsMenu from '@/Shared/LayoutParts/SettingsMenu.vue'
import MetaHead from '@/Shared/MetaHead.vue'

export default {
    components: {
        MetaHead,
        SettingsMenu,
    },
    layout: Layout,
    props: {},
    setup() {}
}
</script>
