<?php
/*
Template Name: Asian Therapy Landing Multilang
*/
get_header();
?>

<!-- SEO META -->
<?php
if (is_page()) {
    echo '<title>Asian Therapy Home Service Makkah | Massage & Hijama</title>';
    echo '<meta name="description" content="Professional massage and hijama home service in Makkah. Reflexology, full body massage & sunnah hijama for men and women. Book via WhatsApp.">';
}
?>

<style>
body {font-family: Arial, sans-serif;margin:0}
.hero{background:#111;color:#fff;padding:80px 20px;text-align:center}
.hero h1{font-size:34px}
.hero p{font-size:18px}
.btn{background:#25D366;color:#fff;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:bold}
.lang-switch{margin-top:20px}
.lang-switch button{margin:5px;padding:8px 16px;cursor:pointer}
.section{padding:60px 20px;text-align:center}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{border:1px solid #ddd;padding:25px;border-radius:8px}
.hidden{display:none}

/* WhatsApp Floating */
.wa-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
padding:15px 20px;
border-radius:50px;
font-weight:bold;
text-decoration:none;
z-index:999;
}
</style>

<!-- HERO -->
<div class="hero">
    <h1 id="title-id">Layanan Pijat & Bekam Home Service di Mekkah</h1>
    <h1 id="title-en" class="hidden">Professional Massage & Hijama Home Service in Makkah</h1>
    <h1 id="title-ar" class="hidden">خدمة المساج والحجامة المنزلية في مكة</h1>

    <p id="desc-id">Terapis profesional datang ke lokasi Anda. Cocok untuk jamaah umrah & haji.</p>
    <p id="desc-en" class="hidden">Professional therapists come directly to your location. Ideal for Umrah & Hajj pilgrims.</p>
    <p id="desc-ar" class="hidden">معالجون محترفون يأتون مباشرة إلى موقعك، مناسب للحجاج والمعتمرين.</p>

    <a class="btn" href="https://wa.me/966541286869">Booking WhatsApp</a>

    <div class="lang-switch">
        <button onclick="setLang('id')">Indonesia</button>
        <button onclick="setLang('en')">English</button>
        <button onclick="setLang('ar')">العربية</button>
    </div>
</div>

<!-- SERVICES -->
<div class="section">
    <h2 id="service-id">Layanan Kami</h2>
    <h2 id="service-en" class="hidden">Our Services</h2>
    <h2 id="service-ar" class="hidden">خدماتنا</h2>

    <div class="services">
        <div class="card">
            <h3>Reflexology Massage</h3>
            <p>Kaki, Kepala & Tangan</p>
            <strong>120 SAR</strong>
        </div>
        <div class="card">
            <h3>Full Body Massage</h3>
            <p>Relaksasi seluruh tubuh</p>
            <strong>150 SAR</strong>
        </div>
        <div class="card">
            <h3>Hijama Sunnah</h3>
            <p>Bekam sesuai sunnah</p>
            <strong>150 SAR</strong>
        </div>
    </div>
</div>

<!-- LOCATION -->
<div class="section">
    <h2>📍 Al Haram – Makkah</h2>
    <p>Home Service • Men & Women • Private & Safe</p>
</div>

<!-- CTA -->
<div class="section" style="background:#f4f4f4">
    <h2>Relax Your Body, Focus Your Worship</h2>
    <a class="btn" href="https://wa.me/6289673369229">Contact Now</a>
</div>

<!-- WhatsApp Floating -->
<a class="wa-float" href="https://wa.me/966541286869">💬 WhatsApp</a>

<script>
function setLang(lang){
    ['id','en','ar'].forEach(l=>{
        document.getElementById('title-'+l).classList.add('hidden');
        document.getElementById('desc-'+l).classList.add('hidden');
        document.getElementById('service-'+l).classList.add('hidden');
    });
    document.getElementById('title-'+lang).classList.remove('hidden');
    document.getElementById('desc-'+lang).classList.remove('hidden');
    document.getElementById('service-'+lang).classList.remove('hidden');
}
</script>

<!-- SCHEMA SEO -->
<script type="application/ld+json">
{
 "@context":"https://schema.org",
 "@type":"LocalBusiness",
 "name":"Asian Therapy Home Service",
 "address":{
   "@type":"PostalAddress",
   "addressLocality":"Makkah",
   "addressCountry":"SA"
 },
 "telephone":"+966541286869",
 "url":"<?php echo get_permalink(); ?>"
}
</script>

<?php get_footer(); ?>