@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/page-banners/banner-healthy-recipies.jpg" class="img-fluid w-100"
        alt="Kids 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">Hearty Healthy Recipes</h1>
    </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="font-roboto-bold text-uppercase font-32 letter-space-1 mb-5">
                    {{$recipe->title}}
                </h1>

                <p class="font-lato-light font-18 line-2 ">
                    {!!$recipe->description!!} 
                </p>
            </div>


            

        </div>
</section>




@endsection