backend/templates/index.html

{% extends "base.html" %}

{% block title %}Codingo - AI-Powered Recruitment Platform{% endblock %}

{% block hero %}
<section class="hero">
    <div class="container">
        <div class="hero-content">
            <div class="luna-avatar-container">
                <div class="luna-glow"></div>
                <div class="luna-avatar">
                    <img src="{{ url_for('static', filename='images/LUNA.png') }}" alt="LUNA AI Assistant">
                </div>
            </div>
            <h1>Meet LUNA, Your AI Recruitment Assistant</h1>
            <p>Revolutionize your hiring process with AI-powered candidate screening, automated interviews, and
                intelligent skill matching to find your perfect technical talent.</p>
            <div class="hero-buttons">
                <a href="{{ url_for('jobs') }}" class="btn btn-primary">Find Jobs</a>
                <a href="https://www.youtube.com/watch?v=P6HG27fsJgU" class="btn btn-outline">Watch Demo</a>
            </div>
        </div>
    </div>
</section>
{% endblock %}

{% block content %}
<section class="content-section" id="features">
    <div class="section-title">
        <h2>Platform Features</h2>
        <p>Codingo streamlines every step of your technical hiring process with cutting-edge AI technology</p>
    </div>
    <div class="features-grid">
        <div class="feature-card">
            <div class="feature-icon">
                <span>🤖</span>
            </div>
            <div class="feature-content">
                <h3>AI CV Analysis</h3>
                <p>LUNA automatically analyzes resumes, matching candidates to job requirements with precision and
                    eliminating unconscious bias.</p>
            </div>
        </div>
        <div class="feature-card">
            <div class="feature-icon">
                <span>🎯</span>
            </div>
            <div class="feature-content">
                <h3>Smart Shortlisting</h3>
                <p>Our 70% skill match threshold ensures you only interview candidates who meet your technical
                    requirements.</p>
            </div>
        </div>
        <div class="feature-card">
            <div class="feature-icon">
                <span>🖥️</span>
            </div>
            <div class="feature-content">
                <h3>AI-Led Interviews</h3>
                <p>Structured interview sessions assess soft skills, technical knowledge, and coding abilities with
                    real-time monitoring.</p>
            </div>
        </div>
    </div>
</section>

<section class="cta">
    <div class="container">
        <h2>Ready to Transform Your Technical Hiring?</h2>
        <p>Join hundreds of companies finding their perfect tech talent faster and more efficiently with Codingo.</p>
        <a href="{{ url_for('jobs') }}" class="btn btn-primary">Browse Available Jobs</a>
    </div>
</section>
{% endblock %}