@extends('layouts.app')

@section('title', 'English Excellence Studio | Learn English With Confidence')

@section('meta_description', 'English Excellence Studio helps learners build practical English communication skills, confidence and professional growth.')

@section('content')


{{-- =========================================================
     01. HERO SLIDER
========================================================= --}}

@if ($sliders->count())

<section class="ees-slider-section">

    <div
        class="ees-slider"
        id="eesHeroSlider"
        data-autoplay="true"
        data-interval="6000"
    >

        <div class="ees-slider-track">

            @foreach ($sliders as $slider)

                <article class="ees-slide">

                    @if ($slider->media_type === 'video')

                        <video
                            class="ees-slide-media"
                            muted
                            loop
                            playsinline
                            preload="metadata"
                        >
                            <source
                                src="{{ asset('storage/' . $slider->media_path) }}"
                                type="video/mp4"
                            >
                        </video>

                    @else

                        <img
                            class="ees-slide-media"
                            src="{{ asset('storage/' . $slider->media_path) }}"
                            alt="{{ $slider->title }}"
                        >

                    @endif


                    <div class="ees-slide-overlay"></div>


                    <div class="container">

                        <div class="ees-slide-content">

                            <span class="ees-hero-badge">
                                Learn · Practice · Communicate
                            </span>

                            <h1 class="ees-slide-title">
                                {{ $slider->title }}
                            </h1>

                            @if ($slider->subtitle)

                                <p class="ees-slide-subtitle">
                                    {{ $slider->subtitle }}
                                </p>

                            @endif

                            @if ($slider->button_text)

                                <a
                                    href="{{ $slider->button_url ?: route('courses') }}"
                                    class="btn btn-light btn-lg px-4"
                                >
                                    {{ $slider->button_text }}
                                </a>

                            @endif

                        </div>

                    </div>

                </article>

            @endforeach

        </div>


        @if ($sliders->count() > 1)

            <button
                type="button"
                class="ees-slider-arrow ees-slider-prev"
                aria-label="Previous slide"
            >
                ‹
            </button>

            <button
                type="button"
                class="ees-slider-arrow ees-slider-next"
                aria-label="Next slide"
            >
                ›
            </button>

            <div class="ees-slider-dots">

                @foreach ($sliders as $index => $slider)

                    <button
                        type="button"
                        class="ees-slider-dot"
                        data-slide="{{ $index }}"
                        aria-label="Go to slide {{ $index + 1 }}"
                    ></button>

                @endforeach

            </div>

        @endif

    </div>

</section>

@else

<section class="ees-hero">

    <div class="container">

        <div class="ees-slide-content">

            <span class="ees-hero-badge">
                Learn · Practice · Communicate
            </span>

            <h1 class="ees-slide-title">
                Build Stronger English.
                Speak With Confidence.
            </h1>

            <p class="ees-slide-subtitle">
                Practical English learning designed for everyday
                communication, academic growth and professional success.
            </p>

            <a
                href="{{ route('courses') }}"
                class="btn btn-light btn-lg px-4"
            >
                Explore Courses
            </a>

        </div>

    </div>

</section>

@endif


{{-- =========================================================
     02. WELCOME
========================================================= --}}

<section class="ees-welcome-section">

    <div class="container">

        <div class="ees-welcome-layout">

            <div class="ees-welcome-image ees-reveal">

                <img
                    src="{{ asset('images/home/welcome-classroom.jpg') }}"
                    alt="English learning classroom"
                    loading="lazy"
                >

                <div class="ees-image-caption">
                    Learn with purpose.
                </div>

            </div>


            <div class="ees-welcome-content ees-reveal ees-reveal-delay-1">

                <span class="ees-section-label">
                    WELCOME TO ENGLISH EXCELLENCE STUDIO
                </span>

                <h2>
                    Learn English.
                    <span>Use It With Confidence.</span>
                </h2>

                <p>
                    Welcome to English Excellence Studio — a practical
                    learning space designed to help you communicate
                    clearly, speak confidently and use English naturally.
                </p>

                <p>
                    Our approach combines structured learning, speaking
                    practice and real-world communication so that English
                    becomes a skill you can actually use every day.
                </p>

                <div class="ees-welcome-actions">

                    <a
                        href="{{ route('courses') }}"
                        class="btn btn-primary px-4"
                    >
                        Explore Courses
                    </a>

                    <a
                        href="{{ route('about') }}"
                        class="btn btn-outline-primary px-4"
                    >
                        Discover Our Approach
                    </a>

                </div>

            </div>

        </div>

    </div>

</section>


{{-- =========================================================
     03. MISSION + VISION
========================================================= --}}

<section class="ees-purpose-section">

    <div class="container">

        <div class="ees-purpose-heading ees-reveal">

            <span class="ees-section-label">
                OUR PURPOSE
            </span>

            <h2 class="ees-purpose-main-title">
                What We Believe In
            </h2>

            <p class="ees-purpose-intro">
                English is more than a subject. It is a skill that opens
                doors to confidence, communication and opportunity.
            </p>

        </div>


        <div class="ees-purpose-image-grid">

            <article class="ees-purpose-story ees-reveal">

                <div class="ees-purpose-story-image">

                    <img
                        src="{{ asset('images/home/mission-classroom.jpg') }}"
                        alt="Teacher helping students learn English"
                        loading="lazy"
                    >

                    <span class="ees-purpose-story-number">
                        01
                    </span>

                </div>

                <div class="ees-purpose-story-body">

                    <span class="ees-purpose-label">
                        OUR MISSION
                    </span>

                    <h3>
                        Make English Practical.
                        Make Confidence Natural.
                    </h3>

                    <p>
                        We help learners develop practical English skills
                        through speaking practice, real-world communication
                        and purposeful learning.
                    </p>

                </div>

            </article>


            <article class="ees-purpose-story ees-reveal ees-reveal-delay-1">

                <div class="ees-purpose-story-image">

                    <img
                        src="{{ asset('images/home/vision-professional.jpg') }}"
                        alt="Professional using English confidently"
                        loading="lazy"
                    >

                    <span class="ees-purpose-story-number">
                        02
                    </span>

                </div>

                <div class="ees-purpose-story-body">

                    <span class="ees-purpose-label">
                        OUR VISION
                    </span>

                    <h3>
                        Empower Every Learner
                        to Speak With Confidence.
                    </h3>

                    <p>
                        We envision a learning community where English
                        creates better communication, stronger opportunities
                        and meaningful professional growth.
                    </p>

                </div>

            </article>

        </div>

    </div>

</section>


{{-- =========================================================
     04. WHY CHOOSE US
========================================================= --}}

<section class="ees-why-section">

    <div class="container">

        <div class="ees-why-header">

            <div class="ees-why-heading ees-reveal">

                <span class="ees-section-label ees-section-label-light">
                    WHY ENGLISH EXCELLENCE STUDIO
                </span>

                <h2>
                    English Learning That
                    <span>Moves You Forward.</span>
                </h2>

            </div>

            <div class="ees-why-intro ees-reveal ees-reveal-delay-1">

                <p>
                    We focus on practical English that you can use in
                    conversations, studies, interviews and professional life.
                </p>

            </div>

        </div>


        <div class="ees-why-grid">

            <article class="ees-why-item ees-reveal">

                <div class="ees-why-number">
                    01
                </div>

                <div class="ees-why-image">

                    <img
                        src="{{ asset('images/home/speaking-practice.jpg') }}"
                        alt="Student practising spoken English"
                        loading="lazy"
                    >

                </div>

                <h3>
                    Speak With Confidence
                </h3>

                <p>
                    Practice everyday conversations and become more
                    comfortable expressing yourself in English.
                </p>

            </article>


            <article class="ees-why-item ees-reveal ees-reveal-delay-1">

                <div class="ees-why-number">
                    02
                </div>

                <div class="ees-why-image">

                    <img
                        src="{{ asset('images/home/english-practice.jpg') }}"
                        alt="English learning practice"
                        loading="lazy"
                    >

                </div>

                <h3>
                    Learn With Purpose
                </h3>

                <p>
                    Improve vocabulary, sentence formation and communication
                    with meaningful, real-world learning.
                </p>

            </article>


            <article class="ees-why-item ees-reveal ees-reveal-delay-2">

                <div class="ees-why-number">
                    03
                </div>

                <div class="ees-why-image">

                    <img
                        src="{{ asset('images/home/professional-growth.jpg') }}"
                        alt="Professional communication"
                        loading="lazy"
                    >

                </div>

                <h3>
                    Grow Professionally
                </h3>

                <p>
                    Develop English skills that support interviews,
                    workplace communication and career growth.
                </p>

            </article>

        </div>

    </div>

</section>

{{-- =========================================================
     WHAT YOU WILL LEARN
========================================================= --}}
<section class="ees-skills-section">

    <div class="container">

        <div class="ees-skills-header">

            <div class="ees-reveal">

                <span class="ees-section-label">
                    WHAT YOU WILL LEARN
                </span>

                <h2>
                    Skills You Can
                    <span>Use in Real Life.</span>
                </h2>

            </div>

            <div class="ees-skills-intro ees-reveal ees-reveal-delay-1">

                <p>
                    Our learning approach focuses on practical skills
                    that help you communicate more clearly in everyday,
                    academic and professional situations.
                </p>

            </div>

        </div>


        <div class="ees-skills-grid">

            {{-- Speaking --}}
            <article class="ees-skill-card ees-reveal">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M4 5h16v11H8l-4 4V5Z"/>
                        <path d="M8 9h8"/>
                        <path d="M8 12h5"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        01
                    </span>

                    <h3>
                        Speaking
                    </h3>

                    <p>
                        Build fluency and confidence through
                        practical conversations and guided speaking.
                    </p>

                </div>

            </article>


            {{-- Vocabulary --}}
            <article class="ees-skill-card ees-reveal ees-reveal-delay-1">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5v-15Z"/>
                        <path d="M4 20.5A2.5 2.5 0 0 1 6.5 18H20"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        02
                    </span>

                    <h3>
                        Vocabulary
                    </h3>

                    <p>
                        Expand useful vocabulary and learn how to
                        use words naturally in real conversations.
                    </p>

                </div>

            </article>


            {{-- Grammar --}}
            <article class="ees-skill-card ees-reveal ees-reveal-delay-2">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M5 4h14"/>
                        <path d="M5 20h14"/>
                        <path d="M8 4c0 4 2 6 4 8-2 2-4 4-4 8"/>
                        <path d="M16 4c0 4-2 6-4 8 2 2 4 4 4 8"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        03
                    </span>

                    <h3>
                        Grammar
                    </h3>

                    <p>
                        Improve sentence structure and grammar
                        through practical examples instead of theory alone.
                    </p>

                </div>

            </article>


            {{-- Pronunciation --}}
            <article class="ees-skill-card ees-reveal">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M4 10v4"/>
                        <path d="M7 7v10"/>
                        <path d="M10 4v16"/>
                        <path d="M14 7v10"/>
                        <path d="M17 10v4"/>
                        <path d="M20 9v6"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        04
                    </span>

                    <h3>
                        Pronunciation
                    </h3>

                    <p>
                        Develop clearer pronunciation and more
                        natural spoken English.
                    </p>

                </div>

            </article>


            {{-- Conversation --}}
            <article class="ees-skill-card ees-reveal ees-reveal-delay-1">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M4 6h16v10H8l-4 4V6Z"/>
                        <path d="M8 10h8"/>
                        <path d="M8 13h5"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        05
                    </span>

                    <h3>
                        Conversation
                    </h3>

                    <p>
                        Learn how to respond naturally, ask questions
                        and handle everyday English conversations.
                    </p>

                </div>

            </article>


            {{-- Professional --}}
            <article class="ees-skill-card ees-reveal ees-reveal-delay-2">

                <div class="ees-skill-icon">

                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <rect x="4" y="7" width="16" height="13" rx="2"/>
                        <path d="M9 7V5h6v2"/>
                        <path d="M4 12h16"/>
                        <path d="M10 12v2h4v-2"/>
                    </svg>

                </div>

                <div>

                    <span class="ees-skill-number">
                        06
                    </span>

                    <h3>
                        Professional English
                    </h3>

                    <p>
                        Build communication skills for interviews,
                        workplace conversations and career growth.
                    </p>

                </div>

            </article>

        </div>

    </div>

</section>

{{-- =========================================================
     HOW IT WORKS
========================================================= --}}
<section class="ees-process-section">

    <div class="container">

        <div class="ees-process-header text-center ees-reveal">

            <span class="ees-section-label">
                HOW IT WORKS
            </span>

            <h2>
                A Simple Path to
                <span>Better English.</span>
            </h2>

            <p>
                Learn at your pace, practise what you learn and gradually
                build the confidence to use English in real situations.
            </p>

        </div>


        <div class="ees-process">

            {{-- STEP 01 --}}
            <article class="ees-process-step ees-reveal">

                <div class="ees-process-top">

                    <div class="ees-process-icon">

                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <circle cx="12" cy="12" r="8"/>
                            <path d="M12 8v4l3 2"/>
                        </svg>

                    </div>

                    <span class="ees-process-number">
                        01
                    </span>

                </div>

                <h3>
                    Discover
                </h3>

                <p>
                    Understand your goals and choose the learning path
                    that fits your current English needs.
                </p>

            </article>


            {{-- CONNECTOR --}}
            <div class="ees-process-connector" aria-hidden="true"></div>


            {{-- STEP 02 --}}
            <article class="ees-process-step ees-reveal ees-reveal-delay-1">

                <div class="ees-process-top">

                    <div class="ees-process-icon">

                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5v-15Z"/>
                            <path d="M4 20.5A2.5 2.5 0 0 1 6.5 18H20"/>
                        </svg>

                    </div>

                    <span class="ees-process-number">
                        02
                    </span>

                </div>

                <h3>
                    Learn
                </h3>

                <p>
                    Build vocabulary, grammar, speaking and communication
                    skills through structured lessons.
                </p>

            </article>


            {{-- CONNECTOR --}}
            <div class="ees-process-connector" aria-hidden="true"></div>


            {{-- STEP 03 --}}
            <article class="ees-process-step ees-reveal ees-reveal-delay-2">

                <div class="ees-process-top">

                    <div class="ees-process-icon">

                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M4 5h16v11H8l-4 4V5Z"/>
                            <path d="M8 9h8"/>
                            <path d="M8 12h5"/>
                        </svg>

                    </div>

                    <span class="ees-process-number">
                        03
                    </span>

                </div>

                <h3>
                    Practise
                </h3>

                <p>
                    Apply what you learn through conversations, exercises
                    and practical real-world situations.
                </p>

            </article>


            {{-- CONNECTOR --}}
            <div class="ees-process-connector" aria-hidden="true"></div>


            {{-- STEP 04 --}}
            <article class="ees-process-step ees-reveal ees-reveal-delay-3">

                <div class="ees-process-top">

                    <div class="ees-process-icon">

                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M5 19V9"/>
                            <path d="M12 19V5"/>
                            <path d="M19 19v-8"/>
                            <path d="M3 19h18"/>
                        </svg>

                    </div>

                    <span class="ees-process-number">
                        04
                    </span>

                </div>

                <h3>
                    Grow
                </h3>

                <p>
                    Use your English with greater confidence in everyday
                    life, studies, interviews and the workplace.
                </p>

            </article>

        </div>


        <div class="ees-process-footer ees-reveal ees-reveal-delay-3">

            <span>
                Learn
            </span>

            <span>→</span>

            <span>
                Practise
            </span>

            <span>→</span>

            <span>
                Communicate
            </span>

            <span>→</span>

            <strong>
                Grow
            </strong>

        </div>

    </div>

</section>
{{-- =========================================================
     05. LEARNING PATHS
========================================================= --}}

<section class="ees-paths-section">

    <div class="container">

        <div class="ees-paths-header">

            <div class="ees-reveal">

                <span class="ees-section-label">
                    LEARNING PATHS
                </span>

                <h2>
                    Find the Right Course
                    <span>for Your Goals.</span>
                </h2>

            </div>

            <div class="ees-paths-header-text ees-reveal ees-reveal-delay-1">

                <p>
                    Choose a learning path based on where you are today
                    and where you want your English to take you.
                </p>

                <a
                    href="{{ route('courses') }}"
                    class="ees-paths-view-all"
                >
                    View All Courses
                    <span>→</span>
                </a>

            </div>

        </div>


        <div class="ees-paths-image-grid">

            <a
                href="{{ route('courses') }}"
                class="ees-path-card ees-reveal"
            >

                <img
                    src="{{ asset('images/home/course-foundation.jpg') }}"
                    alt="English foundation course"
                    loading="lazy"
                >

                <div class="ees-path-overlay"></div>

                <div class="ees-path-card-content">

                    <span class="ees-path-tag">
                        FOUNDATION
                    </span>

                    <h3>
                        Build Strong Foundations
                    </h3>

                    <p>
                        Strengthen vocabulary, grammar and everyday
                        communication skills.
                    </p>

                    <span class="ees-path-action">
                        Explore Foundation →
                    </span>

                </div>

            </a>


            <a
                href="{{ route('courses') }}"
                class="ees-path-card ees-path-featured ees-reveal ees-reveal-delay-1"
            >

                <img
                    src="{{ asset('images/home/course-speaking.jpg') }}"
                    alt="Spoken English course"
                    loading="lazy"
                >

                <div class="ees-path-overlay"></div>

                <div class="ees-path-card-content">

                    <span class="ees-path-tag">
                        MOST POPULAR
                    </span>

                    <h3>
                        Speak More Naturally
                    </h3>

                    <p>
                        Improve fluency, confidence and real-life
                        conversation skills.
                    </p>

                    <span class="ees-path-action">
                        Explore Speaking →
                    </span>

                </div>

            </a>


            <a
                href="{{ route('courses') }}"
                class="ees-path-card ees-reveal ees-reveal-delay-2"
            >

                <img
                    src="{{ asset('images/home/course-professional.jpg') }}"
                    alt="Professional English course"
                    loading="lazy"
                >

                <div class="ees-path-overlay"></div>

                <div class="ees-path-card-content">

                    <span class="ees-path-tag">
                        PROFESSIONAL
                    </span>

                    <h3>
                        Grow With Better Communication
                    </h3>

                    <p>
                        Prepare for interviews, workplace conversations
                        and professional communication.
                    </p>

                    <span class="ees-path-action">
                        Explore Professional →
                    </span>

                </div>

            </a>

        </div>

    </div>

</section>


{{-- =========================================================
     TESTIMONIALS — PREMIUM
========================================================= --}}
@if ($testimonials->count())

<section class="ees-testimonial-section">

    <div class="container">

        <div class="ees-testimonial-header ees-reveal">

            <span class="ees-section-label">
                STUDENT EXPERIENCES
            </span>

            <h2 class="ees-testimonial-title">
                Real Learners.
                <span>Real Confidence.</span>
            </h2>

            <p class="ees-testimonial-intro">
                See what learners have to say about their experience
                improving English communication and confidence.
            </p>

        </div>


        <div class="ees-testimonial-grid">

            @foreach ($testimonials as $testimonial)

                <article class="ees-testimonial-card ees-reveal">

                    <div class="ees-testimonial-top">

                        <div class="ees-testimonial-avatar">

                            {{ strtoupper(
                                substr(
                                    trim($testimonial->name),
                                    0,
                                    1
                                )
                            ) }}

                        </div>

                        <div class="ees-testimonial-rating">

                            {{ str_repeat('★', $testimonial->rating) }}
                            <span>
                                {{ str_repeat('☆', 5 - $testimonial->rating) }}
                            </span>

                        </div>

                    </div>


                    <div class="ees-testimonial-quote">
                        “
                    </div>


                    <blockquote>
                        {{ $testimonial->content }}
                    </blockquote>


                    <div class="ees-testimonial-person">

                        <div>

                            <h3>
                                {{ $testimonial->name }}
                            </h3>

                            @if ($testimonial->designation)

                                <p>
                                    {{ $testimonial->designation }}
                                </p>

                            @else

                                <p>
                                    English Learner
                                </p>

                            @endif

                        </div>

                    </div>

                </article>

            @endforeach

        </div>


        <div class="ees-testimonial-footer ees-reveal">

            <span>
                Trusted learning. Practical results.
            </span>

            <a
                href="{{ route('contact') }}"
            >
                Start Your Journey
                <b>→</b>
            </a>

        </div>

    </div>

</section>

@endif
{{-- =========================================================
     FAQ
========================================================= --}}
<section class="ees-faq-section">

    <div class="container">

        <div class="ees-faq-header ees-reveal">

            <span class="ees-section-label">
                FREQUENTLY ASKED QUESTIONS
            </span>

            <h2>
                Everything You Need
                <span>to Know.</span>
            </h2>

            <p>
                Have a question about our English learning programs?
                Here are some common answers.
            </p>

        </div>


        <div class="ees-faq-list">

            <div class="ees-faq-item ees-reveal">

                <button
                    type="button"
                    class="ees-faq-question"
                    aria-expanded="false"
                >
                    <span>
                        Who can join English Excellence Academy?
                    </span>

                    <span class="ees-faq-icon">
                        +
                    </span>
                </button>

                <div class="ees-faq-answer">
                    <p>
                        Our programs can be designed for learners at
                        different levels, from beginners looking to
                        build a strong foundation to learners who want
                        to improve spoken and professional English.
                    </p>
                </div>

            </div>


            <div class="ees-faq-item ees-reveal ees-reveal-delay-1">

                <button
                    type="button"
                    class="ees-faq-question"
                    aria-expanded="false"
                >
                    <span>
                        Do I need prior knowledge of English?
                    </span>

                    <span class="ees-faq-icon">
                        +
                    </span>
                </button>

                <div class="ees-faq-answer">
                    <p>
                        No. The right learning path can be selected
                        according to your current level and goals.
                        Beginners can start with the foundation path.
                    </p>
                </div>

            </div>


            <div class="ees-faq-item ees-reveal ees-reveal-delay-2">

                <button
                    type="button"
                    class="ees-faq-question"
                    aria-expanded="false"
                >
                    <span>
                        What will I learn in the courses?
                    </span>

                    <span class="ees-faq-icon">
                        +
                    </span>
                </button>

                <div class="ees-faq-answer">
                    <p>
                        Depending on the course, learners can work on
                        speaking, vocabulary, grammar, pronunciation,
                        conversation and professional communication.
                    </p>
                </div>

            </div>


            <div class="ees-faq-item ees-reveal">

                <button
                    type="button"
                    class="ees-faq-question"
                    aria-expanded="false"
                >
                    <span>
                        How do I choose the right course?
                    </span>

                    <span class="ees-faq-icon">
                        +
                    </span>
                </button>

                <div class="ees-faq-answer">
                    <p>
                        Start by identifying your primary goal—building
                        basic English, improving spoken fluency or
                        developing professional communication skills.
                        You can also contact us for guidance.
                    </p>
                </div>

            </div>


            <div class="ees-faq-item ees-reveal ees-reveal-delay-1">

                <button
                    type="button"
                    class="ees-faq-question"
                    aria-expanded="false"
                >
                    <span>
                        How can I get more information?
                    </span>

                    <span class="ees-faq-icon">
                        +
                    </span>
                </button>

                <div class="ees-faq-answer">
                    <p>
                        Visit our Courses page to explore the available
                        learning paths, or contact us directly for
                        course details and guidance.
                    </p>
                </div>

            </div>

        </div>


        <div class="ees-faq-footer ees-reveal">

            <p>
                Still have questions?
            </p>

            <a
                href="{{ route('contact') }}"
                class="btn btn-outline-primary px-4"
            >
                Talk to Us
            </a>

        </div>

    </div>

</section>
{{-- =========================================================
     FINAL CTA — PREMIUM
========================================================= --}}
<section class="ees-cta-section">

    <div class="container">

        <div class="ees-cta-premium ees-reveal">

            <div class="ees-cta-glow ees-cta-glow-one"></div>
            <div class="ees-cta-glow ees-cta-glow-two"></div>

            <div class="ees-cta-content">

                <span class="ees-cta-label">
                    START YOUR ENGLISH JOURNEY
                </span>

                <h2>
                    Your Confidence
                    <span>Starts With One Step.</span>
                </h2>

                <p>
                    Learn practical English, communicate more clearly
                    and open the door to better opportunities.
                </p>

                <div class="ees-cta-actions">

                    <a
                        href="{{ route('courses') }}"
                        class="ees-cta-primary"
                    >
                        Explore Courses
                        <span>→</span>
                    </a>

                    <a
                        href="{{ route('contact') }}"
                        class="ees-cta-secondary"
                    >
                        Talk to Us
                    </a>

                </div>

                <div class="ees-cta-note">
                    Learn · Practice · Communicate · Grow
                </div>

            </div>

        </div>

    </div>

</section>

@endsection