{% extends "base.html" %}
{% block title %}Digital Blaize — Launch Your Tech Career{% endblock %}

{% block content %}

<!-- ── Hero ── -->
<section class="hero">
  <div class="hero-bg-grid"></div>
  <div class="container hero-inner">
    <div class="hero-text">
      <span class="badge badge-glow">🚀 Cohort 2025 Open</span>
      <h1>Build Real Skills.<br/>Launch Real Careers.</h1>
      <p>Hands-on internships in Robotics, AI/ML, IoT, Full Stack, Automation &amp; more. Learn from industry mentors and work on live projects.</p>
      <div class="hero-actions">
        <a href="{{ url_for('main.internships') }}" class="btn btn-primary btn-lg">Apply for Internship</a>
        <a href="{{ url_for('main.programs') }}" class="btn btn-outline btn-lg">Explore Programs</a>
      </div>
      <div class="hero-stats">
        <div class="stat"><span class="stat-num">500+</span><span class="stat-label">Students Trained</span></div>
        <div class="stat"><span class="stat-num">6</span><span class="stat-label">Domains</span></div>
        <div class="stat"><span class="stat-num">95%</span><span class="stat-label">Placement Rate</span></div>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-robot"></i></div>
        <span>Robotics</span>
      </div>
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-brain"></i></div>
        <span>AI / ML</span>
      </div>
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-microchip"></i></div>
        <span>IoT</span>
      </div>
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-code"></i></div>
        <span>Full Stack</span>
      </div>
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-cogs"></i></div>
        <span>Automation</span>
      </div>
      <div class="hero-card glass">
        <div class="card-icon"><i class="fas fa-network-wired"></i></div>
        <span>AI Agents</span>
      </div>
    </div>
  </div>
</section>

<!-- ── Why Digital Blaize ── -->
<section class="section">
  <div class="container">
    <div class="section-header">
      <span class="badge">Why Us</span>
      <h2>Why Choose Digital Blaize?</h2>
      <p>We don't just teach — we build careers through real projects, real mentors, and real outcomes.</p>
    </div>
    <div class="grid grid-3">
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-laptop-code"></i></div>
        <h3>Live Projects</h3>
        <p>Work on actual industry projects from day one. No dummy tasks, no outdated content.</p>
      </div>
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-user-tie"></i></div>
        <h3>Expert Mentors</h3>
        <p>Learn directly from engineers and professionals working at top tech companies.</p>
      </div>
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-certificate"></i></div>
        <h3>Verified Certificate</h3>
        <p>Receive an industry-recognized certificate to strengthen your resume and LinkedIn profile.</p>
      </div>
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-users"></i></div>
        <h3>Community Access</h3>
        <p>Join a network of 500+ alumni, developers, and engineers across India.</p>
      </div>
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-briefcase"></i></div>
        <h3>Placement Support</h3>
        <p>Resume reviews, mock interviews, and referrals to hiring partners in your domain.</p>
      </div>
      <div class="feature-card glass">
        <div class="feature-icon"><i class="fas fa-clock"></i></div>
        <h3>Flexible Schedule</h3>
        <p>Online and hybrid options so you can upskill while managing college or work.</p>
      </div>
    </div>
  </div>
</section>

<!-- ── Domains ── -->
<section class="section section-dark">
  <div class="container">
    <div class="section-header">
      <span class="badge">Domains</span>
      <h2>Pick Your Path</h2>
      <p>Six cutting-edge domains designed for the jobs of tomorrow.</p>
    </div>
    <div class="grid grid-3">
      {% set domains_info = [
        ("Robotics", "fas fa-robot", "Build autonomous systems, work with ROS, sensors, and embedded hardware."),
        ("AI / ML", "fas fa-brain", "Train models, build pipelines, and deploy intelligent applications."),
        ("IoT", "fas fa-microchip", "Connect devices, collect data, and build smart systems end-to-end."),
        ("Full Stack Development", "fas fa-code", "Build modern web apps with React, Node.js, databases and APIs."),
        ("Automation & RPA", "fas fa-cogs", "Automate business workflows using Python, Selenium, and RPA tools."),
        ("AI Agent Development", "fas fa-network-wired", "Design and deploy multi-agent AI systems for real-world tasks."),
      ] %}
      {% for name, icon, desc in domains_info %}
      <div class="domain-card glass">
        <div class="domain-icon"><i class="{{ icon }}"></i></div>
        <h3>{{ name }}</h3>
        <p>{{ desc }}</p>
        <a href="{{ url_for('main.internships') }}" class="btn btn-ghost btn-sm">Apply →</a>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- ── CTA ── -->
<section class="section cta-section">
  <div class="container">
    <div class="cta-box glass">
      <h2>Ready to start your journey?</h2>
      <p>Applications for Cohort 2025 are open. Seats are limited — apply now.</p>
      <div class="cta-actions">
        <a href="{{ url_for('main.internships') }}" class="btn btn-primary btn-lg">Apply Now</a>
        <a href="{{ url_for('internship.status_page') }}" class="btn btn-outline btn-lg">Check My Status</a>
      </div>
    </div>
  </div>
</section>

{% endblock %}