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

{% block content %}
<!-- Process Section -->
<section id="process" class="process-section py-5 bg-light">
    <div class="container">
      <h2 class="text-center mb-5">Our Process</h2>
      <div class="timeline">
        <div class="timeline-step left">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Step 1: Initial Consultation</h5>
              <p class="card-text">We assess your case and provide a detailed plan of action.</p>
            </div>
          </div>
        </div>
        <div class="timeline-step right">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Step 2: Documentation</h5>
              <p class="card-text">We gather all necessary documents to support your claim.</p>
            </div>
          </div>
        </div>
        <div class="timeline-step left">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Step 3: Submission</h5>
              <p class="card-text">We submit your claim to the relevant authorities.</p>
            </div>
          </div>
        </div>
        <div class="timeline-step right">
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Step 4: Follow-Up</h5>
              <p class="card-text">We monitor the progress and keep you updated.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Educational Resources Section -->
  <section class="resources-section py-5">
    <div class="container">
      <h2 class="text-center mb-5">Educational Resources</h2>
      <div class="row">
        <!-- Resource 1 -->
        <div class="col-md-4">
          <div class="resource-card">
            <h4>Understanding Property Seizure</h4>
            <p>Learn about the legal process of property seizure and your rights as a property owner.</p>
            <a href="#" target="_blank">Read More</a>
          </div>
        </div>
        <!-- Resource 2 -->
        <div class="col-md-4">
          <div class="resource-card">
            <h4>Tax Laws and Your Rights</h4>
            <p>Explore the tax laws that apply to property seizure and how to protect your rights.</p>
            <a href="#" target="_blank">Read More</a>
          </div>
        </div>
        <!-- Resource 3 -->
        <div class="col-md-4">
          <div class="resource-card">
            <h4>How to File a Claim</h4>
            <p>A step-by-step guide on how to file a claim to recover your funds.</p>
            <a href="#" target="_blank">Read More</a>
          </div>
        </div>
      </div>
    </div>
  </section>
{% endblock %}