<?php $__env->startSection('title', 'Home'); ?>
<?php $__env->startSection('nav_mode', 'over-hero'); ?>

<?php $__env->startSection('content'); ?>


<section class="hero">
    <div class="swiper">
        <div class="swiper-wrapper">
            <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="swiper-slide">
                <div class="slide-bg" style="background-image:url('<?php echo e(asset($s['image'])); ?>')"></div>
                <div class="scrim"></div>
                <div class="vign"></div>
                <div class="container slide-content">
                    <span class="kicker label"><?php echo e($s['kicker']); ?></span>
                    <h1><?php echo preg_replace('/^(\S+\s\S+)/','<em>$1</em>',$s['title']); ?></h1>
                    <p class="lead"><?php echo e($s['text']); ?></p>
                    <div class="cta">
                        <a href="<?php echo e(route('registration.create')); ?>" class="btn btn-gold">Register Now</a>
                        <a href="<?php echo e(route('services')); ?>" class="btn btn-outline-light">Discover More</a>
                    </div>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    <div class="hero-meta d-none d-md-block">
        <div class="container">
            <div class="pills">
                <span>Beauty Pageant</span><span>Fashion Show</span><span>Award Show</span><span>Film Making</span>
            </div>
            <span class="label" style="color:#fff">Est. New Delhi</span>
        </div>
    </div>
</section>


<div class="marquee">
    <div class="track">
        <span>Elegance<span></span></span><span>Style</span><span>Confidence</span><span>Glamour</span><span>Grace</span>
        <span>Elegance</span><span>Style</span><span>Confidence</span><span>Glamour</span><span>Grace</span>
    </div>
</div>


<section class="section">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-5" data-aos="fade-right">
                <div class="intro-img">
                    <img src="<?php echo e(asset('images/founder-1.jpg')); ?>" alt="Fashion Grace"
                         onerror="this.outerHTML='<div class=\'ph\' style=\'aspect-ratio:4/5\'>Founder Photo</div>'">
                    <span class="frame"></span>
                </div>
            </div>
            <div class="col-lg-6 offset-lg-1" data-aos="fade-left">
                <span class="label">Talent &amp; Modeling Agency</span>
                <h2 class="h-lg mt-3 mb-4">We Don't Just Find Faces. We Build <span class="italic-accent">Stars.</span></h2>
                <p class="mb-4">Fashion Grace is a full-service modeling &amp; talent agency in New Delhi, led by former <strong>Mrs. West Bengal</strong> Deepanvita. We discover and develop new faces for beauty pageants, runway, award shows and film — opening doors to national and international stages.</p>
                <div class="row g-3 mb-4">
                    <div class="col-6"><div class="d-flex align-items-center gap-2"><i class="bi bi-check2 text-gold"></i><span>Professional Grooming</span></div></div>
                    <div class="col-6"><div class="d-flex align-items-center gap-2"><i class="bi bi-check2 text-gold"></i><span>Ramp Walk Training</span></div></div>
                    <div class="col-6"><div class="d-flex align-items-center gap-2"><i class="bi bi-check2 text-gold"></i><span>Personality Development</span></div></div>
                    <div class="col-6"><div class="d-flex align-items-center gap-2"><i class="bi bi-check2 text-gold"></i><span>Real Opportunities</span></div></div>
                </div>
                <a href="<?php echo e(route('about')); ?>" class="link-gold">Our Story <i class="bi bi-arrow-right"></i></a>
            </div>
        </div>
    </div>
</section>


<section class="bg-paper">
    <div class="container">
        <div class="text-center py-5" data-aos="fade-up">
            <span class="label center">What We Do</span>
            <h2 class="h-xl mt-3">Four Worlds, <span class="italic-accent">One Stage</span></h2>
        </div>
    </div>
    <?php $__currentLoopData = $pillars; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <div class="pillar-row <?php echo e($i % 2 ? 'flip' : ''); ?>">
        <div class="container-fluid px-0">
            <div class="grid">
                <div class="media" data-aos="<?php echo e($i % 2 ? 'fade-left' : 'fade-right'); ?>">
                    <img src="<?php echo e(asset($p['image'])); ?>" alt="<?php echo e($p['title']); ?>"
                         onerror="this.outerHTML='<div class=\'ph\' style=\'position:absolute;inset:0\'><?php echo e($p['title']); ?></div>'">
                </div>
                <div class="body" data-aos="<?php echo e($i % 2 ? 'fade-right' : 'fade-left'); ?>">
                    <div class="no"><?php echo e($p['no']); ?></div>
                    <div class="ptag"><?php echo e($p['tag']); ?></div>
                    <h3><?php echo e($p['title']); ?></h3>
                    <p><?php echo e($p['text']); ?></p>
                    <ul class="feats">
                        <?php $__currentLoopData = $p['features']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><li><?php echo e($f); ?></li><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                    <a href="<?php echo e(route('registration.create')); ?>" class="link-gold">Enquire / Register <i class="bi bi-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</section>


<section class="section stats">
    <div class="container">
        <div class="row text-center g-5">
            <?php $__currentLoopData = $stats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $st): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-6 col-lg-3 stat" data-aos="fade-up" data-aos-delay="<?php echo e($i*100); ?>">
                <div class="num" data-count="<?php echo e($st['value']); ?>" data-suffix="<?php echo e($st['suffix']); ?>">0</div>
                <div class="lbl"><?php echo e($st['label']); ?></div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>


<section class="section">
    <div class="container">
        <div class="d-flex flex-wrap justify-content-between align-items-end mb-5" data-aos="fade-up">
            <div>
                <span class="label">The Portfolio</span>
                <h2 class="h-lg mt-3 mb-0">Moments of Grace</h2>
            </div>
            <a href="<?php echo e(route('registration.create')); ?>" class="btn btn-outline-ink d-none d-md-inline-block">Join The Roster</a>
        </div>
        <div class="row g-3 g-md-4">
            <?php $__currentLoopData = $showcase; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $w): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-6 col-lg-4" data-aos="fade-up" data-aos-delay="<?php echo e(($i%3)*100); ?>">
                <div class="shot">
                    <img src="<?php echo e(asset($w['image'])); ?>" alt="<?php echo e($w['caption']); ?>"
                         onerror="this.outerHTML='<div class=\'ph\' style=\'aspect-ratio:3/4\'><?php echo e($w['caption']); ?></div>'">
                    <div class="ov">
                        <small><?php echo e($w['cat']); ?></small>
                        <h5><?php echo e($w['caption']); ?></h5>
                    </div>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>


<section class="section quote">
    <div class="container text-center" data-aos="fade-up">
        <div class="mark">&ldquo;</div>
        <blockquote class="mx-auto mb-4" style="max-width:840px">Our purpose is simple — to take raw talent and reveal the star within, on every stage from the local ramp to the international runway.</blockquote>
        <div class="label center">Deepanvita · Founder, Fashion Grace</div>
    </div>
</section>


<section class="pb-5 pt-2 pt-md-0">
    <div class="container">
        <div class="cta-banner" data-aos="zoom-in">
            <span class="label center" style="color:var(--gold-soft)">Your Journey Begins Here</span>
            <h2 class="h-lg mt-3 mb-3" style="color:#fff">Step Onto The Stage With Fashion Grace</h2>
            <p class="mb-4 mx-auto" style="max-width:560px;color:#d8cfbd">Register today for beauty pageants, fashion shows, award shows and film opportunities.</p>
            <a href="<?php echo e(route('registration.create')); ?>" class="btn btn-gold">Register Now</a>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/expertelabs/Downloads/fashion-grace/resources/views/pages/home.blade.php ENDPATH**/ ?>