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

{% block title %}Raghupati Sahu - Cosmic Journey{% endblock %}

{% block content %}
<div class="container-fluid p-0">

    <!-- Scene 1: The Hero Section (The Cosmos) -->
    <section class="hero-section">
        <h1 class="hero-title">RAGHUPATI SAHU</h1>
        <p class="hero-subtitle">Vedic Wisdom for the Modern Age</p>
    </section>

    <!-- Scene 2 & 3: The Service Constellations -->
    <section class="service-section" id="services">
        <div class="container">
            <h2 class="section-title">Chart Your Destiny</h2>
            <div class="row g-4">
                <!-- Service A -->
                <div class="col-lg-4 col-md-6">
                    <div class="service-card">
                        <h3>Career &amp; Business</h3>
                        <p>Job timing, promotion reading, business suitability.</p>
                        <div class="price">Price: ₹500</div>
                        <a href="https://wa.me/917381375018?text=Hello, I'm interested in the Career & Business consultation." target="_blank" class="btn btn-whatsapp">Book via WhatsApp</a>
                    </div>
                </div>
                <!-- Service B -->
                <div class="col-lg-4 col-md-6">
                    <div class="service-card">
                        <h3>Marriage &amp; Matchmaking</h3>
                        <p>Kundli Milan, compatibility, relationship analysis.</p>
                        <div class="price">Price: ₹500</div>
                        <a href="https://wa.me/917381375018?text=Hello, I'm interested in the Marriage & Matchmaking consultation." target="_blank" class="btn btn-whatsapp">Book via WhatsApp</a>
                    </div>
                </div>
                <!-- Service C -->
                <div class="col-lg-4 col-md-6">
                    <div class="service-card">
                        <h3>Health &amp; Children</h3>
                        <p>Health predictions, Child Birth consultation, Gemstones.</p>
                        <div class="price">Price: ₹300 - ₹500</div>
                        <a href="https://wa.me/917381375018?text=Hello, I'm interested in the Health & Children consultation." target="_blank" class="btn btn-whatsapp">Book via WhatsApp</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Scene 4: The Vastu Blueprint -->
    <section class="vastu-section" id="vastu">
        <div class="container">
            <h2 class="section-title">Vastu Shastra: Harmonize Your Space</h2>
            <div class="row align-items-center">
                <div class="col-lg-12 text-center">
                    <p class="lead">Home & Office Vastu, Layout Correction, Energy Balancing.</p>
                    <div class="price fs-4 my-3">Complete Vastu Consultation: ₹3000</div>
                    <a href="https://wa.me/917381375018?text=Hello, I'm interested in a Complete Vastu Consultation." target="_blank" class="btn btn-whatsapp">Schedule Site Visit / Call</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Scene 5: The Grounding (Contact Section) -->
    <footer class="contact-section" id="contact">
        <div class="container">
            <h2>Raghupati Sahu - Vedic Astrologer</h2>
            <p>Burla, Sambalpur, Odisha</p>
            <a href="https://wa.me/917381375018" class="whatsapp-link" target="_blank">
                Contact on WhatsApp: +91 73813 75018
            </a>
        </div>
    </footer>

</div>
{% endblock %}
