<?php echo $__env->make('includes.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <section class="hero-section overlay bg-cover" data-background="images/banner/banner-1.jpg">
        <div class="container">
            <div class="hero-slider">
                <div class="hero-slider-item">
                    <div class="row">
                        <div class="col-md-8">
                            <h1 class="text-white" data-animation-out="fadeOutRight" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInLeft" data-delay-in=".1">
                                Empowerment Through Skills
                            </h1>
                            <p class="text-muted mb-4" data-animation-out="fadeOutRight" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInLeft" data-delay-in=".4">
                                We equip youth with practical skills to build their own futures. With hands-on learning,
                                they gain confidence to innovate, create opportunities, and achieve financial
                                independence.
                            </p>
                            <a href="#skills" class="btn btn-primary" data-animation-out="fadeOutRight"
                                data-delay-out="5" data-duration-in=".3" data-animation-in="fadeInLeft"
                                data-delay-in=".7">Learn More</a>
                        </div>
                    </div>
                </div>

                <div class="hero-slider-item">
                    <div class="row">
                        <div class="col-md-8">
                            <h1 class="text-white" data-animation-out="fadeOutUp" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".1">
                                Character Building & Discipline
                            </h1>
                            <p class="text-muted mb-4" data-animation-out="fadeOutUp" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInDown" data-delay-in=".4">
                                Our camp helps youth develop self-discipline, respect, and responsibility to become
                                future-ready, socially conscious leaders.
                            </p>
                            <a href="#discipline" class="btn btn-primary" data-animation-out="fadeOutUp"
                                data-delay-out="5" data-duration-in=".3" data-animation-in="fadeInDown"
                                data-delay-in=".7">Learn More</a>
                        </div>
                    </div>
                </div>

                <div class="hero-slider-item">
                    <div class="row">
                        <div class="col-md-8">
                            <h1 class="text-white" data-animation-out="fadeOutDown" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">
                                Real-World Problem Solving
                            </h1>
                            <p class="text-muted mb-4" data-animation-out="fadeOutDown" data-delay-out="5"
                                data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".4">
                                From communication to managing peer pressure, our program equips youth with tools to
                                thrive in real-life challenges.
                            </p>
                            <a href="#realworld" class="btn btn-primary" data-animation-out="fadeOutDown"
                                data-delay-out="5" data-duration-in=".3" data-animation-in="zoomIn"
                                data-delay-in=".7">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="bg-gray overflow-md-hidden" id="skills">
        <div class="container-fluid p-0">
            <div class="row no-gutters">
                <div class="col-xl-4 col-lg-5 align-self-end">
                    <img class="img-fluid w-100" src="images/banner/agrick.jpg" alt="banner-feature">
                </div>
                <div class="pl-3 col-xl-8 col-lg-7">
                    <div class="row feature-blocks bg-gray justify-content-between">

                        <div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
                            <i class="ti-ruler-pencil mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
                            <h3 class="mb-xl-4 mb-lg-3 mb-4">Empowerment Through Skills</h3>
                            <p>We equip youth with hands-on skills to help them innovate, start small businesses, and
                                achieve
                                financial independence.</p>
                        </div>

                        <div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left" id="discipline">
                            <i class="ti-user mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
                            <h3 class="mb-xl-4 mb-lg-3 mb-4">Character & Discipline</h3>
                            <p>We address behavior issues through discipline training, self-responsibility, and social
                                awareness
                                development.</p>
                        </div>

                        <div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left" id="realworld">
                            <i class="ti-light-bulb mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
                            <h3 class="mb-xl-4 mb-lg-3 mb-4">Real-World Problem Solving</h3>
                            <p>Our programs teach youth to handle peer pressure, communicate effectively, and build
                                resilience for
                                everyday life.</p>
                        </div>

                        <div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
                            <i class="ti-flag-alt mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
                            <h3 class="mb-xl-4 mb-lg-3 mb-4">Join Our Camps</h3>
                            <p>Register now for our youth camps focused on discipline, skill-building, and personal
                                growth in a
                                supportive environment.</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="section" id="about">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 order-2 order-md-1">
                    <h2 class="section-title text-warning">About Bright Eagles Lives</h2>
                    <p class="text-white">Bright Eagles Lives is a dedicated organization focused on empowering youth
                        through practical
                        skills
                        training, discipline development, and real-world problem solving. We aim to create confident,
                        responsible,
                        and independent individuals who are ready to lead and succeed in their communities.</p>
                    <p class="text-white">Our programs include hands-on skill-building camps, structured discipline
                        initiatives, and
                        ongoing
                        aftercare support. Through personal mentorship, home visits, and immersive learning, we help
                        transform lives
                        and build brighter futures.</p>
                    <a href="<?php echo e(route('about-us')); ?>" class="btn btn-outline-primary">Learn more</a>
                </div>
                <div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
                    <img class="img-fluid w-100" src="images/about/about-us.jpg" alt="about image">
                </div>
            </div>
        </div>
    </section>


<section class="section-sm mt-5" id="programs">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="d-flex align-items-center section-title justify-content-between  mb-5 mt-2">
                    <h2 class="mb-0 text-nowrap mr-3 text-warning">Our Programs</h2>
                    <div class="border-top w-100 border-primary d-none d-sm-block"></div>
                    <div>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-sm btn-outline-primary ml-sm-3 d-none d-sm-block">Register & Apply</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-center">

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/first_aid.png" alt="First Aid">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Health & Safety</a></li>
                        </ul>
                        <h4 class="card-title">First Aid Training</h4>
                        <p class="card-text mb-4">Equip youth with essential first aid knowledge to handle
                            emergencies and promote safety awareness.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/fashion-design.jpeg"
                        alt="Fashion Design">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Creative Arts</a></li>
                        </ul>
                        <h4 class="card-title">Fashion Design</h4>
                        <p class="card-text mb-4">Learn sewing, styling, and fashion business basics to pursue a
                            creative career in design.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/capentry.jpeg" alt="Carpentry">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Technical Skills</a></li>
                        </ul>
                        <h4 class="card-title">Carpentry</h4>
                        <p class="card-text mb-4">Master woodworking basics, measurements, and hands-on construction
                            techniques with practical training.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/art.png" alt="Fine Art">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Visual Arts</a></li>
                        </ul>
                        <h4 class="card-title">Fine Art & Design</h4>
                        <p class="card-text mb-4">Explore painting, drawing, and digital design to unlock creative
                            expression and visual storytelling.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/music.jpeg" alt="Drums & Instruments">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Music</a></li>
                        </ul>
                        <h4 class="card-title">Drums & Instruments</h4>
                        <p class="card-text mb-4">Learn rhythm, musical coordination, and teamwork through drumming
                            and instrument training sessions.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="images/courses/photography.jpeg" alt="Photography">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Media Arts</a></li>
                        </ul>
                        <h4 class="card-title">Photography & Film</h4>
                        <p class="card-text mb-4">Discover the art of visual storytelling through camera techniques,
                            editing, and content creation.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/architecture.jpeg')); ?>" alt="Architecture">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Design & Construction</a></li>
                        </ul>
                        <h4 class="card-title">Architecture</h4>
                        <p class="card-text mb-4">Explore the principles of design, planning, and the creation of innovative structures.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/agricuture.jpeg')); ?>" alt="Agriculture">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Environmental Science</a></li>
                        </ul>
                        <h4 class="card-title">Agriculture</h4>
                        <p class="card-text mb-4">Learn about sustainable farming practices, crop cultivation, and modern agricultural techniques.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/culinary.jpg')); ?>" alt="Culinary">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Food & Beverage</a></li>
                        </ul>
                        <h4 class="card-title">Culinary</h4>
                        <p class="card-text mb-4">Master the art of cooking, baking, and food presentation with professional culinary skills.</p>
                    </div>
                </div>
            </div>


            <div class="col-lg-4 col-sm-6 mb-5">
                <div class="card p-0 border-primary rounded-0 hover-shadow">
                    <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/environmental.jpeg')); ?>" alt="Landscape Design">
                    <div class="card-body">
                        <ul class="list-inline mb-2">
                            <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
                            <li class="list-inline-item"><a class="text-color" href="#">Environmental Design</a></li>
                        </ul>
                        <h4 class="card-title">Landscape Design</h4>
                        <p class="card-text mb-4">Learn the art of planning and designing outdoor spaces to create functional and beautiful environments.</p>
                    </div>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-12 text-center">
                <a href="<?php echo e(route('register')); ?>" class="btn btn-sm btn-outline-primary d-sm-none d-inline-block">Register & Apply</a>
            </div>
        </div>
    </div>
</section>
   
    <section class="section-sm" style="background-color: #1a1a37 !important;" id="gallery">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="align-items-center section-title justify-content-between">
                        <div class="d-flex align-items-center section-title justify-content-between  mb-5 mt-2">

                            <h2 class="mb-4 text-nowrap text-warning">Our Gallery</h2>

                            <div class="border-top w-100 border-primary d-none d-sm-block"></div>
                            <!-- <div>
                                <a href="courses.html"
                                    class="btn btn-sm btn-outline-primary ml-sm-3 d-none d-sm-block">See
                                    All</a>
                            </div> -->
                        </div>

                        <div class="swiper mySwiper mt-4">
                            <div class="swiper-wrapper">
                                <?php for($i = 1; $i <= 9; $i++): ?>
                                    <div class="swiper-slide">
                                        <a href="<?php echo e(asset('images/gallery/image' . $i . '.jpg')); ?>" class="glightbox"
                                            data-gallery="gallery">
                                            <img src="<?php echo e(asset('images/gallery/image' . $i . '.jpg')); ?>"
                                                alt="Gallery Image <?php echo e($i); ?>" class="img-fluid">
                                        </a>
                                    </div>
                                <?php endfor; ?>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="section bg-gray" id="camps">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="d-flex align-items-center section-title justify-content-between">
                        <h2 class="mb-0 text-nowrap mr-3">Our Camp Packages</h2>
                        <div class="border-top w-100 border-primary d-none d-sm-block"></div>
                        <div>
                            <a href="<?php echo e(route('register')); ?>"
                                class="btn btn-sm btn-outline-primary ml-sm-3 d-none d-sm-block">Register & Apply Now</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="camp-row d-flex flex-nowrap overflow-auto py-4 px-2">
                <div class="camp-card card border-0 rounded-0 hover-shadow text-center mx-2 flex-shrink-0">
                    <div class="card-img position-relative">
                        <img class="card-img-top rounded-0" src="images/events/children-camp.jpg" alt="Children Camp">
                        <div class="card-date"><i class="ti-user" style="font-size: 24px;"></i></div>
                    </div>
                    <div class="card-body d-flex flex-column">
                        <h4 class="card-title">Camp One</h4>
                        <p class="text-primary font-weight-bold">R1800.00</p>
                        <p class="flex-grow-1">Perfect for kids to learn discipline, creativity, and practical skills in
                            a structured 7-day program.</p>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-primary btn-sm mt-auto">Apply Now</a>
                    </div>
                </div>

                <div class="camp-card card border-0 rounded-0 hover-shadow text-center mx-2 flex-shrink-0">
                    <div class="card-img position-relative">
                        <img class="card-img-top rounded-0" src="images/events/adult-camp.jpg" alt="Adults Camp">
                        <div class="card-date"><i class="ti-face-smile" style="font-size: 24px;"></i></div>
                    </div>
                    <div class="card-body d-flex flex-column">
                        <h4 class="card-title">Camp Two</h4>
                        <p class="text-primary font-weight-bold">R1800.00</p>
                        <p class="flex-grow-1">Designed for young adults to develop leadership, independence, and
                            job-ready practical skills.</p>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-primary btn-sm mt-auto">Apply Now</a>
                    </div>
                </div>

                <div class="camp-card card border-0 rounded-0 hover-shadow text-center mx-2 flex-shrink-0">
                    <div class="card-img position-relative">
                        <img class="card-img-top rounded-0" src="images/events/adult-camp.jpg" alt="Adults Camp">
                        <div class="card-date"><i class="ti-comments-smiley" style="font-size: 24px;"></i></div>
                    </div>
                    <div class="card-body d-flex flex-column">
                        <h4 class="card-title">Camp Three</h4>
                        <p class="text-primary font-weight-bold">R1800.00</p>
                        <p class="flex-grow-1">Focused on mentoring, self-discipline, and personal development for
                            future goals.</p>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-primary btn-sm mt-auto">Apply Now</a>
                    </div>
                </div>

                <div class="camp-card card border-0 rounded-0 hover-shadow text-center mx-2 flex-shrink-0">
                    <div class="card-img position-relative">
                        <img class="card-img-top rounded-0" src="images/events/full-package.jpg" alt="Full Package">
                        <div class="card-date"><i class="ti-medall-alt" style="font-size: 24px;"></i></div>
                    </div>
                    <div class="card-body d-flex flex-column">
                        <h4 class="card-title">Camp Four ( Full Package from camp one to three)</h4>
                        <p class="text-primary font-weight-bold">R5400.00</p>
                        <p class="flex-grow-1">An extended 3-week journey into character shaping, discipline, and life
                            skills training with aftercare.</p>
                        <a href="<?php echo e(route('register')); ?>" class="btn btn-primary btn-sm mt-auto">Apply Now</a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12 text-center">
                    <a href="<?php echo e(route('register')); ?>" class="btn btn-sm btn-outline-primary d-sm-none d-inline-block">Apply Now</a>
                </div>
            </div>
        </div>
    </section>
    <?php echo $__env->make('includes.footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/cliff/Documents/bright-eagles-site/resources/views/welcome.blade.php ENDPATH**/ ?>