{% extends 'base.html' %}
{% block content %}
<section class="section">
  <div class="container narrow">
    <div class="card">
      <h1>Architecture and build plan</h1>
      <h3>Hackathon MVP</h3>
      <ul>
        <li>Visitor planner with budget and interest-based activity recommendations</li>
        <li>Central map for attractions, rentals, repair, and health support</li>
        <li>Partner registration with fee-plan simulation</li>
        <li>Mobile triggers for bike repair and health support</li>
        <li>Shared APIs used by both web and Flutter</li>
      </ul>
      <h3>Production architecture</h3>
      <ul>
        <li>Frontend: React or Flutter web, plus Flutter mobile app</li>
        <li>Backend: Flask or FastAPI with PostgreSQL and Redis</li>
        <li>Maps: Google Maps UI, Valhalla or GraphHopper for self-hosted routing</li>
        <li>Payments: Stripe or Paytrail for partner fees and bookings</li>
        <li>Safety: consent-based tracking, wearables integration, incident workflows</li>
      </ul>
      <h3>Important governance note</h3>
      <p>In a real deployment, health claims, emergency dispatch, and continuous monitoring must be scoped with legal, privacy, medical-device, and municipal-operational review. For the hackathon, present this as decision support and guided service discovery.</p>
    </div>
  </div>
</section>
{% endblock %}