{% extends "base.html" %}
{% block content %}

<!-- TOP INTRO SECTION -->
<div class="container text-center mt-5">
    <h1>Welcome to House Report System</h1>
    <p class="lead mt-3">
        Create property reports, upload images, and manage inspections easily.
    </p>

    <a href="{{ url_for('auth.login') }}" class="btn btn-primary btn-lg mt-4">
        Login
    </a>
</div>

<!-- HERO SECTION -->
<section class="hero-home"
         style="
           background-image:
             linear-gradient(
               rgba(0, 0, 0, 0.10),
               rgba(0, 0, 0, 0.35)
             ),
             url('{{ url_for('static', filename='image/home-hero.jpg') }}');
         ">
  <div class="hero-inner">
    <h1 class="hero-title">Welcome to House Report System</h1>
    <p class="hero-subtitle">
      Submit property inspections, upload photos of defects, and download clear PDF
      reports for homeowners, surveyors, and engineers.
      Use the <strong>Login</strong> or <strong>Sign Up</strong> buttons above to get started.
    </p>
  </div>
</section>

<!-- CONTACT SECTION -->
<section id="contact" class="py-5 bg-light">
  <div class="container">
      <!-- Your contact form / contact card here -->
      <h2>Contact Us</h2>
      <p>We are here to help you with inspections and reports.</p>
  </div>
</section>

{% endblock %}