@extends('theme.layout')
@section('title',"Home")
@section('content')

    <!-- rest of page: exactly the same beautiful sections (keep original sections untouched) -->
    <!-- SECTION 1 – HOME -->
    <section id="home" class="parallax sec1-home position-relative">
        <div class="overlay-vibrant"></div>
        <div class="container section-content text-center">
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <span class="badge-flag mb-4 d-inline-block"><i class="bi bi-lightning-charge-fill me-2 text-warning"></i>#1 next‑gen visa platform</span>
                    <h1 class="display-2 fw-bold mb-4" style="font-family: Outfit;">Unlock your global<br><span style="color: #ffd966;">classroom</span></h1>
                    <p class="lead fs-3 fw-light mb-5">Consultants · scholarships · visa mastery — with zero stress.</p>
                    <div class="d-flex gap-3 justify-content-center flex-wrap">
                        <a href="#consultants" class="btn btn-glow btn-lg px-5 py-3"><i class="bi bi-search-heart me-2"></i>Match with consultant</a>
                        <a href="#scholarship" class="btn btn-outline-light btn-lg px-5 py-3" style="border-width:2px;"><i class="bi bi-award-fill me-2"></i>Fund your dream</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Scholarship Posts Section -->
    <section id="scholarship-posts" class="parallax sec-scholarship-posts position-relative">
        <div class="overlay-vibrant"></div>
        <div class="container section-content">
            <div class="text-center mb-5">
                <span class="badge-flag mb-3"><i class="bi bi-megaphone-fill me-2 text-warning"></i> latest opportunities</span>
                <h2 class="display-4 fw-bold mb-3" style="font-family: Outfit;">Recent <span style="color: #ffd966;">scholarships</span></h2>
                <p class="lead fs-5 opacity-75">Discover fully funded programs and grants from around the world</p>
            </div>

            <div class="row g-4">

                <!-- Scholarship Post Card-->
              @foreach($data as $d)
                <div class="col-lg-4 col-md-6">
                    <div class="scholarship-post-card">
                        <div class="scholarship-badge">
                            <span class="badge-flag"><i class="bi bi-calendar-check me-1"></i> Posted: {{\Carbon\Carbon::parse($d->created_at)->format('d M, Y')}}</span>
                        </div>
                        <h3 class="scholarship-title">{{$d->title ?? "This is Title"}}</h3>
                        <p class="scholarship-excerpt">
                            {{Str::limit($d->body,200)??"No Description"}}
                        </p>

                        <div class="scholarship-footer">

                                <a href="{{route('scholarship.posts.view',$d->id)}}" class="btn-scholarship">View details <i class="bi bi-arrow-right-short"></i></a>


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


                @endforeach
            </div>

            <!-- View All Button -->
            <div class="text-center mt-5 pt-3">
                <a href="#" class="btn btn-glow btn-lg px-5 py-3">
                    <i class="bi bi-grid-3x3-gap-fill me-2"></i> Browse all scholarships
                </a>
            </div>
        </div>
    </section>

    <!-- SECTION 2 – CONSULTANT LIST -->
    <section id="consultants" class="parallax sec2-consultant position-relative">
        <div class="overlay-vibrant overlay-vibrant-light"></div>
        <div class="container section-content">
            <div class="text-center mb-5">
                <span class="badge-flag text-white mb-3">✨ world‑class advisors</span>
                <h2 class="display-4 fw-bold mb-3" style="font-family: Outfit;">Your personal board of mentors</h2>
            </div>
            <div class="row g-4">
                <div class="col-md-6 col-lg-4">
                    <div class="hyper-card text-center">
                        <div class="avatar-circle mx-auto"><i class="bi bi-person-workspace"></i></div>
                        <h4 class="fw-bold">Dr. Emily Hart</h4>
                        <p><i class="bi bi-geo-alt-fill me-1"></i>London / UK</p>
                        <span class="badge-flag mb-3">🇬🇧 Oxbridge specialist</span>
                        <p>“96% Tier‑4 success · former uni advisor”</p>
                        <button class="btn btn-outline-light w-100 mt-2 rounded-pill py-2">📅 book free chat</button>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="hyper-card text-center">
                        <div class="avatar-circle mx-auto"><i class="bi bi-bank2"></i></div>
                        <h4 class="fw-bold">Michael Chen</h4>
                        <p><i class="bi bi-geo-alt-fill me-1"></i>Toronto / CA</p>
                        <span class="badge-flag mb-3">🍁 Canada (ex‑IRCC)</span>
                        <p>“SDS expert · 7‑minute visa tips”</p>
                        <button class="btn btn-outline-light w-100 mt-2 rounded-pill py-2">📅 book free chat</button>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="hyper-card text-center">
                        <div class="avatar-circle mx-auto"><i class="bi bi-globe-central-south-asia"></i></div>
                        <h4 class="fw-bold">Sophia Müller</h4>
                        <p><i class="bi bi-geo-alt-fill me-1"></i>Berlin / EU</p>
                        <span class="badge-flag mb-3">🇪🇺 DAAD pro</span>
                        <p>“Block account & visa, 4 languages”</p>
                        <button class="btn btn-outline-light w-100 mt-2 rounded-pill py-2">📅 book free chat</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- SECTION 3 – SCHOLARSHIP -->
    <section id="scholarship" class="parallax sec3-scholarship position-relative">
        <div class="overlay-vibrant"></div>
        <div class="container section-content">
            <div class="row g-5">
                <div class="col-lg-6">
                    <span class="badge-flag mb-3">🏆 2025 deadlines</span>
                    <h2 class="display-4 fw-bold mb-4" style="font-family: Outfit;">Scholarships that <span style="color: #ffd966;">change lives</span></h2>
                    <div class="d-flex flex-wrap gap-3">
                        <div class="me-3"><i class="bi bi-check-circle-fill text-warning me-2"></i>Chevening</div>
                        <div class="me-3"><i class="bi bi-check-circle-fill text-warning me-2"></i>Fulbright</div>
                        <div class="me-3"><i class="bi bi-check-circle-fill text-warning me-2"></i>DAAD</div>
                        <div><i class="bi bi-check-circle-fill text-warning me-2"></i>Erasmus+</div>
                    </div>
                    <div class="mt-5 d-flex gap-3">
                        <a href="#" class="btn btn-glow px-5 py-3">Browse all</a>
                        <a href="#" class="btn btn-outline-light px-5 py-3">Check eligibility</a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="hyper-card p-5">
                        <h3 class="fw-bold"><i class="bi bi-trophy-fill text-warning me-2"></i>featured picks</h3>
                        <ul class="list-unstyled mt-4">
                            <li class="mb-4"><span class="fw-semibold">🇺🇸 Fulbright foreign student</span> — full tuition + stipend</li>
                            <li class="mb-4"><span class="fw-semibold">🇬🇧 GREAT scholarship 2025</span> — £12,000 for India, BD, PK</li>
                            <li class="mb-4"><span class="fw-semibold">🇨🇦 Vanier CGS</span> — $50k/yr doctoral</li>
                            <li><span class="fw-semibold">🇦🇺 Australia Awards</span> — fully funded + flights</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- SECTION 4 – HOW TO APPLY -->
    <section id="howtoapply" class="parallax sec4-howtoapply position-relative">
        <div class="overlay-vibrant"></div>
        <div class="container section-content">
            <h2 class="display-4 fw-bold text-center mb-5" style="font-family: Outfit;">Apply in 4 <span style="color: #ffd966;">awesome</span> moves</h2>
            <div class="row g-4 justify-content-center">
                <div class="col-lg-3 col-md-6">
                    <div class="step-hyper d-flex align-items-center">
                        <span class="step-no">1</span>
                        <div><h5 class="fw-bold mb-0">Profile check</h5><small class="opacity-75">AI + expert review</small></div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="step-hyper d-flex align-items-center">
                        <span class="step-no">2</span>
                        <div><h5 class="fw-bold mb-0">Uni shortlist</h5><small class="opacity-75">with visa odds</small></div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="step-hyper d-flex align-items-center">
                        <span class="step-no">3</span>
                        <div><h5 class="fw-bold mb-0">Visa app</h5><small class="opacity-75">mock interview</small></div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="step-hyper d-flex align-items-center">
                        <span class="step-no">4</span>
                        <div><h5 class="fw-bold mb-0">Pre‑departure</h5><small class="opacity-75">housing & travel</small></div>
                    </div>
                </div>
            </div>
            <div class="text-center mt-5 pt-4">
                <a href="#" class="btn btn-glow btn-lg px-5 py-3 fs-5" data-bs-toggle="modal" data-bs-target="#signupStudentModal"><i class="bi bi-rocket-takeoff me-2"></i>start your journey</a>
            </div>
        </div>
    </section>

    <!-- SECTION 5 – CONTACT US -->
    <section id="contact" class="parallax sec5-contact position-relative">
        <div class="overlay-vibrant"></div>
        <div class="container section-content">
            <div class="row g-5">
                <div class="col-lg-5">
                    <h2 class="display-4 fw-bold mb-4" style="font-family: Outfit;">Let’s connect</h2>
                    <p class="lead fs-4">We’re here 24/7 (well, almost).</p>
                    <ul class="list-unstyled mt-5">
                        <li class="mb-3 fs-5"><i class="bi bi-envelope-fill me-3" style="color:gold;"></i> hello@eduvisa.global</li>
                        <li class="mb-3 fs-5"><i class="bi bi-telephone-fill me-3" style="color:gold;"></i> +44 20 7946 0138</li>
                        <li class="mb-3 fs-5"><i class="bi bi-chat-heart-fill me-3" style="color:gold;"></i> live chat (instant)</li>
                    </ul>
                    <div class="mt-4">
                        <a href="#" class="text-white me-4 fs-2"><i class="bi bi-instagram"></i></a>
                        <a href="#" class="text-white me-4 fs-2"><i class="bi bi-linkedin"></i></a>
                        <a href="#" class="text-white fs-2"><i class="bi bi-twitter-x"></i></a>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="hyper-card p-5">
                        <h4 class="fw-bold mb-4"><i class="bi bi-send-fill me-2" style="color:gold;"></i>Quick message</h4>
                        <form>
                            <div class="row g-3">
                                <div class="col-md-6"><input type="text" class="form-control bg-transparent text-white border-white rounded-pill" placeholder="Full name"></div>
                                <div class="col-md-6"><input type="email" class="form-control bg-transparent text-white border-white rounded-pill" placeholder="Email"></div>
                                <div class="col-12"><textarea rows="3" class="form-control bg-transparent text-white border-white rounded-4" placeholder="Your visa questions..."></textarea></div>
                                <div class="col-12"><button class="btn btn-glow w-100 py-3 fw-semibold">Send <i class="bi bi-send"></i></button></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="text-center mt-5 pt-3 small opacity-75 border-top border-white border-opacity-25">
                © 2025 EduVisa — dreams without borders. <a href="#" class="text-warning">Privacy</a> · <a href="#" class="text-warning">Terms</a>
            </div>
        </div>
    </section>

@endsection