@extends('layouts.app')

@section('style')
    <style>
        section.about-three {
            padding-top: 11rem !important;
            padding-bottom: 4rem !important;
        }



        section.mission-one {
            padding-top: 4rem !important;
            padding-bottom: 0rem !important;
        }

        section.donate-one.how-can-join {
            padding-top: 5rem !important;
            padding-bottom: 4rem !important;
        }

        @media (max-width:768px) {
            section.mission-one {
                padding-top: 2rem !important;
                padding-bottom: 0rem !important;
            }
        }


    </style>
@endsection


@section('content')
    <div class="custom-cursor">


        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->




        <div class="page-wrapper">


            @include('layouts.header')

            <div class="stricky-header stricked-menu main-menu main-menu-two">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>

            <!-- /.stricky-header -->



            @include('layouts.components.hero-slider', [
                'sliders' => [
                    [
                        'image_path' =>
                            'assets/imgs/slider/community/Donation-to-Orphanage-for-community-Wellness1.webp',
                        'heading' => 'Health is Hope, Care is Life',
                        'description' =>
                            'Good health is the foundation of every dream. Without it, children can’t learn, families can’t work, and communities can’t thrive.',
                    ],
                    [
                        'image_path' =>
                            'assets/imgs/slider/community/Donation-to-Orphanage-for-community-Wellness2.webp',
                        'heading' => 'Health for a Brighter Tomorrow',
                        'description' =>
                            'Access to healthcare today gives children the chance to thrive tomorrow.',
                    ],
                    [
                        'image_path' =>
                            'assets/imgs/slider/community/Donation-to-Orphanage-for-community-Wellness3.webp',
                        'heading' => 'Your Support, Their Wellness',
                        'description' => 'Every act of care restores hope and saves precious lives.',
                    ],
                ],
            ])




            {{-- about us section start here --}}
            <section class="about-three">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 wow slideInLeft animated" data-wow-delay="100ms" data-wow-duration="2500ms"
                            style="visibility: visible; animation-duration: 2500ms; animation-delay: 100ms; animation-name: slideInLeft;">
                            <div class="about-three__left">
                                <div class="about-three__img-box">
                                    <div class="about-three__img">
                                        <img src="{{ asset('assets/imgs/resources/wellness-about.webp') }}"
                                            alt="Together We Can Make a Difference">
                                    </div>
                                    <div class="about-three__shape-3">
                                        <div class="about-three__shape-4">
                                            <img src="{{ asset('assets/images/shapes/about-three-shape-4.png') }}"
                                                alt="Together We Can Make a Difference">
                                        </div>
                                    </div>
                                    <div class="about-three__shape-1">
                                        <img src="{{ asset('assets/images/shapes/about-three-shape-1.png') }}"
                                            alt="Together We Can Make a Difference">
                                    </div>
                                    <div class="about-three__shape-2">
                                        <img src="{{ asset('assets/images/shapes/about-three-shape-2.png') }}"
                                            alt="Together We Can Make a Difference">
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="about-three__right">
                                <div class="section-title text-left sec-title-animation animation-style2">

                                    <h1 class="section-title__title title-animation" style="perspective: 400px;">
                                        <div class="split-line"
                                            style="display: block; text-align: start; position: relative;">
                                            Together We Can Make a Difference
                                        </div>
                                    </h1>
                                </div>
                                <p class="about-three__text">At Nabir Foundation, we provide access to medical care,
                                    medicine, and health awareness programmes for the most vulnerable. From emergency
                                    treatments to ongoing support, we ensure no one is left behind.Every medicine provided
                                    means one less life at risk. Every check-up given means a brighter tomorrow secured.
                                    With your support, we can protect children, empower families, and heal communities.
                                </p>
                                <ul class="about-three__points list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Healing Hearts, Saving Futures</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Together for a Healthier Tomorrow</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Be the Reason Someone Survives Today</p>
                                    </li>
                                </ul>
                                <div class="about-three__btn-and-need-help">
                                    <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                    {{-- <div class="about-three__need-help">
                                        <div class="about-three__need-help-icon">
                                            <span class="icon-phone-call"></span>
                                        </div>
                                        <div class="content">
                                            <span>Need help?</span>
                                            <p><a href="tel:+447708971995">+44 7708 971995</a></p>
                                        </div>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            {{-- about us section end here --}}




            {{--  how you help us section start here --}}
            <section class="mission-one">
                <div class="container">
                    <div class="section-title text-center sec-title-animation animation-style2">

                        <h2 class="section-title__title title-animation" style="perspective: 400px;">
                            <div class="split-line" style="display: block; text-align: center; position: relative;">
                                How You Help Us
                            </div>
                        </h2>
                    </div>

                    <div class="row">

                        <!-- Single Mission One Start -->
                        <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-hand-holding-heart"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>Donate for Orphans</h3>
                                        <p>Your one donation can feed a child, shelter a family, and bring hope to the
                                            hopeless. Small giving, endless impact
                                        </p>
                                    </div>
                                    <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Mission One End -->
                        <!-- Single Mission One Start -->
                        <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-handshake"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>Make World Happier</h3>
                                        <p>A kinder world begins with us. One act of giving can bring smiles, shelter, and
                                            hope to countless lives.
                                        </p>
                                    </div>
                                    <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Mission One End -->
                        <!-- Single Mission One Start -->
                        <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-people-roof"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>
                                            Shelter for Unprivileged</h3>
                                        <p>A roof means safety, dignity, and life. Help us build shelter for those forgotten
                                            by society. One gift changes everything.
                                        </p>
                                    </div>
                                    <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Mission One End -->
                        <!-- Single Mission One Start -->
                        {{-- <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-graduation-cap"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>Educate Orphans</h3>
                                        <p>Education breaks poverty’s cycle. Your support buys books, teachers, and hope for
                                            children who dream beyond hunger and struggle.
                                        </p>
                                    </div>
                                    <div class="btn-box">
                                        <a href="{{ route('donation-details') }}" class="thm-btn">
                                            Donate Now
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                        <!-- Single Mission One End -->
                        <div class="col-xl-2"></div>

                        <!-- Single Mission One Start -->
                        <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-people-roof"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>
                                            Home for Orphans</h3>
                                        <p>Every family deserves warmth and security. With your help, we provide homes to
                                            the helpless, turning despair into dignity.
                                        </p>
                                    </div>
                                   <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Mission One End -->
                        <!-- Single Mission One Start -->
                        <div class="col-xl-4">
                            <div class="single-mission-one">
                                <div class="icon-box">
                                    <div class="inner-box pe-3">
                                        <i class="fa-solid fa-seedling"></i>
                                    </div>
                                </div>
                                <div class="content-box">
                                    <div class="text">
                                        <h3>Charity For Education</h3>
                                        <p>Knowledge is power, and education is hope. Your donation gives children the tools
                                            to rise above poverty and hardship.
                                        </p>
                                    </div>
                                   <div class="donation-one__btn-box">
                                        <a href="https://campaigns.givebrite.com/nabir-foundation-orphanage" target="_blank" class="donation-one__btn thm-btn unq-3">Donate
                                            Now<span><i class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Mission One End -->

                        <div class="col-xl-2"></div>

                    </div>

                </div>
            </section>
            {{--  how you help us section end here --}}



            {{-- impact section start here --}}
            @include('layouts.components.impact', [
                'heading' => 'Helping to Make Our World a Better Place to Live',
                'description' => 'At Nabir Foundation, we believe every person deserves dignity,
                                                                                                safety, and the opportunity to thrive. Through our orphan care, shelter projects, and
                                                                                                community support, we are working to create a brighter, kinder world. With your help, we
                                                                                                can extend hope, provide protection, and build a future where no one is left behind.',
            ])
            {{-- impact section end here --}}






            <!--Donate One Start -->
            @include('layouts.components.donation', [
                'heading' => 'Support Them Through a Donation',
                'description' =>
                    'Your generosity can transform lives. A small contribution can provide food, shelter, and education for those who need it most. Every donation, big or small, is a step towards giving a child warmth, security, and the chance to dream again. Together, we can turn compassion into action.',
            ])
            <!--Donate One End -->

            {{-- cta section start here --}}
            @include('layouts.components.cta')
            {{-- cta section end here --}}

            @include('layouts.footer')


        </div>
    @endsection