@extends('layouts.app')

@section('title', 'Heart Health Conditions - Mikey Network')

@section('meta_description', 'Learn about various heart health conditions, their symptoms, and how The Mikey Network helps save lives through defibrillator placement and education.')

@section('content')


<div class="">
    <!-- Banner Image -->
    <img src="/images/heart-banner.png" class="img-fluid w-100" alt="Heart Banner">

    <!-- Title at Bottom of Banner -->
    <!-- <div class="position-absolute bottom-0 start-50 translate-middle-x mb-4">
        <h1 class="display-5 fw-bold text-uppercase">Heart Conditions</h1>
    </div> -->
</div>

<!--Section Starting --> 
<!-- Section: Understanding Heart Issues -->
<section class="py-4">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <p class="ubuntu-sans-400 font-64 text-grey text-center"><span class="ubuntu-sans-800 text-mikey-red">Heart</span>  Conditions</p>
                <p class="ubuntu-sans-600 font-40 letter-spacing-01 text-center line-1-2">Understanding the Most Common Heart<br/> Issues and How to Manage Them</p>
            </div>
        </div>
     </div>
</section>

<section class="py-5">
    <div class="container" ">
        <!-- First Heading -->
        <h2 class="ubuntu-sans-800 font-24 text-start mb-2">
            MAKE SURE IT’S READY WHEN IT’S NEEDED MOST
        </h2>

        <!-- First Paragraph -->
        <p class="font-18 font-roboto-light text-grey line-1-5 mb-4">
            Heart conditions are a leading cause of illness and death worldwide. Understanding what they are and how to manage them is crucial to preventing serious health complications. At The Mikey Network, we are committed to educating the public about heart health, providing resources, and supporting those affected by heart disease.
        </p>

        <!-- Second Heading -->
        <h2 class="ubuntu-sans-800 font-24 text-start mb-2">
            WHAT ARE HEART CONDITIONS?
        </h2>

        <!-- Second Paragraph -->
        <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
            Heart conditions refer to a range of diseases and issues that affect the heart’s structure and function. These conditions can impact blood flow, heart rhythm, and overall heart performance. Some heart conditions are congenital (present at birth), while others develop over time due to lifestyle factors, genetics, or other underlying health conditions.
        </p>
    </div>
</section>

<section class="py-5 bg-white">
    <div class="container position-relative" style="overflow: hidden;">
        <!-- Background Image -->
        <img src="/images/hc1.png" alt="Common Heart Conditions"
             class="w-100" style="object-fit: cover; height: auto; display: block;" />

        <!-- Overlay Text -->
        <div class="position-absolute top-50 start-0 translate-middle-y ps-md-5 ps-3" style="z-index: 1;">
            <h2 class="text-white ubuntu-sans-800 font-64 text-uppercase m-0 lh-1" style="letter-spacing: 0.5px;">
                COMMON<br>HEART<br>CONDITIONS
            </h2>
        </div>
    </div>
</section>


<section class="py-5">
    <div class="container" style="max-width: 800px;">
        
        <!-- ITEM TEMPLATE -->
        <div class="mb-4 d-flex">
            <!-- Number -->
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">
                1.
            </div>

            <!-- Title + Description -->
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">
                    CORONARY ARTERY DISEASE (CAD)
                </h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    CAD occurs when the arteries that supply blood to the heart become narrowed or blocked due to plaque buildup. This can lead to chest pain (angina) or even heart attacks if left untreated.
                </p>
            </div>
        </div>

        <!-- Repeat for items 2–7 -->
        <div class="mb-4 d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">2.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">ARRHYTHMIAS</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    Arrhythmias are irregular heartbeats that occur when the electrical impulses that coordinate the heart's rhythm are abnormal. They can cause symptoms such as palpitations, dizziness, or fainting.
                </p>
            </div>
        </div>

        <div class="mb-4 d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">3.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">HEART FAILURE</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    Heart failure is when the heart can’t pump blood effectively to meet the body’s needs. It’s a long-term condition that can cause symptoms such as shortness of breath, fatigue, and swelling in the legs or abdomen.
                </p>
            </div>
        </div>

        <div class="mb-4 d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">4.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">VALVULAR HEART DISEASE</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    The heart has four valves that help regulate blood flow. Valvular heart disease occurs when one or more of these valves don’t function properly, leading to issues like leaking or narrowing of the valves.
                </p>
            </div>
        </div>

        <div class="mb-4 d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">5.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">HIGH BLOOD PRESSURE (HYPERTENSION)</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    Hypertension occurs when the blood pressure in your arteries is consistently too high. Over time, it can cause damage to your heart and other organs, increasing the risk of heart attack, stroke, and kidney disease.
                </p>
            </div>
        </div>

        <div class="mb-4 d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">6.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">CONGENITAL HEART DEFECTS</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    Some people are born with heart defects that affect the heart’s structure or function. These defects can range from mild to severe and may require surgery or ongoing care.
                </p>
            </div>
        </div>

        <div class="d-flex">
            <div class="me-3 text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5">7.</div>
            <div>
                <h3 class="text-mikey-red ubuntu-sans-600 font-32 letter-space-0-5 mb-1">SUDDEN CARDIAC ARREST (SCA)</h3>
                <p class="font-18 font-roboto-light text-grey line-1-5 mb-0">
                    Sudden cardiac arrest happens when the heart stops beating suddenly and unexpectedly. This is often caused by an arrhythmia, such as ventricular fibrillation, which is a life-threatening condition that requires immediate medical intervention.
                </p>
            </div>
        </div>

    </div>
</section>

<section class="py-5 bg-white">

    <!-- START CONTAINER SECTION -->
    <div class="container bg-softblue px-4 py-5" style="max-width: 800px;">
        <!-- Heading 1 -->
        <h2 class="ubuntu-sans-800 font-32 text-center mb-3">
            How Heart Conditions Are Diagnosed
        </h2>

        <!-- Description + Bullet List -->
        <p class="font-18 font-roboto-light text-black line-1-5 mb-3">
            Heart conditions can often be diagnosed through a variety of tests and screenings. Some common diagnostic methods include:
        </p>
        <ul class="font-18 font-roboto-light text-black line-1-5 ps-3 mb-0">
            <li><strong>Electrocardiogram (ECG or EKG):</strong> A test that measures the electrical activity of the heart.</li>
            <li><strong>Echocardiogram:</strong> An ultrasound of the heart to assess its structure and function.</li>
            <li><strong>Stress Test:</strong> A test where the heart’s performance is monitored while the patient exercises.</li>
            <li><strong>Blood Tests:</strong> To check for markers of heart disease, such as cholesterol or enzyme indicators.</li>
            <li><strong>Chest X-ray:</strong> To examine the heart’s size and look for fluid buildup.</li>
            <li><strong>Cardiac Catheterization:</strong> A procedure to examine the coronary arteries and assess blood flow.</li>
        </ul>
    </div>
    <!-- END CONTAINER SECTION -->

    <!-- Image 1 - OUTSIDE CONTAINER, FLUSH FULL WIDTH -->
    <div class="container" style="max-width: 823px;">
    <div class="row gx-0">
        <div class="col-12">
            <img src="/images/hc_2.png" alt="Heart Diagnosis" class="w-100" style="display: block; object-fit: cover; height: auto;" />
        </div>
    </div>
</div>


    <!-- START NEXT CONTAINER SECTION -->
    <div class="container bg-softblue px-4 py-5" style="max-width: 800px;">
        <!-- Heading 2 -->
        <h2 class="ubuntu-sans-800 font-32 text-center mb-4">
            Preventing Heart Conditions
        </h2>

        <!-- Description + Bullet List -->
        <p class="font-18 font-roboto-light text-black line-1-5 mb-3">
            While some risk factors for heart conditions cannot be controlled (like age and genetics), there are many lifestyle changes you can make to reduce your risk:
        </p>
        <ul class="font-18 font-roboto-light text-black line-1-5 ps-3 mb-0">
            <li><strong>Healthy Diet:</strong> Eating a balanced diet rich in fruits, vegetables, whole grains, and lean proteins can help lower your risk of developing heart disease.</li>
            <li><strong>Regular Exercise:</strong> Engaging in physical activity helps keep your heart healthy and reduces the risk of conditions like high blood pressure and coronary artery disease.</li>
            <li><strong>Avoid Smoking:</strong> Smoking is a major risk factor for heart disease. Quitting can drastically improve your heart health.</li>
            <li><strong>Manage Stress:</strong> Chronic stress can have a negative impact on your heart. Find ways to manage stress, such as through relaxation techniques, exercise, or meditation.</li>
            <li><strong>Regular Check-ups:</strong> Regular visits to your doctor for check-ups can help detect heart conditions early and allow for timely intervention.</li>
        </ul>
    </div>
    <!-- END CONTAINER SECTION -->

    <!-- Image 2 - OUTSIDE CONTAINER, FLUSH FULL WIDTH -->
    <!-- Image 1 - OUTSIDE CONTAINER, FLUSH FULL WIDTH -->
    <div class="container" style="max-width: 823px;">
    <div class="row gx-0">
        <div class="col-12">
            <img src="/images/hc_3.png" alt="Heart Diagnosis" class="w-100" style="display: block; object-fit: cover; height: auto;" />
        </div>
    </div>
</div>

</section>

<section class="py-5">
    <div class="container" style="max-width: 800px;">

        <!-- Heading -->
        <h2 class="ubuntu-sans-800 font-32 text-center mb-4">
            Living with Heart Conditions
        </h2>

        <!-- Intro Paragraph -->
        <p class="font-18 font-roboto-light text-black line-1-5 mb-4">
            If you’ve been diagnosed with a heart condition, it’s important to work closely with your healthcare provider to manage your condition and prevent complications. Treatment plans may include medications, lifestyle changes, medical devices, or even surgery, depending on the condition.
        </p>

        <!-- Bulleted List -->
        <ul class="font-18 font-roboto-light text-black line-1-5 ps-3 mb-4">
            <li><strong>Medications:</strong> Medications can help manage conditions like high blood pressure, cholesterol, or arrhythmias.</li>
            <li><strong>Medical Devices:</strong> Devices like pacemakers or implantable cardioverter-defibrillators (ICDs) may be needed to regulate the heart’s rhythm or prevent sudden cardiac arrest.</li>
            <li><strong>Surgery:</strong> In some cases, surgical procedures such as bypass surgery, valve replacement, or angioplasty may be necessary.</li>
        </ul>

        <!-- Closing Paragraph -->
        <p class="font-18 font-roboto-light text-black line-1-5 mb-0">
            Living with a heart condition can require ongoing management, but with the right support, many people live long, fulfilling lives. It’s essential to stay informed, follow your treatment plan, and take steps to maintain a healthy lifestyle.
        </p>

    </div>
</section>

<section class="py-5">
    <div class="container" style="max-width: 1000px;">
        <div class="bg-red text-white text-center px-4 py-5">
            <h2 class="ubuntu-sans-800 font-32 mb-3">
                Get Help, Get Support
            </h2>
            <p class="font-18 font-roboto-semibold line-1-5 mb-0">
                If you or someone you know is living with a heart condition, it's important to seek support. 
                Reach out to your healthcare provider for guidance, and consider joining support groups 
                where you can connect with others facing similar challenges.
            </p>
        </div>
    </div>
</section>

<section class="py-5">
    <div class="container" style="max-width: 800px;">
        <h2 class="ubuntu-sans-800 font-32 text-center mb-4">
            Start a Heart-Healthy Journey Today
        </h2>
        <p class="font-18 font-roboto-light line-1-5 mb-2">
            By learning about heart conditions and taking proactive steps, you can protect your heart and live a healthier, longer life. 
            At The Mikey Network, we are dedicated to supporting heart health education and providing tools to help you stay informed and prepared.
        </p>
        <p class="font-18 font-roboto-light line-1-5 mb-0">
            For more information on heart health, contact us or explore our resources today.
        </p>
    </div>
</section>











@endsection