<?php
$meta_title = "MedsFAQ - Health & Wellness Blogs, Medications & Healthcare Information";
$meta_description = "MedsFAQ provides informative healthcare blogs, medication guides, wellness articles, and educational content related to anxiety, ADHD, depression, insomnia, stress, pain management, and healthy living.";
$meta_keywords = "MedsFAQ, health blogs, medications, healthcare information, wellness blogs, anxiety, ADHD, depression, insomnia, stress management, pain relief, healthy lifestyle, mental wellness, healthcare articles";

include 'includes/header.php'; ?>

<body>

    <div class="main-wrapper">
        <!-- HEADER
        ================================================== -->
        <?php include 'includes/nav.php'; ?>



        <section class="mental-section">
            <div class="container">

                <div class="mental-heading">
                    <h1>Your mental wellness is one click away</h1>
                    <p>Online mental health care personalized <br> just for you</p>
                    <span class="line"></span>
                </div>

                <div class="slider-wrapper">
                    <button class="nav-btn left">&#10094;</button>

                    <div class="card-slider" id="cardSlider">

                        <a class="mental-card" href="<?= $base_url ;?>categories/adhd-treatment" data-category-slug="adhd">
                            <img src="img/category/adhd.png">
                            <div class="card-content">
                                ADHD <span>→</span>
                            </div>
                        </a>

                        <a class="mental-card" href="<?= $base_url ;?>categories/anxiety-disorder-treatment" data-category-slug="anxiety">
                            <img src="img/category/anxity.png">
                            <div class="card-content">
                                Anxiety <span>→</span>
                            </div>
                        </a>

                        <a class="mental-card" href="<?= $base_url ;?>categories/weight-loss-treatment" data-category-slug="weight-loss">
                            <img src="img/category/weight-losse.png">
                            <div class="card-content">
                                Weight Loss <span>→</span>
                            </div>
                        </a>

                        <a class="mental-card" href="<?= $base_url ;?>categories/depression-treatment" data-category-slug="depression">
                            <img src="img/category/depression.png">
                            <div class="card-content">
                                Depression <span>→</span>
                            </div>
                        </a>

                        <a class="mental-card" href="<?= $base_url ;?>categories/insomnia-treatment" data-category-slug="insomnia">
                            <img src="img/category/insomnia.png">
                            <div class="card-content">
                                Insomnia <span>→</span>
                            </div>
                        </a>

                        <a class="mental-card" href="<?= $base_url ;?>categories/ocd-treatment" data-category-slug="ocd">
                            <img src="img/category/ocd.png">
                            <div class="card-content">
                                OCD <span>→</span>
                            </div>
                        </a>
                        <a class="mental-card" href="<?= $base_url ;?>categories/acute-stress-disorder" data-category-slug="ocd">
                            <img src="img/category/stress.png">
                            <div class="card-content">
                                Stress <span>→</span>
                            </div>
                        </a>
                         <a class="mental-card" href="<?= $base_url ;?>categories/pain-treatment" data-category-slug="ocd">
                            <img src="img/category/pain-management.webp">
                            <div class="card-content">
                                Pain <span>→</span>
                            </div>
                        </a>

                    </div>

                    <button class="nav-btn right">&#10095;</button>
                </div>

                <!-- <div class="btn-area">
                    <a href="#" class="appoint-btn">Book an appointment</a>
                </div> -->

            </div>
        </section>

        <!-- ABOUTUS
        ================================================== -->

            <section class="overflow-visible">
                <div class="container">
                    <div class="row align-items-center flex-column-reverse flex-lg-row">
                        <!-- Content -->
                        <div class="col-lg-6 mt-5 mt-lg-0">
                            <div class="pe-lg-5">
                                <h2 class="display-20 display-sm-15 display-xl-9 mb-4 lh-1">
                                    Reliable healthcare information for
                                    <span class="fw-bolder">everyday wellness</span>
                                </h2>
                                <p class="text-secondary mb-4 lead title-font">
                                    MedsFAQ shares educational blogs, wellness resources,
                                    and health awareness content in a simple and reader-friendly format.
                                </p>
                                <p class="mb-4">
                                    Our platform focuses on topics related to ADHD, Anxiety,
                                    Depression, Insomnia, Stress, OCD, Weight Loss,
                                    Pain Management, and overall lifestyle wellness.
                                    We aim to help readers stay informed with useful,
                                    accessible, and easy-to-understand healthcare content.
                                </p>
                                <!-- Features -->
                                <div class="row g-4 border-top border-bottom py-4 mb-4">
                                    <div class="col-sm-6">
                                        <div class="d-flex align-items-start">
                                            <div class="flex-grow-1 ms-3">
                                                <h4 class="mb-2 h5">
                                                    Educational Blogs
                                                </h4>
                                                <p class="mb-0">
                                                    Informative articles designed to improve
                                                    health and wellness awareness.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="d-flex align-items-start">
                                            <div class="flex-grow-1 ms-3">
                                                <h4 class="mb-2 h5">
                                                    Wellness Topics
                                                </h4>
                                                <p class="mb-0">
                                                    Explore mental wellness, healthy living,
                                                    and healthcare-related categories.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Button -->

                            </div>
                        </div>

                        <!-- Image -->
                        <div class="col-lg-6">
                            <div class="position-relative">
                                <div class = "image-box image-hover">
                                    <img src="img/home.webp"
                                    class="border-radius-10 w-100"
                                    alt="MedsFAQ About">
                                </div>
                                
                                <div class="bg-secondary text-white border-radius-10 p-4 position-absolute bottom-5 left-5 d-none d-sm-block">
                                    <h3 class="h2 mb-1 fw-bolder">
                                        500+
                                    </h3>
                                    <p class="mb-0">
                                        Health Blogs & Articles
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </section>


        <!-- Our providers
        ================================================== -->

        <section class="providers-section">
            <div class="container">
                <div class="providers-grid">
                    <!-- LEFT CONTENT -->
                    <div class="providers-info">
                        <h2>
                            Trusted health & wellness insights
                        </h2>
                        <p>
                            MedsFAQ shares educational healthcare content, wellness articles,
                            and informative blogs designed to help readers stay informed
                            about mental and physical well-being.
                        </p>
                        <ul class="provider-list">
                            <li>Easy-to-understand health information</li>
                            <li>Educational wellness blogs and guides</li>
                            <li>Mental health awareness content</li>
                        </ul>
                        <a href="blogs.html" class="provider-btn">
                            Explore Blogs
                        </a>
                    </div>

                    <!-- RIGHT SLIDER -->
                    <div class="provider-slider-wrapper">

                        <div class="provider-slider" id="providerSlider">

                            <!-- CARD -->
                            <div class="provider-card">
                                

                                <div class ="image-box image-hover">
                                <img src="img/team/07.jpg" alt="Mental Wellness">
                                </div>
                                <h4>
                                    Mental Wellness
                                </h4>

                                <p>
                                    Explore articles related to anxiety, stress,
                                    depression awareness, and emotional well-being.
                                </p>

                            </div>

                            <!-- CARD -->
                            <div class="provider-card">
                                <div class="image-box image-hover">
                                <img src="img/Healthy-lifestyle.webp" alt="Healthy Lifestyle">
                                </div>
                                <h4>
                                    Healthy Lifestyle
                                </h4>

                                <p>
                                    Read informative blogs focused on healthy routines,
                                    weight management, and lifestyle wellness tips.
                                </p>

                            </div>

                            <!-- CARD -->
                            <div class="provider-card">
                                <div class="image-box image-hover">
                                <img src="img/Sleep-wellness.webp" alt="Sleep & Wellness">
                                </div>
                                <h4>
                                    Sleep & Wellness
                                </h4>

                                <p>
                                    Discover wellness content related to insomnia,
                                    sleep improvement, and better daily habits.
                                </p>

                            </div>

                        </div>

                        <!-- ARROWS -->
                        <div class="provider-arrows">
                            <button id="prevProvider">←</button>
                            <button id="nextProvider">→</button>
                        </div>

                    </div>

                </div>

            </div>

        </section>


        <!-- BLOG
        ================================================== -->
        <section class="overflow-visible">
            <div class="container">
                <div class="section-heading-02 text-center mb-1-9 mb-md-2-9">
                    <h2 class="h1 fw-bolder mb-0">Latest News & Updates</h2>
                </div>
                <div class="row g-xxl-5 mt-n1-9" id="homeBlogList">
                    <div class="col-12 text-center py-4">
                        <h4>Loading latest posts...</h4>
                    </div>
                </div>
            </div>
            <!-- <img src="img/content/animation9.png"
                class="position-absolute bottom-5 left ani-top-bottom d-none d-md-block" alt="..."> -->
        </section>


        <!-- TESTIMONIAL
        ================================================== -->

        <section class="success-section">
            <div class="container">

                <div class="success-header">
                    <h2>Success Stories</h2>
                    <p>See how our patients have experienced empowerment, support, and improved well-being through our
                        services.</p>

                    <div class="google-rating">
                        <img src="img/google-logo.png" alt="">
                        <span>Good</span>
                        <div class="stars">★★★★★</div>
                        <span>3.9 | 1,617 reviews</span>
                    </div>
                </div>

                <div class="review-wrapper">

                    <button class="review-btn left">&#10094;</button>

                    <div class="review-slider" id="reviewSlider">

                        <!-- CARD 1 -->
                        <div class="review-card">
                            <div class="review-top">
                                <div class="avatar">C</div>
                                <div>
                                    <h4>chris irvine</h4>
                                    <span>10 March 2026</span>
                                </div>
                            </div>

                            <div class="stars">★★★★★</div>

                            <p>Super fast to identify the problem and make a solution</p>
                        </div>

                        <!-- CARD 2 -->
                        <div class="review-card">
                            <div class="review-top">
                                <img src="img/avatar/avatar-01.jpg" class="user-img">
                                <div>
                                    <h4>Devin James Pesek</h4>
                                    <span>10 March 2026</span>
                                </div>
                            </div>

                            <div class="stars">★★★★★</div>

                            <p>Skyla was very helpful today. I was pretty unhappy with an extra fee being imposed...</p>
                            <!-- <a href="#">Read more</a> -->
                        </div>

                        <!-- CARD 3 -->
                        <div class="review-card">
                            <div class="review-top">
                                <div class="avatar pink">C</div>
                                <div>
                                    <h4>Christian Carlton</h4>
                                    <span>9 March 2026</span>
                                </div>
                            </div>

                            <div class="stars">★★★★★</div>

                            <p>The chat support needs work but call support is very helpful.</p>
                        </div>

                        <!-- CARD 4 -->
                        <div class="review-card">
                            <div class="review-top">
                                <div class="avatar orange">D</div>
                                <div>
                                    <h4>David Fung</h4>
                                    <span>5 March 2026</span>
                                </div>
                            </div>

                            <div class="stars">★★★★★</div>

                            <p>This review will be my first initial primary experience...</p>
                            <!-- <a href="#">Read more</a> -->
                        </div>

                    </div>

                    <button class="review-btn right">&#10095;</button>

                </div>

            </div>
        </section>

        <!-- FAQs
        ================================================== -->
        <section class="overflow-visible" style="padding: 60px 0px 120px 0px;">
            <div class="container">
                <div class="section-heading-02 text-center mb-1-9 mb-md-2-9">
                    <span class="text-secondary title-font display-25 d-block mb-2">
                        FAQs
                    </span>
                    <h2 class="h1 fw-bolder mb-3">
                        Frequently Asked Questions
                    </h2>
                    <p class="mb-0 w-lg-60 mx-auto">
                        Get answers to common questions about MedsFAQ, our health blogs,
                        wellness categories, and educational healthcare content.
                    </p>
                </div>
                <div class="accordion style1" id="accordion1">
                    <!-- FAQ 1 -->
                    <div class="card">
                        <h2 class="card-header" id="headingSeven">
                            <button class="accordion-button"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapseSeven"
                                    aria-expanded="true"
                                    aria-controls="collapseSeven">

                                What is MedsFAQ?
                            </button>
                        </h2>

                        <div id="collapseSeven"
                            class="accordion-collapse collapse show"
                            aria-labelledby="headingSeven"
                            data-bs-parent="#accordion1">

                            <div class="card-body">
                                MedsFAQ is an informational platform that shares educational
                                healthcare blogs, wellness articles, and awareness content
                                related to mental and physical well-being.
                            </div>

                        </div>

                    </div>

                    <!-- FAQ 2 -->
                    <div class="card">

                        <h2 class="card-header" id="headingEight">
                            <button class="accordion-button collapsed"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapseEight"
                                    aria-expanded="false"
                                    aria-controls="collapseEight">

                                What categories are available on MedsFAQ?
                            </button>
                        </h2>

                        <div id="collapseEight"
                            class="accordion-collapse collapse"
                            aria-labelledby="headingEight"
                            data-bs-parent="#accordion1">

                            <div class="card-body">
                                We publish content related to ADHD, Anxiety, Depression,
                                Insomnia, OCD, Stress, Weight Loss, Pain Management,
                                and general wellness topics.
                            </div>

                        </div>

                    </div>

                    <!-- FAQ 3 -->
                    <div class="card">

                        <h2 class="card-header" id="headingNine">
                            <button class="accordion-button collapsed"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapseNine"
                                    aria-expanded="false"
                                    aria-controls="collapseNine">

                                Is the information on MedsFAQ free to access?
                            </button>
                        </h2>

                        <div id="collapseNine"
                            class="accordion-collapse collapse"
                            aria-labelledby="headingNine"
                            data-bs-parent="#accordion1">

                            <div class="card-body">
                                Yes. All blogs, educational articles, and wellness resources
                                available on MedsFAQ can be accessed freely by readers.
                            </div>

                        </div>

                    </div>

                    <!-- FAQ 4 -->
                    <div class="card">

                        <h2 class="card-header" id="headingTen">
                            <button class="accordion-button collapsed"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapseTen"
                                    aria-expanded="false"
                                    aria-controls="collapseTen">

                                Does MedsFAQ regularly update blog content?
                            </button>
                        </h2>

                        <div id="collapseTen"
                            class="accordion-collapse collapse"
                            aria-labelledby="headingTen"
                            data-bs-parent="#accordion1">

                            <div class="card-body">
                                Yes. We regularly publish new healthcare blogs,
                                wellness guides, and informative articles to help
                                readers stay updated with useful health information.
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </section>

        <!-- FOOTER
        ================================================== -->
<?php include 'includes/footer.php'; ?>
