<template>
  <div>
    <HeroSection />
    <FeaturesSection />
    <CompatibilitySection />
    <PricingSection />
    <StepsSection />
    <TestimonialsSection />
    <FaqSection />
  </div>
</template>

<script setup>
import HeroSection from '../components/HeroSection.vue'
import FeaturesSection from '../components/FeaturesSection.vue'
import CompatibilitySection from '../components/CompatibilitySection.vue'
import PricingSection from '../components/PricingSection.vue'
import StepsSection from '../components/StepsSection.vue'
import TestimonialsSection from '../components/TestimonialsSection.vue'
import FaqSection from '../components/FaqSection.vue'

// import { useHead } from '@vueuse/head';
import { useRoute } from 'vue-router';

const route = useRoute();

// useHead({
//   title: route.meta.title,
//   meta: [
//     {
//       name: 'description',
//       content: route.meta.description
//     },
//     {
//       name: 'keywords',
//       content: route.meta.keywords
//     },
//     // Open Graph теги для соцсетей
//     {
//       property: 'og:title',
//       content: route.meta.title
//     },
//     {
//       property: 'og:description',
//       content: route.meta.description
//     },
//     {
//       property: 'og:type',
//       content: 'website'
//     },
//     {
//       property: 'og:url',
//       content: window.location.href // Здесь можно также задать каноничный URL
//     },
//     {
//       property: 'og:site_name',
//       content: route.meta.title
//     },
//     {
//       property: 'telegram:channel',
//       content: '@uvpn_shop'
//     },
//     {
//       property: 'tg:site_verification',
//       content: 'g7j8/rPFXfhyrq5q0QQV7EsYWv4='
//     },
//   ]
// });
</script>
