@extends('layouts.app')

@section('title', 'Heart-Healthy Recipes - Mikey Network')

@section('meta_description', 'Discover delicious and nutritious heart-healthy recipes that support cardiovascular health. Find easy-to-follow recipes for every meal of the day.')

@section('content')


<div class="banner-container position-relative text-center text-white">
    <!-- Banner Image -->
    <img src="/images/banner-healthy-recepies_1.jpg" class="img-fluid w-100"
        alt="Kids Banner">

    
</div>

<div class="row">
      <div class="col-12 py-4">
          <p class="ubuntu-sans-400 font-64 text-grey text-center">Hearty Healthy <span class="ubuntu-sans-800 text-mikey-red">Moving</span></p>
      </div>
   </div>


<!-- Mikey's Kids Section -->
<section class="py-5">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-md-12 mb-5">

            <h1 class="ubuntu-sans-800 text-uppercase font-48 mb-5">
    Delicious, Nutritious, <br>and Good for Your Heart
</h1>


                <p class="font-lato-light font-18 line-2 ">
                    At The Mikey Network, we believe that eating the right foods can play a significant role in reducing
                    the
                    risk of heart disease and cardiac arrest. That's why we are passionate about sharing heart-healthy
                    recipes that are not only nutritious but also easy to prepare. Whether you’re a seasoned cook or
                    just
                    starting out, we’ve got tasty and heart-friendly ideas to keep your meals delicious and good for
                    your
                    health. </p>
            </div>


            <div class="col-md-12 mb-5">
            <p class="ubuntu-sans-600 text-uppercase font-32 mb-0">
                Why Heart-Healthy Eating Matters
            </p>

                <p class="font-lato-light font-18 line-2 mb-0">
                    Did you know that what you eat can have a direct impact on your heart health? By choosing the right
                    foods—rich in fibre, healthy fats, lean proteins, and vitamins—you can significantly reduce your
                    chances of suffering from heart disease or cardiac arrest. It's all about maintaining a balanced
                    diet that fuels your body and nourishes your heart.
                    Nutrition today is a vast and ever-evolving topic. From sensible weight loss to living with
                    diabetes, heart-healthy dining, and much more, there’s always something new to learn. At The Mikey
                    Network, we want to make sure you have the tools you need to eat your way to better health.
                </p>
            </div>


            <div class="col-md-12">
                <p class="ubuntu-sans-600 text-uppercase font-32 mb-0">
                    Recipes From Our Resident Expert, Marsha Rosen, RD
                </p>
                <p class="font-lato-light font-18 line-2 mb-0">
                    We are thrilled to bring you a collection of heart-healthy recipes curated by Marsha Rosen, RD, a
                    Registered Dietitian and a recognized expert in nutrition. Marsha is also the sister of Mike Salem
                    and founder of The Mikey Network. She offers private nutrition counseling and contributes to
                    health-related publications, as well as leading group lectures, seminars, and cooking
                    demonstrations.
                    Marsha has shared some of her favorite recipes with us, designed to support heart health and delight
                    your taste buds. If you have any specific nutrition questions for Marsha, feel free to reach out to
                    her directly by email [here].
                </p>
            </div>

        </div>
</section>


<section class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-12 mb-4">
                <p class="ubuntu-sans-600 text-uppercase font-32 mb-0">
                    Heart Healthy Recipes to Try
                </p>
                <p class="font-lato-light font-18 line-2 mb-0">
                    Here are just a few of Marsha's heart-healthy recipes that not only promote good health but taste
                    fantastic!
                </p>
            </div>

            <div class="col-md-8 ">
                <img src="/images/heart-health-recipes-image.jpg" class="img-fluid w-100"
                    alt="Heart Healthy Recipes">
            </div>

            <div class="col-md-4 pt-md-0 pt-5">
                @foreach($recipes as  $recipe)
                    <a href="/heart-health-recipes/{{$recipe->slug}}"><h4 class="fw-bo fs-16 mb-0 lh-lg">{{$recipe->title}}</h4></a>  
                @endforeach 

                {{ $recipes->links('pagination::bootstrap-5') }}
                <ul class="ps-4" id="modalTriggers"></ul>
                <div id="modalContainers">
                    
                </div>
            </div>


            <div class="col-md-12 my-4 mt-5">
                <p class="ubuntu-sans-600 text-uppercase font-32 mb-0">
                    All of Mikey’s Heart Healthy Recipes
                </p>
                <p class="font-lato-light font-18 line-2 mb-0">
                    Check out the full collection of recipes that are easy to prepare and packed with nutrients. Start
                    cooking and take another step toward a healthier heart.
                </p>
            </div>

            <div class="col-md-12 mb-4">
                <p class="ubuntu-sans-600 text-uppercase font-32 mb-0">
                    Get in Touch with Marsha
                </p>
                <p class="font-lato-light font-18 line-2 mb-0">
                    If you have any questions about nutrition, heart-healthy eating, or specific dietary needs, don’t
                    hesitate to reach out to Marsha Rosen directly via email. She’s here to help guide you on your
                    journey toward better heart health through food.
                </p>
            </div>

        </div>

    </div>
</section>


@endsection