<script setup>
import BenefitsOfTestosterone from '@/views/pages/home/BenefitsOfTestosterone.vue';
import Footer from '@/views/pages/home/Footer.vue';
import HeaderTopBar from '@/views/pages/home/HeaderTopBar.vue';
import HelpArea from '@/views/pages/home/HelpArea.vue';
import HelpCenterHeader from '@/views/pages/home/HelpCenterHeader.vue';
import Symptoms from '@/views/pages/home/Symptoms.vue';
import LetTalk from '@/views/pages/home/LetTalk.vue';
import MaleExcel from '@/views/pages/home/MaleExcel.vue';
import OurMission from '@/views/pages/home/OurMission.vue';
import OurPatientsLoveBest from '@/views/pages/home/OurPatientsLoveBest.vue';
import Testimonial from '@/views/pages/home/Testimonial.vue';
import TestosteroneOnline from '@/views/pages/home/TestosteroneOnline.vue';
</script>

<template>
  <HeaderTopBar></HeaderTopBar>
  <HelpCenterHeader></HelpCenterHeader>
  <!-- <MaleExcel></MaleExcel> -->
  <TestosteroneOnline></TestosteroneOnline>
  <BenefitsOfTestosterone></BenefitsOfTestosterone>


  <!-- <OurMission></OurMission> -->
  <Symptoms></Symptoms>
  <OurPatientsLoveBest></OurPatientsLoveBest>
  <!-- <Testimonial></Testimonial> -->
  <LetTalk></LetTalk>
  <HelpArea></HelpArea>
  <Footer></Footer>
</template>
<style>
@import "@vendor/fonts/fontawesome.css";
@import "@vendor/fonts/tabler-icons.css";
@import "@vendor/css/rtl/core.css";
@import "@vendor/css/rtl/theme-default.css";
@import "@styles/css/demo.css";
@import "@vendor/libs/node-waves/node-waves.css";
@import "@vendor/css/pages/front-page-help-center.css";
@import "@vendor/css/pages/help-center-front-page.css";

.v-card.v-card--flat.v-theme--light.v-card--density-default.v-card--variant-elevated.text-center.search-header.rounded-0 {
  block-size: 357px;
  inset-block-start: -185px;
}

body {
  display: block !important;
}

a.nav-link.fw-medium {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.light-style .layout-navbar .menu-text {
  color: #5d596c !important;
}

span.app-brand-text.demo.menu-text.fw-bold.ms-2.ps-1 {
  color: #5d596c !important;
}

.navbar.landing-navbar {
  border-color: rgba(255, 255, 255, 68%) !important;
  border-radius: 0;
  margin: 0;
  background: white;
  box-shadow: 0 10px 10px #00000029;
}

.landing-footer .footer-top {
  border-radius: none !important;
  background-color: #1c5580;

  /* background: url("/assets/img/front-pages/backgrounds/footer-bg-dark.png"); */
}

.footer-bottom.py-3 {
  background-color: #282c3e;
}

.light-style .landing-footer .footer-link,
.light-style .landing-footer .footer-text {
  color: #d3d4dc !important;
}

.light-style .landing-footer .footer-link,
.light-style .landing-footer .footer-text {
  color: #d3d4dc;
}

a.footer-link {
  color: #d3d4dc;
}

.light-style .landing-footer .footer-title {
  color: #fff;
}

.footer-title {
  color: #fff;
}

.footer-text {
  color: #d3d4dc;
}

@media (max-width: 355px) {
  .first-section-pt {
    margin-block-start: -121px !important;
  }
}
</style>
