# -*- coding: utf-8 -*-
from build import page, WHATSAPP_NUMBER, PHONE_DISPLAY

BODY = """
<section class="hero">
  <div class="container hero-grid">
    <div>
      <span class="eyebrow" style="background:rgba(255,255,255,.12);color:#eafff5;">🇮🇳 Built for NRIs — USA · UK · UAE · Singapore · Australia · Canada</span>
      <h1>Your eyes and ears on the ground, for the property you can't visit yourself.</h1>
      <p class="lede">NRI Property Guard sends a verified inspector to your property in India, captures GPS-tagged, timestamped photo &amp; video evidence, and puts a tamper-evident inspection report and live dashboard in your pocket — wherever you live.</p>
      <div class="hero-badges">
        <span class="hero-badge">✅ GPS &amp; timestamp verified evidence</span>
        <span class="hero-badge">🔒 Tamper-evident, hash-chained reports</span>
        <span class="hero-badge">📍 12+ Indian states covered</span>
      </div>
      <div class="hero-cta">
        <a href="portal/index.html#register" class="btn btn-primary">Register Your Property</a>
        <a href="https://wa.me/WANUM?text=Hi%2C%20I%27d%20like%20a%20free%20consultation%20about%20my%20property%20in%20India." target="_blank" rel="noopener" class="btn btn-outline">💬 Chat on WhatsApp</a>
      </div>
      <div class="hero-stats">
        <div class="hero-stat"><b>10+</b><span>Properties actively monitored</span></div>
        <div class="hero-stat"><b>12</b><span>States with local verification teams</span></div>
        <div class="hero-stat"><b>24–48h</b><span>Typical report turnaround after visit</span></div>
      </div>
    </div>
    <div class="hero-card">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;">
        <strong style="font-family:'Poppins';color:#0b3357;">Villa 3B, Whitefield</strong>
        <span class="status-chip status-verified">Approved</span>
      </div>
      <p style="font-size:.82rem;color:#5b6b76;margin-bottom:14px;">Bengaluru, Karnataka · Assigned to R. Sharma</p>
      <div class="row"><span>📸 Photos captured</span><b>18 approved</b></div>
      <div class="row"><span>🎥 Videos captured</span><b>4 approved</b></div>
      <div class="row"><span>📍 GPS verified location</span><b>12.97°N, 77.75°E</b></div>
      <div class="row"><span>🧾 Report</span><b>v3 · PDF ready</b></div>
      <div class="row"><span>🔔 Next visit</span><b>In 12 days</b></div>
      <a href="portal/index.html" class="btn btn-primary btn-block" style="margin-top:16px;">View Sample Owner Dashboard</a>
    </div>
  </div>
</section>

<section aria-label="Trusted by NRIs from">
  <div class="container">
    <p class="text-center" style="color:var(--ink-500);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:22px;">Serving NRI property owners relocated to</p>
    <div class="logo-strip">
      <span>🇺🇸 USA</span><span>🇬🇧 UK</span><span>🇦🇪 UAE</span><span>🇸🇬 Singapore</span><span>🇦🇺 Australia</span><span>🇨🇦 Canada</span><span>🇩🇪 Germany</span>
    </div>
  </div>
</section>

<section class="section-tint">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">The problem</span>
      <h2>Owning property in India from abroad shouldn't mean flying blind</h2>
      <p class="lede center-col">Illegal occupation, forged documents, unpaid dues, and "trust me" updates from a distant relative or broker are the top reasons NRIs lose sleep — and sometimes lose their property.</p>
    </div>
    <div class="grid grid-3">
      <div class="card"><div class="icon-badge">⚠️</div><h3>No independent eyes on-site</h3><p>You rely on relatives, tenants or brokers who may be biased, busy, or simply unavailable when it matters.</p></div>
      <div class="card"><div class="icon-badge">📄</div><h3>Unverifiable "updates"</h3><p>A WhatsApp photo with no timestamp or GPS data proves nothing about when or where it was actually taken.</p></div>
      <div class="card"><div class="icon-badge">⚖️</div><h3>Title &amp; legal risk</h3><p>Encumbrances, disputed ownership, and pending dues can sit undiscovered for years, surfacing only at resale.</p></div>
    </div>
  </div>
</section>

<section id="verification">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">The solution</span>
      <h2>One platform, five verified roles, one job: protect your property</h2>
      <p class="lede center-col">Every property is reviewed by our Admin team, assigned to a regional Property Manager, and physically inspected by a vetted Property Executive — with every step server-enforced, not just a UI checklist.</p>
    </div>
    <div class="grid grid-4">
      <div class="card"><div class="icon-badge">📝</div><h3>Register</h3><p class="mb-0">Add your property with address, GPS pin, documents and photos in minutes.</p></div>
      <div class="card"><div class="icon-badge">🧑‍💼</div><h3>Assign</h3><p class="mb-0">Our Admin verifies details and assigns a regional Property Manager to your case.</p></div>
      <div class="card"><div class="icon-badge">🚶</div><h3>Inspect</h3><p class="mb-0">A Property Executive visits on-site, capturing GPS-tagged photos, video and a condition checklist.</p></div>
      <div class="card"><div class="icon-badge">📊</div><h3>Report</h3><p class="mb-0">Your Manager approves the visit and a tamper-evident PDF report lands in your dashboard.</p></div>
    </div>
    <div class="text-center" style="margin-top:34px;"><a href="how-it-works.html" class="btn btn-outline-navy">See the full workflow →</a></div>
  </div>
</section>

<section class="section-navy">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow" style="background:rgba(255,255,255,.12);color:#eafff5;">What's inside every report</span>
      <h2>A Professional Property Inspection Report you can actually rely on</h2>
      <p class="lede center-col">Not a WhatsApp photo. An 11-section PDF report with chain-of-custody evidence, built the same way for every property, every visit.</p>
    </div>
    <div class="grid grid-3">
      <div class="feature-row"><div class="tick">✓</div><div><h3>GPS + date/time burned into every photo</h3><p>Coordinates, address and capture timestamp are stamped directly onto the image pixels — not just metadata that can be stripped.</p></div></div>
      <div class="feature-row"><div class="tick">✓</div><div><h3>SHA-256 tamper-evident evidence chain</h3><p>Every photo, video and checklist entry is hashed and chained, so any after-the-fact alteration is detectable.</p></div></div>
      <div class="feature-row"><div class="tick">✓</div><div><h3>Location &amp; map snapshot</h3><p>A reverse-geocoded address and static map pin confirm the property's exact location.</p></div></div>
      <div class="feature-row"><div class="tick">✓</div><div><h3>Nearby Locations intelligence</h3><p>Schools, hospitals, supermarkets, banks, transport and more, each with distance from the property.</p></div></div>
      <div class="feature-row"><div class="tick">✓</div><div><h3>Photo &amp; video register</h3><p>Every capture logged with GPS, timestamp and the Manager's approval decision.</p></div></div>
      <div class="feature-row"><div class="tick">✓</div><div><h3>RERA self-verification links</h3><p>Direct links to the official state RERA portal for your own independent check — we never fabricate a regulatory record.</p></div></div>
    </div>
  </div>
</section>

<section class="section-tint">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">Your dashboard</span>
      <h2>Log in from anywhere, see what changed the moment it happens</h2>
      <p class="lede center-col">Your web portal mirrors your mobile app in real time — a Manager's approval, a new report, or an invoice update appears within seconds, no refresh needed.</p>
    </div>
    <div class="grid grid-3">
      <div class="card"><div class="icon-badge">🏠</div><h3>My Property</h3><p>Status timeline, assigned Manager, photos, videos and report history — all on one page per property.</p></div>
      <div class="card"><div class="icon-badge">🧾</div><h3>Documents &amp; Invoices</h3><p>Auto-generated monthly invoices with transparent per-property pricing, downloadable as PDF.</p></div>
      <div class="card"><div class="icon-badge">📍</div><h3>Nearby &amp; Location</h3><p>A live map plus schools, hospitals, transport and more around your property.</p></div>
      <div class="card"><div class="icon-badge">🎫</div><h3>Support</h3><p>Raise a ticket with a few taps and get a reply from your Property Manager or our Admin team.</p></div>
      <div class="card"><div class="icon-badge">🚨</div><h3>Emergency SOS <span style="color:#7a5a0a;font-size:.72rem;font-weight:700;">PRIME</span></h3><p>One tap raises a high-priority alert to our Admin team and your property's Manager.</p></div>
      <div class="card"><div class="icon-badge">🔔</div><h3>Notifications</h3><p>Every submission, assignment, approval and report ready — pushed to you automatically.</p></div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">Why NRI Property Guard</span>
      <h2>How we compare</h2>
      <p class="lede center-col">Most services offer either a one-time legal opinion or informal "care-taking." We combine independently-verified, server-enforced inspection with an always-on dashboard.</p>
    </div>
    <div class="table-wrap">
      <table class="compare">
        <thead><tr><th>Capability</th><th>NRI Property Guard</th><th>One-time legal due diligence firms</th><th>Informal local caretaker</th></tr></thead>
        <tbody>
          <tr><td>GPS &amp; timestamp verified photo/video evidence</td><td class="yes">✓ Every visit</td><td class="no">✗</td><td class="no">✗</td></tr>
          <tr><td>Recurring on-site inspections</td><td class="yes">✓ 1–2 per month</td><td class="no">One-time only</td><td>Ad hoc</td></tr>
          <tr><td>Tamper-evident, hash-chained reports</td><td class="yes">✓</td><td class="no">✗</td><td class="no">✗</td></tr>
          <tr><td>Real-time owner dashboard &amp; mobile app</td><td class="yes">✓</td><td class="no">✗</td><td class="no">✗</td></tr>
          <tr><td>Title / encumbrance / RERA self-verification links</td><td class="yes">✓</td><td class="yes">✓</td><td class="no">✗</td></tr>
          <tr><td>Emergency response &amp; support tickets</td><td class="yes">✓ Prime</td><td class="no">✗</td><td>Informal</td></tr>
          <tr><td>Transparent monthly pricing</td><td class="yes">✓ From Rs 1,500/property</td><td>Rs 15,000–40,000 one-time</td><td>Unstructured</td></tr>
        </tbody>
      </table>
    </div>
  </div>
</section>

<section class="section-teal-tint">
  <div class="container">
    <div class="section-head">
      <span class="eyebrow">Trusted by NRI families</span>
      <h2>What property owners are saying</h2>
    </div>
    <div class="grid grid-3">
      <div class="testi-card"><div class="testi-stars">★★★★★</div><p>"I hadn't seen my parents' old flat in Hyderabad in three years. The first report told me more than three years of phone calls did — with photos I could actually verify were current."</p><div class="testi-person"><div class="testi-avatar">R</div><div><b>Ravi K.</b><br><span style="font-size:.8rem;color:var(--ink-500);">Dallas, USA</span></div></div></div>
      <div class="testi-card"><div class="testi-stars">★★★★★</div><p>"The GPS stamp and map pin on every photo is what sold me — no more wondering if a photo was actually taken at my property or recycled from last year."</p><div class="testi-person"><div class="testi-avatar">S</div><div><b>Sunitha M.</b><br><span style="font-size:.8rem;color:var(--ink-500);">London, UK</span></div></div></div>
      <div class="testi-card"><div class="testi-stars">★★★★★</div><p>"Upgraded to Prime after a break-in scare at our Pune villa. Being able to raise an emergency alert straight to their Admin team gave real peace of mind."</p><div class="testi-person"><div class="testi-avatar">A</div><div><b>Arjun P.</b><br><span style="font-size:.8rem;color:var(--ink-500);">Dubai, UAE</span></div></div></div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="cta-band">
      <h2>Ready to put a verified pair of eyes on your property?</h2>
      <p>Register in minutes — your Admin review and Manager assignment typically happen within one business day.</p>
      <div class="hero-cta" style="justify-content:center;">
        <a href="portal/index.html#register" class="btn btn-navy">Register Your Property</a>
        <a href="https://wa.me/WANUM" target="_blank" rel="noopener" class="btn btn-outline">Chat on WhatsApp</a>
      </div>
    </div>
  </div>
</section>
""".replace("WANUM", WHATSAPP_NUMBER)

page(
    "index.html",
    "NRI Property Guard — Verified Property Inspection & Management for NRIs in India",
    "Independent, GPS-verified property inspection and remote management for NRIs. Tamper-evident reports, a live owner dashboard, and on-ground teams across 12+ Indian states.",
    "index.html",
    BODY,
)
