<script setup>
import avatar1 from '@images/avatars/avatar-1.png';
import avatar2 from '@images/avatars/avatar-2.png';
import avatar3 from '@images/avatars/avatar-3.png';
import avatar4 from '@images/avatars/avatar-4.png';
const avatars = [
    avatar1,
    avatar2,
    avatar3,
    avatar4,
]

const isCardDetailsVisible = ref(false)
</script>
<template>
    <section id="landingFeatures" class="pt-5 pb-5 landing-features">
        <div class="container">
            <div class="">
                <span class="">OUR TRT PROMISE</span>
            </div>
            <h1 class="col-lg-8">
                <span class=""><b>What Can I Expect From TRT Online and HGH?</b></span>
            </h1>
            <VRow>
                <!-- 👉 Influencing The Influencer -->
                <VCol cols="12" sm="6" md="3">
                    <VCard>
                        <VImg :src="'/assets/img/pages/Mask-Group-20.jpg'" cover />

                        <VCardItem>
                            <VCardTitle>LIFE-CHANGING <br> RESULTS</VCardTitle>
                        </VCardItem>

                        <VCardText>

                            Revitalization is often reported by many TRT patients within weeks, though some may take longer.
                            The timeline for observing results varies from patient to patient, influenced by factors such as
                            the severity and type of symptoms.
                        </VCardText>
                    </VCard>
                </VCol>
                <VCol cols="12" sm="6" md="3">
                    <VCard>
                        <VImg :src="'/assets/img/pages/proactive.jpg'" />

                        <VCardItem>
                            <VCardTitle>PROACTIVE TESTING <br> & TREATMENT</VCardTitle>
                        </VCardItem>

                        <VCardText>
                            Unlike other online testosterone clinics that focus on only one potential cause of your hormone
                            problem, we consider all underlying factors. Our proven approach to online low T treatment
                            ensures that nothing impedes your progress.
                        </VCardText>
                    </VCard>
                </VCol>
                <VCol cols="12" sm="6" md="3">
                    <VCard>
                        <VImg :src="'/assets/img/pages/unlimited-visits.jpg'" cover />

                        <VCardItem>
                            <VCardTitle>UNLIMITED ONLINE <br>VISITS*</VCardTitle>
                        </VCardItem>

                        <VCardText>
                            If you require a consultation with a medical provider at any stage of your treatment, you can
                            schedule a virtual session. HGH provides unlimited online visits for a single, affordable
                            monthly fee.
                        </VCardText>
                    </VCard>
                </VCol>
                <VCol cols="12" sm="6" md="3">
                    <VCard>
                        <VImg :src="'/assets/img/pages/60-day.jpg'" cover />

                        <VCardItem>
                            <VCardTitle>60-DAY <br>FOLLOW-UPS</VCardTitle>
                        </VCardItem>

                        <VCardText>
                            We will monitor your progress and handle medication refills by reaching out to you every 60
                            days. During this period, you will complete a questionnaire to help us evaluate your results and
                            make any necessary adjustments to your treatment plan.
                        </VCardText>
                    </VCard>
                </VCol>
                <VCol>
                    <VCardText>
                        *As a Schedule III controlled substance, prescription testosterone necessitates ongoing medical
                        monitoring for the duration of your medication use.
                    </VCardText>
                </VCol>
                <VCol cols="12">
                    <VBtn>
                        Get Started
                    </VBtn>
                </VCol>
            </VRow>
        </div>
    </section>
</template>
<style>
.member-pricing-bg {
    position: relative;
    background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
}

.membership-pricing {
    sup {
        inset-block-start: 9px;
    }
}

.v-btn {
    transform: none;
}
</style>
