<?php $__env->startSection('content'); ?>
    <section id="hero">
        <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="6000">
            <div class="carousel-inner">

                <?php $__currentLoopData = $heroes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hero): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="carousel-item <?php echo e($loop->first ? 'active' : ''); ?>">
                        <div class="hero-slide" style="background-image: url('<?php echo e(asset('storage/' . $hero->image)); ?>');">

                            <div class="hero-overlay">
                                <div class="container text-center text-white">
                                    <h1 class="hero-text"><?php echo e($hero->judul); ?></h1>
                                    <p class="hero-subtitle"><?php echo e($hero->deskripsi); ?></p>
                                </div>
                            </div>

                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            </div>

            <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
                <span class="carousel-control-next-icon"></span>
            </button>
        </div>
    </section>

    <section id="program" class="program-section">
        <div class="container col-xxl-9">
            <div class="row">
                <div class="col-lg-3 col-md-6 col mb-2" data-aos="flip-left">
                    <div class="bg-white rounded-3 shadow p-3 justify-content-between d-flex align-items-center">
                        <div>
                            <p>Pendidikan <br> Berkualitas</p>
                        </div>
                        <img src="<?php echo e(asset('assets/images/ic-book.png')); ?>" height="55" width="55" alt="">
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col mb-2" data-aos="flip-left">
                    <div class="bg-white rounded-3 shadow p-3 justify-content-between d-flex align-items-center">
                        <div>
                            <p>Pendidikan <br> Berkarakter</p>
                        </div>
                        <img src="<?php echo e(asset('assets/images/ic-komputer.png')); ?>" height="55" width="55"
                            alt="">
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col mb-2" data-aos="flip-left">
                    <div class="bg-white rounded-3 shadow p-3 justify-content-between d-flex align-items-center">
                        <div>
                            <p>Tenaga Pendidik <br> Berkualitas</p>
                        </div>
                        <img src="<?php echo e(asset('assets/images/ic-neraca.png')); ?>" height="55" width="55" alt="">
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col mb-2" data-aos="flip-left">
                    <div class="bg-white rounded-3 shadow p-3 justify-content-between d-flex align-items-center">
                        <div>
                            <p>Siswa-siswi <br> berprestasi</p>
                        </div>
                        <img src="<?php echo e(asset('assets/images/ic-globe.png')); ?>" height="55" width="55" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section id="berita" class="py-5">
        <div class="container">

            <div class="header-berita text-center">
                <h2 class="fw-bold">Berita Kegiatan Sekolah</h2>
            </div>

            <div class="row py-5" data-aos="flip-up">

                <?php $__currentLoopData = $artikels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-4">
                        <div class="card-border-0">
                            <img src="<?php echo e(asset('storage/artikel/' . $item->image)); ?>" class="img-fluid MB-3" alt="">
                            <div class="konten-berita">
                                <p class="mb-3 text-secondary"><?php echo e($item->create_at); ?></p>
                                <h4 class="fw-bold mb-3"><?php echo e($item->judul); ?></h4>
                                <p class="text-secondary">#SekolahCintaLingkungan</p>
                                <a href="/detail/<?php echo e($item->slug); ?>" text-decoration-none text-danger">Selengkapnya</a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


            </div>
            <div class="footer-berita text-center">
                <a href="/berita" class="btn btn-outline-danger">Berita Lainnya</a>
            </div>
        </div>
    </section>
    

    
    <section id="join" class="py-5" data-aos="flip-down">
        <div class="container py-5">
            <div class="row d-flex align-items-center">
                <div class="col-lg-6">
                    <div class="d-flex align-items-center mb-3">
                        <div class="stripe me-2"></div>
                        <h5>Sambutan Kepala Sekolah</h5>
                    </div>
                    <h4 class="fw-bold mb-2"><u>Aliando Hidayat, S.Pd., M.Pd.</u></h4>
                    <p><strong>Kepala SMAN 2 Majujaya</strong></p>
                    <p class="mb-3">Perkembangan teknologi informasi sangat pesat. Perkembangan tersebut didukung oleh
                        semakin banyaknya pengguna internet. Indonesia merupakan negara nomer 6 dengan pengguna internet
                        terbanyak di dunia. Maka sekolah tentu terus mengikuti perkembangan tersebut. Sebagai sarana
                        informasi dan komunikasi sekolah, maka kami meluncurkan situs resmi sekolah dengan nama :
                        sman2majujaya.sch.id Kami sampaikan terima kasih kepada tim yang sudah mengembangkan website ini
                        sebagai sarana informasi yang menunjang dunia pendidikan</p>
                    
                </div>
                <div class="col-lg-6">
                    
                    <img src="<?php echo e(asset('assets/images/kepsek.jpg')); ?>"
                        class="img-fluid rounded-circle border border-3 border-primary shadow" style="max-width: 350px;"
                        alt="">
                </div>
            </div>
        </div>
    </section>
    

    
    
    

    <section id="video_youtube" class="py-5" data-aos="zoom-in">
        <div class="container py-5">
            <div class="header-berita text-center">
                <h2 class="fw-bold">Video Kegiatan Sekolah</h2>
            </div>

            <div class="row py-5" data-aos="zoom-in">

                <?php $__currentLoopData = $videos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-4">
                        <iframe width="100%" height="215"
                            src="https://www.youtube.com/embed/<?php echo e($item->youtube_code); ?>" title="YouTube video player"
                            frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


            </div>
            <div class="footer-berita text-center">
                <a href="<?php echo e(route('video.lainnya')); ?>" class="btn btn-outline-black">
                    Video lainnya
                </a>

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

    
    <section id="foto" class="section-foto parallax" data-aos="zoom-in-up">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center mb-5">
                <div class="d-flex align-items-center">
                    <div class="stripe-putih me-2"></div>
                    <h5 class="fw-bold text-white">Foto Kegiatan</h5>
                </div>
                <div>
                    <a href="<?php echo e(route('foto.kegiatan')); ?>" class="btn btn-outline-white">
                        Foto lainnya
                    </a>

                    </a>

                </div>
            </div>

            <div class="row g-2">
                <?php $__currentLoopData = $photos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $photo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-3 col-md-6 col-6">
                        <div class="foto-card">
                            <a class="image-link" href="<?php echo e(asset('storage/photo/' . $photo->image)); ?>">
                                <img src="<?php echo e(asset('storage/photo/' . $photo->image)); ?>" class="foto-img"
                                    alt="<?php echo e($photo->judul); ?>">
                            </a>
                            <p class="foto-title"><?php echo e($photo->judul); ?></p>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    <section id="fasilitas" class="py-5" data-aos="zoom-in-up">
        <div class="container py-5">
            <div class="text-center mb-4">
                <h3 class="fw-bold">Ekstrakurikuler</h3>
            </div>

            <div class="row g-4 justify-content-center">
                <?php $__currentLoopData = $ekskuls; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-3 col-md-4 col-6 text-center">
                        <div class="card shadow-sm border-0 h-100">
                            <img src="<?php echo e(asset('storage/' . $item->foto)); ?>" class="card-img-top"
                                style="height:170px; object-fit:cover; border-radius:10px;">
                            <div class="card-body p-2">
                                <p class="fw-semibold m-0"><?php echo e($item->nama); ?></p>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <div class="text-center mt-4">
                <a href="<?php echo e(route('ekskul.public')); ?>" class="btn btn-outline-danger px-4">
                    Ekstrakurikuler Lainnya
                </a>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.layouts', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\laragon\www\websekolah\resources\views/welcome.blade.php ENDPATH**/ ?>