{% extends "base.html" %}
{% block title %}{{ site_name }} — Numerology & Vastu Shastra{% endblock %}
{% block desc %}Choose Numerology for a personal reading from your name and date of birth, or Vastu Shastra for direction guidance for the rooms of your home.{% endblock %}
{% block content %}
<section class="landing sky">
  <div class="glow g1"></div><div class="glow g2"></div>
  <div class="wrap">
    <div class="landing-intro fade-in">
      <img class="landing-mark" src="{{ url_for('static', filename='img/logo-mark.svg') }}" alt="" width="72" height="72">
      <h1>Welcome to {{ site_name }}</h1>
      <p class="lead">Traditional numerology and Vastu Shastra, explained clearly. Choose where you would like to begin.</p>
    </div>

    <div class="grid g2 landing-cards">
      <article class="path-card fade-in">
        <div class="pic" style="background-image:url('{{ url_for('static', filename='img/photos/zodiac-desk.jpg') }}')" role="img" aria-label="Zodiac wheel with a glowing sun, an armillary sphere and tarot cards"></div>
        <div class="body">
          <h2>Numerology</h2>
          <p>A personal reading from your name and date of birth: your Moolank, Bhagyank and the themes of love, growth, career and wellbeing.</p>
          <a class="btn btn-gold btn-lg btn-block" href="{{ url_for('numerology') }}">Explore Numerology</a>
        </div>
      </article>
      <article class="path-card fade-in">
        <div class="pic" style="background-image:url('{{ url_for('static', filename='img/photos/ritual-chart.jpg') }}')" role="img" aria-label="A circular chart with gemstones and candles beneath a ringed planet"></div>
        <div class="body">
          <h2>Vastu Shastra</h2>
          <p>See how each room of your home is rated in the eight directions, and check your layout with the Vastu Meter.</p>
          <a class="btn btn-gold btn-lg btn-block" href="{{ url_for('vastu') }}">Explore Vastu</a>
        </div>
      </article>
    </div>
  </div>
</section>
{% endblock %}