<?php include 'header.php'; ?>

<!-- Normal Sub Header -->
<?php include 'template-parts/sub-header-normal.php'; ?>

<!-- Hero Section -->
<div class="hero-section uk-section">
    <div class="uk-container">
        <div class="uk-text-center">
            <h1 class="uk-margin-bottom">Why Choose Our Consultation Platform?</h1>
            <p class="uk-text-large uk-width-2-3@m uk-margin-auto">
                Transform your interview skills with expert-led training designed to help you land your dream job
            </p>
            <a href="#features" class="uk-button uk-button-primary uk-margin-top" uk-scroll>
                Discover Our Advantages
            </a>
        </div>
    </div>
</div>

<!-- Key Features Grid -->
<div id="features" class="uk-section uk-section-muted">
    <div class="uk-container">
        <h2 class="uk-text-center">What Makes Us Different</h2>

        <div class="uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match uk-margin-large-bottom" uk-grid>
            <!-- Expert-Led Training -->
            <div>
                <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center">
                    <div class="feature-icon">🎯</div>
                    <h3 class="uk-card-title uk-text-bold">Expert-Led Training</h3>
                    <p>Connect with <strong>certified HR professionals</strong> and industry experts who understand what employers are really looking for. Get personalized guidance from specialists who have conducted thousands of real interviews.</p>
                </div>
            </div>

            <!-- Realistic Simulation -->
            <div>
                <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center">
                    <div class="feature-icon">📹</div>
                    <h3 class="uk-card-title uk-text-bold">Realistic Interview Simulation</h3>
                    <p>Experience <strong>live video interview sessions</strong> that mirror actual job interviews. Practice in authentic scenarios tailored to your industry and role in a safe environment.</p>
                </div>
            </div>

            <!-- Instant Feedback -->
            <div>
                <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center">
                    <div class="feature-icon">⚡</div>
                    <h3 class="uk-card-title uk-text-bold">Instant Feedback</h3>
                    <p>Receive <strong>immediate, detailed evaluations</strong> after each session including strengths assessment, improvement areas, specific recommendations, and downloadable reports.</p>
                </div>
            </div>

            <!-- Proven Results -->
            <div>
                <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-text-center">
                    <div class="feature-icon">🚀</div>
                    <h3 class="uk-card-title uk-text-bold">Proven Results</h3>
                    <p>Our users report <strong>significantly higher success rates</strong> in job interviews after training with our platform. Build the confidence and skills that employers value most.</p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Skills Development -->
<div class="uk-section">
    <div class="uk-container">
        <h2 class="uk-heading-small uk-text-center uk-margin-large-bottom">Comprehensive Skill Development</h2>
        <div class="uk-child-width-1-4@l uk-child-width-1-2@m uk-child-width-1-1@s uk-text-center" uk-grid>
            <div>
                <div class="uk-card uk-card-default uk-card-body">
                    <span uk-icon="icon: comments; ratio: 2" class="uk-text-primary"></span>
                    <h4 class="uk-margin-top">Communication Skills</h4>
                    <p class="uk-text-small">Clear, confident speaking</p>
                </div>
            </div>
            <div>
                <div class="uk-card uk-card-default uk-card-body">
                    <span uk-icon="icon: users; ratio: 2" class="uk-text-primary"></span>
                    <h4 class="uk-margin-top">Professional Presence</h4>
                    <p class="uk-text-small">Body language and presentation</p>
                </div>
            </div>
            <div>
                <div class="uk-card uk-card-default uk-card-body">
                    <span uk-icon="icon: bookmark; ratio: 2" class="uk-text-primary"></span>
                    <h4 class="uk-margin-top">Storytelling Abilities</h4>
                    <p class="uk-text-small">Compelling career narratives</p>
                </div>
            </div>
            <div>
                <div class="uk-card uk-card-default uk-card-body">
                    <span uk-icon="icon: happy; ratio: 2" class="uk-text-primary"></span>
                    <h4 class="uk-margin-top">Anxiety Management</h4>
                    <p class="uk-text-small">Stay calm under pressure</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Success Stories -->
<div class="uk-section uk-section-muted">
    <div class="uk-container">
        <h2 class="uk-heading-small uk-text-center uk-margin-large-bottom">🌟 Success Stories</h2>
        <div class="uk-child-width-1-2@m uk-grid-match" uk-grid>
            <div>
                <div class="testimonial-card uk-card uk-card-body">
                    <blockquote class="uk-blockquote">
                        <p>"After 3 sessions, I landed my dream job at a Fortune 500 company. The feedback was incredibly detailed and helped me completely transform my interview presence."</p>
                        <footer>Sarah M.</footer>
                    </blockquote>
                </div>
            </div>
            <div>
                <div class="testimonial-card uk-card uk-card-body">
                    <blockquote class="uk-blockquote">
                        <p>"The trainers knew exactly what questions to ask and how to help me articulate my experience better. I went from nervous to confident in just 2 weeks."</p>
                        <footer>Ahmed K.</footer>
                    </blockquote>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Call to Action -->
<div class="uk-section uk-text-center">
    <div class="uk-container">
        <h2>🚀 Ready to Transform Your Interview Skills?</h2>
        <p class="uk-text-default uk-margin-medium-bottom">
            Don't let interview anxiety hold you back from your career goals. Join thousands of professionals
            who have already transformed their interview performance with our expert-led training platform.
        </p>
        <div class="uk-margin-medium-top">
            <a href="#" class="uk-button uk-button-primary uk-margin-small-right">
                Start Your Journey Today
            </a>
            <a href="#" class="uk-button uk-button-default">
                Learn More
            </a>
        </div>
    </div>
</div>


<?php include 'footer.php'; ?>