<!DOCTYPE html>
<html lang="si">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   Sandamadala.LK - ජෝතිෂ්&zwj;ය සේවා
        </title>
        <style>
            body {
                margin              : 0;
                font-family         : "Poppins", sans-serif;
                background          : linear-gradient(to bottom, #0d1523, #1a2537);
                color               : white;
                text-align          : center;
            }
            /* HEADER BANNER */
            .header-banner {
                width               : 100%;
                padding             : 28px 0;
                background          : rgba(255,255,255,0.06);
                backdrop-filter     : blur(6px);
                font-size           : 28px;
                font-weight         : 700;
                letter-spacing      : 1px;
                color               : #ffbf6b;
                border-bottom       : 1px solid rgba(255,255,255,0.1);
            }
            /* HERO SECTION */
            .hero {
                padding-top         : 90px;
                padding-bottom      : 120px;
                max-width           : 900px;
                margin              : auto;
            }
            .hero img {
                width               : 210px;
                height              : 210px;
                border-radius       : 50%;
                border              : 4px solid #ffbf6b;
                margin-bottom       : 25px;
                object-fit          : cover;
                box-shadow          : 0 0 20px rgba(255, 193, 120, 0.4);
            }
            .hero h1 {
                font-size           : 33px;
                line-height         : 46px;
                font-weight         : 700;
            }
            .btn-main {
                display             : inline-block;
                margin-top          : 25px;
                background          : #ff9f46;
                padding             : 14px 38px;
                border-radius       : 30px;
                color               : #fff;
                font-size           : 19px;
                text-decoration     : none;
                font-weight         : bold;
                box-shadow          : 0 5px 15px rgba(255, 159, 70, 0.45);
            }
            /* SERVICE BOXES */
            .services {
                max-width           : 900px;
                margin              : 40px auto;
                text-align          : left;
            }
            .service-box {
                background          : rgba(255,255,255,0.08);
                padding             : 22px;
                border-radius       : 15px;
                margin-bottom       : 22px;
                display             : flex;
                align-items         : center;
                border              : 1px solid rgba(255,255,255,0.08);
            }
            .service-box img {
                width               : 50px;
                margin-right        : 20px;
            }
            .service-box h3 {
                margin              : 0;
                font-size           : 22px;
            }
            footer {
                margin-top          : 40px;
                padding             : 25px;
                font-size           : 14px;
                opacity             : 0.7;
            }
            /* WHATSAPP FLOATING BUTTON */
            .whatsapp-btn {
                position            : fixed;
                bottom              : 30px;
                right               : 30px;
                background          : #25D366;
                padding             : 14px;
                border-radius       : 50%;
                box-shadow          : 0 5px 15px rgba(0,0,0,0.3);
                display             : flex;
                align-items         : center;
                justify-content     : center;
            }
            .whatsapp-btn img {
                width               : 30px;
                height              : 30px;
            }
        </style>
    </head>
    <body>
        <div class="header-banner">
            Sandamadala.LK &ndash; Trusted Astrology Service
        </div>
        <section class="hero">
            <!-- Modern Astrology Portrait -->
            <img alt="Astrologer Image" src="https://images.pexels.com/photos/3760851/pexels-photo-3760851.jpeg">
            <h1>
    වසර 14 ක් අන්තර්ජාලය ඔස්සේ විශ්වාසනීය  
    ජෝතිෂ්&zwj;ය සේවා සපයන අප ආයතනයෙන් දැන්  
    ඔබට අවශ්&zwj;ය ඕනෑම සේවාවක් සම්පූර්ණ විශ්වාසයෙන්  
    ලබා ගත හැකිය.
            </h1>
            <p style="font-size:18px; margin-top:10px; margin-bottom:18px; opacity:0.9;">
                ඉන්දියානු ජෝතිෂ්&zwj;ය දැනුමට අනුව ඔබේ කෙන්දරය පරික්ෂා කරගන්න
            </p>
            <!-- WhatsApp Link -->
            <a class="btn-main" href="https://wa.me/94711118672" target="_blank">
    සේවාව ලබාගන්න
            </a>
        </section>
        <section class="services">
            <div class="service-box">
                <img alt="PDF" src="https://cdn-icons-png.flaticon.com/512/337/337946.png">
                <div>
                    <h3>
                        කේන්දර පලාපල වාර්තාව - රු 1300 (PDF)
                    </h3>
                    <p>
                        ඉන්දියානු ජෝතිෂ්&zwj;ය දැනුම අනුව ඔබේ කේන්දරය පරික්ෂා කරගන්න.
                    </p>
                </div>
            </div>
            <div class="service-box">
                <img alt="PDF" src="https://cdn-icons-png.flaticon.com/512/337/337946.png">
                <div>
                    <h3>
                        පොරොන්දම් පරික්ෂා වාර්තාව - රු 1200 (PDF)
                    </h3>
                    <p>
                        විවාහා සාර්ථකත්වයට අවශ්&zwj;ය සම්පූර්ණ ග්&zwj;රහා වාසී විශ්ලේෂණය.
                    </p>
                </div>
            </div>
            <p style="margin-top:35px;font-size:18px;">
            </p>
            <center>
                සියළුම කාරණා සදහා ශුභ නැකත් සැකසීම සහ
                මනෝවිද්&zwj;යාත්මක උපදේශන සේවා
            </center>
            <br>
            <center>
                සදහා විමසන්න. WhatsApp -
                <a href="https://wa.me/94711118672" style="color:#25D366; font-weight:bold; text-decoration:none;" target="_blank">
                    071 111 86 72
                </a>
            </center>
            <p>
            </p>
        </section>
        <a class="whatsapp-btn" href="https://wa.me/94711118672" target="_blank">
            <img alt="WhatsApp" src="https://cdn-icons-png.flaticon.com/512/733/733585.png">
        </a>
        <footer>
            &copy; 2025 Sandamadala.LK | All Rights Reserved.
        </footer>
    </body>
</html>