{% extends "base.html" %}
{% load static %}

{% block title %}CodeCraft - Your Coding Challenge Platform{% endblock %}

{% block content %}
<div class="container-fluid">

  <header class="hero">
    <div class="container">
      <div class="row">
        <div class="col-md-8 mx-auto">
          <h1 class="display-4">Welcome to CodeCraft</h1>
          <p class="lead">The ultimate platform for coding challenges and assignments. Sharpen your skills, compete with peers, and get feedback from instructors.</p>
          <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
            <a href="{% url 'core:login' %}" class="btn btn-primary btn-lg">Student Portal</a>
            <a href="#" class="btn btn-secondary btn-lg">Teacher Login</a>
          </div>
        </div>
      </div>
    </div>
  </header>

  <section class="features-section">
    <div class="container">
      <div class="row text-center">
        <div class="col-lg-4 mb-4">
          <div class="feature-card h-100">
            <div class="icon"><i class="fas fa-tasks"></i></div>
            <h3 class="h4">Diverse Challenges</h3>
            <p>From simple algorithms to complex data structures, we have a wide range of challenges to test your skills.</p>
          </div>
        </div>
        <div class="col-lg-4 mb-4">
          <div class="feature-card h-100">
            <div class="icon"><i class="fas fa-lightbulb"></i></div>
            <h3 class="h4">Hint System</h3>
            <p>Stuck on a problem? Our hint system will guide you towards the solution without giving it away.</p>
          </div>
        </div>
        <div class="col-lg-4 mb-4">
          <div class="feature-card h-100">
            <div class="icon"><i class="fas fa-chalkboard-teacher"></i></div>
            <h3 class="h4">Instructor Support</h3>
            <p>Teachers can create assignments, provide feedback, and even queue up to help students in real-time.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>
{% endblock %}
