{% extends 'base.html' %}

{% block title %}Home - AgriLink{% endblock %}

{% block content %}
<section class="hero">
  <div class="hero-content">
    <h1>Connecting Farmers & Buyers</h1>
    <p>
      Empowering smallholder farmers to sell directly to local buyers through a
      modern digital marketplace.
    </p>
    <a href="{{ url_for('register') }}" class="btn-primary">Join Now</a>
  </div>
</section>

<section class="mission">
  <div class="container">
    <h2>Our Mission</h2>
    <p>
      AgriLink connects farmers and buyers through a user-friendly digital
      platform that promotes fair opportunities, transparency, and access to
      fresh produce for everyone.
    </p>
  </div>
</section>

<section class="categories">
  <div class="container">
    <h2>Explore Marketplace</h2>
    <div class="category-grid">
      <div class="category-card">
        <img
          src="{{ url_for('static', filename='img/vegetables.jpg') }}"
          alt="Vegetables"
        />
        <h3>Fresh Vegetables</h3>
      </div>

      <div class="category-card">
        <img
          src="{{ url_for('static', filename='img/fruits.jpg') }}"
          alt="Fruits"
        />
        <h3>Seasonal Fruits</h3>
      </div>

      <div class="category-card">
        <img
          src="{{ url_for('static', filename='img/grains.jpg') }}"
          alt="Grains"
        />
        <h3>Organic Grains</h3>
      </div>
    </div>
  </div>
</section>
{% endblock %}