@extends('web.layouts.app')
@section($title, $subtitle)
@section('content')
<main>

    <div class="hero_single inner_pages background-image" data-background="url({{asset('images/sliders/mario.jpg')}})">
        <div class="opacity-mask" data-opacity-mask="rgba(0, 0, 0, 0.6)">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-9 col-lg-10 col-md-8">
                        <h1>About Us</h1>
                        <p>Since 2018, transforming your diet with quality, freshness and experience.</p>
                    </div>
                </div>
                <!-- /row -->
            </div>
        </div>
        <div class="frame white"></div>
    </div>
    <!-- /hero_single -->

    <div class="pattern_2">
        <div class="container margin_120_100 home_intro">
            <div class="row justify-content-center text-center">
                <div class="col-lg-7" data-cue="slideInUp" data-delay="500">
                    <div class="main_title center">
                        <span><em></em></span>
                        <h2>Our Story</h2>
                        {{-- <p>Cum doctus civibus efficiantur in ex paulo elaboraret.</p> --}}
                    </div>
                    <p>Since our inception in January 2018, we have been committed to transforming the way people eat and achieve their health and wellness goals. Founded with a mission to provide effective and healthy nutritional solutions, our company has established itself as a benchmark in personalized nutrition and physical performance optimization.</p>
                    <div class="main_title center">
                        <h3>Our mission</h3>
                        {{-- <p>Cum doctus civibus efficiantur in ex paulo elaboraret.</p> --}}
                    </div>
                    <p>In a world where proper nutrition can be a challenge, our purpose is clear: to offer foods specifically designed for muscle gain, fat loss, and promoting a healthy lifestyle. We specialize in customized plans that are tailored to each person's individual needs, ensuring that each of our clients can effectively and sustainably achieve their health goals.</p>
                    <p><img src="{{asset('assets/img/signature.png')}}" width="140" height="50" alt="" class="mt-3"></p>
                </div>
            </div>
            <!--/row -->
        </div>
        <!--/container -->
    </div>
    <!--/pattern_2 -->

    <div class="bg_gray">
        <div class="container margin_120_100">
            <div class="row flex-lg-row-reverse"> 
                <div class="col-lg-5 offset-lg-1 align-self-center mb-4 mb-md-0">
                    <div class="intro_txt" data-cue="slideInUp" data-delay="500">
                        <div class="main_title">
                            <span><em></em></span>
                            <h2>Why Choose Food on wheels</h2>
                        </div>

                        <p class="lead"><strong>Experience and Commitment: </strong>Since 2018, we have been offering personalized nutritional solutions that optimize your health and performance.</p>
                        <p class="lead"><strong>Quality Nutrition: </strong>Our plans are based on fresh, unprocessed foods, rich in essential nutrients.</p>
                        <p class="lead"><strong>Save Time and Improve Your Life:</strong> Enjoy healthy meals tailored to your needs, while saving time and achieving your goals. </p>
                        <p class="lead"><strong>Adaptability and Personalization:</strong> We design specific plans for your individual goals, whether it is increasing muscle mass, losing fat, or living a healthier life.
                        </p>
                        <p><a href="reservations.html" class="btn_1 mt-2">Place Order</a></p>
                    </div>
                </div>
                 <div class="col-lg-6">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="box_how" data-cue="slideInUp">
                                <figure><img src="{{asset('assets/img/lazy-placeholder-100-100-white.png')}}" data-src="{{asset('assets/img/how_1.svg')}}" alt="" width="100" height="110" class="lazy"></figure>
                                <h3>For Every Taste</h3>
                                <p>Delicious options for every taste and need. Find the perfect meal to suit your lifestyle and preferences.</p>
                            </div>
                            <div class="box_how" data-cue="slideInUp">
                                <figure><img src="{{asset('assets/img/lazy-placeholder-100-100-white.png')}}" data-src="{{asset('assets/img/how_2.svg')}}" alt="" width="100" height="110" class="lazy"></figure>
                                <h3>Fresh Ingredients</h3>
                                <p>We use only fresh, natural ingredients to ensure every bite is packed with flavor, quality, and nutrition.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 align-self-center">
                            <div class="box_how" data-cue="slideInUp">
                                <figure><img src="{{asset('assets/img/lazy-placeholder-100-100-white.png')}}" data-src="{{asset('assets/img/how_3.svg')}}" alt="" width="100" height="110" class="lazy"></figure>
                                <h3>Experienced Chefs</h3>
                                <p>Crafted by skilled chefs to deliver exceptional taste and quality in every meal.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/container -->
    </div>
    <!--/pattern_2 -->

    <div class="call_section testimonials lazy" data-bg="url(assets/img/bg_call_section_2.jpg)">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <h3 style="color: rgb(5, 5, 5)">What Our Clients Says</h3>
                    <div class="carousel_testimonials owl-carousel owl-theme">
                        @foreach ($testimonials as $testimony)
                        <div>
                            <div class="box_overlay">
                                <div class="pic">
                                    <h5 style="color: aliceblue">{{$testimony->name}}</h5>
                                    <p>{{ \Carbon\Carbon::parse($testimony->created_at)->format('j F Y') }}</p>
                                </div>
                                <div class="comment">
                                    {{$testimony->comment}}
                                </div>
                            </div>
                            <!-- End box_overlay -->
                        </div>
                        @endforeach
                    </div>
                    <!-- End carousel_testimonials -->
                </div>
            </div>
        </div>
    </div>
    <!--/call_section-->

    
</main>
<script src="{{asset("assets/js/common_scripts.min.js")}}"></script>
<script src="{{asset("assets/js/common_func.js")}}"></script>
<script src="{{asset("assets/phpmailer/validate.js")}}"></script>
@endsection