<template>
  <div class="py-5 bg-slate-950 min-h-screen text-white">
    <div class="container py-3 sm:py-4 md:py-5">
      <div class="row g-4 sm:g-5 align-items-center">
        <div class="col-12 col-lg-6">
          <div class="space-y-6 sm:space-y-8 animate-in fade-in slide-in-from-left-4 duration-700">
            <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-black uppercase italic tracking-tighter">
              Александр <span class="text-orange-600">Сахаров</span>
            </h1>
            <div class="text-orange-500 font-bold uppercase tracking-widest text-xs sm:text-sm italic">
              Персональный тренер
            </div>
            <div class="prose prose-invert prose-sm sm:prose-base lg:prose-lg max-w-none text-slate-300">
              <p>Профессиональный страж — 28 лет</p>
              <ul class="list-none p-0 space-y-1 sm:space-y-2">
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Обладатель сертификата тренера
                  междунаровдного уровня WFF-WBBF (по бодибилдингу и фитнесу)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Мастер спорта междунаровдного класса по
                  бодибилдингу и фитнесу
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Чемпион Узбекистана по бодибилдеигу и
                  фитнесу (2006-2017)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Чемпион Средней Азии по бодибилдингу и
                  фитнесу Казахстан (2013)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Чемпион Азии классический бодибилдинг
                  Вьетнам, Хошемин (2013)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Вице-Чемпион Мира по бодибилдингу и фитнесу
                  Венгрия (2013)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Вице-Чемпион Азии по бодибилдингу и фитнесу
                  (2015)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>3 место на Чемпионате Мира WFF-WBBF
                  Каунас,Литва (2017)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>2 место на чемпионате Мира в категории
                  парное позирование WFF-WBBF Каунас , Литва (2017)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>1 место на чемпионате Европы WFF-WBBF
                  бодибилдинг до 90кг Клайпеда, Литва (2018)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>1 место на чемпионате Европы WFF-WBBF
                  бодибилдинг Мастера Клайпеда , Литва (2018)
                </li>
                <li class="flex items-center gap-2 sm:gap-3">
                  <div class="w-1 h-1 sm:w-1.5 sm:h-1.5 bg-orange-600 rounded-full flex-shrink-0"></div>Абсолютный Чемпион Европы по бодибилдингу и
                  фитнесу WFF-WBBF Клайпеда , Литва (2018)
                </li>
              </ul>
            </div>
            <div class="pt-2 sm:pt-4">
              <router-link to="/awards#alexander-awards"
                class="bg-orange-600 text-white px-6 sm:px-8 py-2 sm:py-3 rounded-full font-black uppercase italic tracking-tighter hover:bg-orange-700 transition-all text-decoration-none d-inline-block text-sm sm:text-base">
                Посмотреть награды
              </router-link>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-6">
          <div class="relative group animate-in fade-in slide-in-from-right-4 duration-700">
            <div
              class="absolute -inset-2 sm:-inset-4 bg-orange-600/20 rounded-2xl sm:rounded-3xl blur-2xl group-hover:bg-orange-600/30 transition-all duration-700">
            </div>
            <img src="@/assets/images/main/alexander-2.jpg" alt="Александр Сахаров"
              class="relative w-full aspect-[4/5] object-cover rounded-2xl sm:rounded-3xl border-2 border-slate-800 shadow-2xl" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>
