<!DOCTYPE html>
<html lang="en">
<?php include 'includes/head.php'; ?>

<head>


</head>

<body>

  <?php
  $current_page = 'women';
  include 'includes/header.php';
  ?>


  <!-- ═══ HERO ═══ -->
  <section class="hero">
    <div class="hero-arc hero-arc-1"></div>
    <div class="hero-arc hero-arc-2"></div>
    <div class="hero-arc hero-arc-3"></div>

    <div class="hero-inner">
      <div class="hero-badge">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
          stroke-linejoin="round">
          <path
            d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" />
        </svg>
        ESG Initiative
      </div>

      <h1 class="hero-title">
        Empowering <em>Women</em><br>in Logistics
      </h1>

      <p class="hero-sub">
        At Doormile, we believe in creating equal opportunities. Our Women Entrepreneurship program is dedicated to
        training, supporting, and celebrating women who are transforming the last-mile delivery ecosystem.
      </p>

      <a href="#" class="hero-cta">
        Join Our Program
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
          stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12" />
          <polyline points="12 5 19 12 12 19" />
        </svg>
      </a>
    </div>

    <!-- <div class="hero-scroll">
    <div class="scroll-line"></div>
    <span>Scroll</span>
  </div> -->
  </section>

  <!-- ═══ STATS BAR ═══ -->
  <div class="stats-bar">
    <div class="stats-inner">
      <div class="stat-item reveal reveal-d1">
        <div class="stat-num">500 <span>+</span></div>
        <div class="stat-lbl">Women Entrepreneurs Trained</div>
      </div>
      <div class="stat-item reveal reveal-d2">
        <div class="stat-num">35 <span>%</span></div>
        <div class="stat-lbl">Of Our Fleet Partners</div>
      </div>
      <div class="stat-item reveal reveal-d3">
        <div class="stat-num">₹2 <span>Cr+</span></div>
        <div class="stat-lbl">Earnings Generated</div>
      </div>
      <div class="stat-item reveal reveal-d4">
        <div class="stat-num">15 </div>
        <div class="stat-lbl">Cities Covered</div>
      </div>
    </div>
  </div>

  <!-- ═══ INITIATIVES ═══ -->
  <div class="initiatives">
    <div class="section-header reveal">
      <div class="section-eyebrow">What We Offer</div>
      <h2 class="section-title">Our Initiatives</h2>
      <p class="section-sub">Comprehensive programs designed to support women at every stage of their entrepreneurship
        journey.</p>
    </div>

    <div class="init-grid">
      <article class="init-card reveal reveal-d1">
        <div class="init-icon">📚</div>
        <div class="init-content">
          <h3 class="init-title">Training & Development</h3>
          <p class="init-desc">Comprehensive training programs designed to equip women with logistics management skills,
            from route planning to customer service excellence.</p>
        </div>
      </article>
      <article class="init-card reveal reveal-d2">
        <div class="init-icon">💼</div>
        <div class="init-content">
          <h3 class="init-title">Business Support</h3>
          <p class="init-desc">Access to micro-financing, business mentorship, and operational support to help women
            entrepreneurs build sustainable delivery businesses.</p>
        </div>
      </article>
      <article class="init-card reveal reveal-d3">
        <div class="init-icon">🏆</div>
        <div class="init-content">
          <h3 class="init-title">Recognition Programs</h3>
          <p class="init-desc">Annual awards and recognition for top-performing women entrepreneurs, celebrating their
            achievements and inspiring others across the network.</p>
        </div>
      </article>
      <article class="init-card reveal reveal-d4">
        <div class="init-icon">🎯</div>
        <div class="init-content">
          <h3 class="init-title">Goal Setting & Metrics</h3>
          <p class="init-desc">Data-driven approach to track progress, set ambitious targets, and measure the real
            impact of our women empowerment initiatives.</p>
        </div>
      </article>
    </div>
  </div>

  <!-- ═══ SUCCESS STORIES ═══ -->
  <section class="stories-section">
    <div class="stories-inner">
      <div class="section-header reveal">
        <div class="section-eyebrow">Success Stories</div>
        <h2 class="section-title">Women Leading the Way</h2>
        <p class="section-sub">Meet the inspiring women who are redefining logistics in India.</p>
      </div>

      <div class="stories-grid">

        <!-- Story 1 -->
        <article class="story-card reveal reveal-d1">
          <div class="story-img-wrap">
            <img class="story-img" src="assets/images/women_story_1.png" alt="Lakshmi Devi"
              loading="lazy" />
          </div>
          <div class="story-body">
            <p class="story-role">Fleet Owner, Coimbatore</p>
            <h3 class="story-name">Lakshmi Devi</h3>
            <div class="story-location">
              <svg viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
              </svg>
              Tamil Nadu, Coimbatore
            </div>
            <div class="story-divider"></div>
            <p class="story-quote">Started with one e-rickshaw, now manages a fleet of 12 vehicles serving local
              businesses across the city.</p>
          </div>
        </article>

        <!-- Story 2 -->
        <article class="story-card reveal reveal-d2">
          <div class="story-img-wrap">
            <img class="story-img" src="assets/images/women_story_2.png" alt="Priya Sharma"
              loading="lazy" />
          </div>
          <div class="story-body">
            <p class="story-role">Delivery Partner, Bengaluru</p>
            <h3 class="story-name">Priya Sharma</h3>
            <div class="story-location">
              <svg viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
              </svg>
              Karnataka, Bengaluru
            </div>
            <div class="story-divider"></div>
            <p class="story-quote">A single mother who found financial independence through Doormile's delivery network,
              now mentoring 30+ women.</p>
          </div>
        </article>

        <!-- Story 3 -->
        <article class="story-card reveal reveal-d3">
          <div class="story-img-wrap">
            <img class="story-img" src="assets/images/women_story_3.png" alt="Fatima Khan"
              loading="lazy" />
          </div>
          <div class="story-body">
            <p class="story-role">Hub Manager, Hyderabad</p>
            <h3 class="story-name">Fatima Khan</h3>
            <div class="story-location">
              <svg viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
              </svg>
              Telangana, Hyderabad
            </div>
            <div class="story-divider"></div>
            <p class="story-quote">From delivery rider to managing a regional hub with 50+ partners in just 2 years
              through sheer determination.</p>
          </div>
        </article>

      </div>
    </div>
  </section>

  <!-- ═══ CTA ═══ -->
  <section class="cta-section">
    <div class="cta-circle cta-circle-1"></div>
    <div class="cta-circle cta-circle-2"></div>
    <div class="cta-inner reveal">
      <p class="cta-eyebrow">Take the first step</p>
      <h2 class="cta-title">Ready to Start<br><em>Your Journey?</em></h2>
      <p class="cta-sub">Join our Women Entrepreneurship program and become part of India's fastest-growing logistics
        network.</p>
      <div class="cta-buttons">
        <a href="#" class="btn-primary">
          Apply Now
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"
            stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12" />
            <polyline points="12 5 19 12 12 19" />
          </svg>
        </a>
        <a href="#" class="btn-outline">Learn More</a>
      </div>
    </div>
  </section>

  <script>
    // Intersection Observer for scroll reveals
    const revealEls = document.querySelectorAll('.reveal');
    const io = new IntersectionObserver((entries) => {
      entries.forEach(e => {
        if (e.isIntersecting) {
          e.target.classList.add('visible');
          io.unobserve(e.target);
        }
      });
    }, { threshold: 0.12 });
    revealEls.forEach(el => io.observe(el));
  </script>

</body>

</html>
