<script setup>
import Layer_1 from '@images/svg/Layer_1-2-1.svg';
import iconHeartPersonSketch from '@images/svg/icon-heart-person-sketch-1.svg';
import iconShippingBox from '@images/svg/icon-shipping-box.svg';
import nounDailyCalendar from '@images/svg/noun-daily-calendar-4064786-1.svg';
import ribbon from '@images/svg/ribbon.svg';



</script>
<template>
    <section id="landingFeatures" class="section-py landing-features">
        <div class="container">
            <div class="">
                <span class="">Our Value</span>
            </div>
            <h3 class="">
                <span class=""><b>The HGH Difference</b></span>
            </h3>
            <div class="features-icon-wrapper row gx-0 gy-4 g-sm-5">
                <div class="col-lg-4 col-sm-6 features-icon-box">
                    <div class="mb-3">
                        <img :src="Layer_1" alt="laptop charging" style="width: 100px;height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Evidence-based Treatments</b></h5>
                    <p class="features-icon-description">
                        Includes Triclozene, testosterone injections, testosterone cream, Generic Cialis®, and Generic
                        Viagra®.
                    </p>
                </div>
                <div class="col-lg-4 col-sm-6 features-icon-box">
                    <div class=" mb-3">
                        <img :src="ribbon" alt="laptop charging" style="width: 100px;height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Love It or Leave It Guarantee</b></h5>
                    <p class="features-icon-description">
                        Place your order with assurance, cancel anytime.
                    </p>
                </div>
                <div class="col-lg-4 col-sm-6  features-icon-box">
                    <div class=" mb-3">
                        <img :src="nounDailyCalendar" alt="laptop charging" style="width: 100px; height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Daily Testosterone Microdosing</b></h5>
                    <p class="features-icon-description">
                        Daily dosing aligns with your body's natural testosterone cycle to optimize your results.
                    </p>
                </div>
                <div class="col-lg-4 col-sm-6 features-icon-box">
                    <div class=" mb-3">
                        <img :src="'assets/images/doc-laptop.png'" alt="laptop charging" style="width: 100px;height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Unlimited Medical Membership</b></h5>
                    <p class="features-icon-description">Chat with your licensed medical provider online or contact your
                        Patient Care team via phone or email.
                    </p>
                </div>
                <div class="col-lg-4 col-sm-6 features-icon-box">
                    <div class=" mb-3">
                        <img :src="iconShippingBox" alt="laptop charging" style="width: 100px;height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Easy Delivery</b></h5>
                    <p class="features-icon-description">
                        Get your two-month supply of medication delivered to your door.
                    </p>
                </div>
                <div class="col-lg-4 col-sm-6 features-icon-box">
                    <div class=" mb-3">
                        <img :src="iconHeartPersonSketch" alt="laptop charging" style="width: 100px; height:72px" />
                    </div>
                    <h5 class="mb-3"><b>Unmatched Expertise</b></h5>
                    <p class="features-icon-description">A community of over Thousand's of patients with a remarkable 95%
                        retention rate.
                    </p>
                </div>
            </div>
        </div>
    </section>
</template>
