<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mama Rana&#39;s for Play and Learn</title>

<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&amp;family=Lora:wght@400;600&amp;family=Inter:wght@400;500;700&amp;family=Playfair+Display:wght@600;700&amp;family=DM+Serif+Display&amp;display=swap" rel="stylesheet">
<style>
 /* DC_CENTER_THEME_v1: the centre page honours the same design the owner already
    picked in Website Manager. One setting, both page types - a director who chose
    Meadow should not find it applies to a home page and not to theirs. */
 :root{--brand:#2F5D50;--brand-d:#1E4034;--accent:#C8DED3;--tint:#EDF4F0;
   --ink:#1B2A26;--soft:#66756F;--line:#E4E9E5;--page:#FBFAF6;--warm:#F6F2E9;
   --head:'Fraunces',Georgia,serif}










 *{box-sizing:border-box;margin:0;padding:0}
 body{font-family:"Segoe UI",system-ui,sans-serif;background:var(--page);color:var(--ink);line-height:1.6}
 .wrap{max-width:940px;margin:0 auto}
 .claim{background:#FBF3DF;border-bottom:1px solid #F0D9A5;padding:10px 24px;font-size:.825rem;
   color:#6B550F;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
 .claim a{margin-left:auto;background:#7A5E10;color:#fff;text-decoration:none;padding:6px 14px;
   border-radius:99px;font-size:.825rem;font-weight:700}
 nav{padding:14px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);
   background:#fff;flex-wrap:wrap}
 .logo{width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;display:flex;
   align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex:none}
 .nm{font-family:var(--head);font-size:1rem;font-weight:600;line-height:1.2}
 .nm small{display:block;font-family:"Segoe UI",sans-serif;font-size:.825rem;color:var(--soft);font-weight:400}
 .sign{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:.825rem;flex-wrap:wrap}
 .sign a{color:var(--soft);text-decoration:none;padding:7px 12px;border-radius:8px;border:1px solid var(--line)}
 .cta{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;font-weight:700}
 .hero{padding:42px 24px 34px;text-align:center;background:linear-gradient(var(--tint),var(--page))}
 .pill{display:inline-block;background:#fff;border:1px solid var(--accent);color:var(--brand-d);
   font-size:.825rem;font-weight:700;padding:5px 13px;border-radius:99px}
 h1{font-family:var(--head);font-size:2.062rem;font-weight:600;line-height:1.2;
   letter-spacing:-.4px;max-width:610px;margin:15px auto 0}
 .sub{font-size:.969rem;color:var(--soft);max-width:500px;margin:13px auto 0}
 .hbtn{margin-top:22px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
 .b1{background:var(--brand);color:#fff;padding:13px 27px;border-radius:10px;font-weight:700;
   font-size:.906rem;text-decoration:none}
 .b2{background:#fff;color:var(--brand);padding:13px 27px;border-radius:10px;font-weight:700;
   font-size:.906rem;text-decoration:none;border:1.5px solid var(--accent)}
 .facts{display:flex;justify-content:center;margin-top:26px;flex-wrap:wrap}
 .fact{padding:4px 24px;border-right:1px solid var(--line)}
 .fact:last-child{border:none}
 .fact .v{font-family:var(--head);font-size:1.438rem;font-weight:700;color:var(--brand-d)}
 .fact .l{font-size:.825rem;color:var(--soft)}
 section{padding:34px 24px;border-top:1px solid var(--line)}
 h2{font-family:var(--head);font-size:1.375rem;font-weight:600}
 .lede{font-size:.875rem;color:var(--soft);margin:5px 0 19px;max-width:580px}
 .rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px}
 .room{border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:#fff}
 .room h3{font-family:var(--head);font-size:1rem;font-weight:600}
 .room .age{font-size:.825rem;color:var(--soft)}
 .room .r{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);display:flex;
   justify-content:space-between;align-items:baseline}
 .room .r b{font-family:var(--head);font-size:1rem;color:var(--brand-d)}
 .room .r span{font-size:.825rem;color:var(--soft)}
 .open{margin-top:8px;font-size:.825rem;font-weight:700;color:var(--brand)}
 .wait{margin-top:8px;font-size:.825rem;font-weight:700;color:var(--soft)}
 .staff{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px}
 .p{border:1px solid var(--line);border-radius:12px;padding:15px;text-align:center;background:#fff}
 .av{width:48px;height:48px;border-radius:50%;background:var(--tint);color:var(--brand-d);display:flex;
   align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin:0 auto 9px;
   font-family:var(--head)}
 .p .n{font-weight:600;font-size:.875rem}
 .p .ro{font-size:.825rem;color:var(--soft)}
 .trust{background:var(--tint);border:1px solid var(--accent);border-radius:14px;padding:20px 22px;
   display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
 .ti .k{font-size:.825rem;font-weight:700;letter-spacing:.05em;color:var(--soft)}
 .ti .v{font-family:var(--head);font-size:1.062rem;font-weight:600;color:var(--brand-d);margin-top:2px}
 .ti .d{font-size:.825rem;color:var(--soft);margin-top:2px}
 .ti a{color:var(--brand);font-size:.825rem}
 .stars{color:#BA7517;font-size:.938rem;letter-spacing:2px}
 .tuit{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
 .tr{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);font-size:.875rem}
 .tr:first-child{border:none;background:var(--warm);font-size:.825rem;letter-spacing:.06em;color:var(--soft);font-weight:700}
 .tr b{font-family:var(--head);font-size:1rem;color:var(--brand-d)}
 .book{background:var(--brand);color:#fff;padding:34px 24px;text-align:center}
 .book h2{color:#fff}
 footer{background:var(--warm);padding:24px;font-size:.825rem;color:var(--soft)}
 footer b{color:var(--ink)}
 .fl{display:flex;gap:15px;flex-wrap:wrap;margin-top:9px}
 .fl a{color:var(--brand)}
 @media(max-width:680px){
  h1{font-size:1.562rem} .hero{padding:30px 16px 26px} section{padding:26px 16px}
  .sign a{padding:6px 9px;font-size:.825rem} .fact{padding:6px 14px;border:none}
 }
 .tourform{max-width:420px;margin:0 auto;display:grid;gap:8px;text-align:left}
 .tourform input,.tourform select{padding:12px 13px;border-radius:9px;border:none;font:inherit;font-size:.95rem;width:100%}
 .tourform button{padding:13px;border-radius:9px;border:none;background:#fff;color:var(--brand);font:inherit;font-weight:700;font-size:.906rem;cursor:pointer}
 .tmsg{font-size:.844rem;margin-top:4px}
 .tmsg.ok{color:#C8DED3} .tmsg.er{color:#FBD5D5}
 .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
 .gi{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);
   background:var(--tint);aspect-ratio:4/3;text-decoration:none}
 .gi img{width:100%;height:100%;object-fit:cover;display:block}
 .gi.gv{display:flex;align-items:center;justify-content:center}
 .gi .pl{font-size:1.625rem;color:var(--brand-d)}
 .gcap{position:absolute;left:0;right:0;bottom:0;padding:14px 10px 8px;font-size:.825rem;color:#fff;
   background:linear-gradient(transparent,rgba(0,0,0,.6))}
 @media(max-width:680px){ .gal{grid-template-columns:1fr 1fr;gap:8px} }
</style>
<style>:root{--brand:#B0662A;--brand-d:#7E4718;--accent:#EBD3B8;--tint:#FBF1E4;--page:#FBF7F0;--warm:#F6EDDF;--head:'Fraunces',Georgia,serif}</style>









<style>/* DC_PREVIEW_v2 */
.claim.v2{background:#16241d!important;color:#fff!important;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 18px;font-size:.875rem;line-height:1.5}
.claim.v2 b{color:#c8e5d5}.claim.v2 a{background:#fff!important;color:#16241d!important;border:0!important;border-radius:999px;padding:9px 16px;font-weight:700;text-decoration:none;white-space:nowrap}
.v2g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v2g.g4{grid-template-columns:repeat(4,1fr)}.v2g.g2{grid-template-columns:repeat(2,1fr)}
.v2c{border:1px solid rgba(0,0,0,.09);border-radius:10px;padding:12px 14px;background:#fff;font-size:.875rem;line-height:1.5}.v2c b{display:block;color:#16241d;margin-bottom:2px}
.v2c.tz{background:var(--tint,#f7f6f1);border-style:dashed}.v2c small{display:block;color:#55635c;font-size:.825rem;margin-top:3px}
.v2chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v2chips > span{border:1px solid #cfe0d5;background:#f2f8f4;color:#16241d;border-radius:999px;padding:6px 12px;font-size:.825rem}.v2chips > span span{border:0;background:none;padding:0}
.v2ph{background:#ece7dc;border-radius:8px;height:120px;display:flex;align-items:center;justify-content:center;color:#8a8375;font-size:.825rem}
.v2mbar,.v2mbtn,#v2sheet{display:none}
@media(max-width:680px){
  .v2g,.v2g.g4,.v2g.g2{grid-template-columns:1fr 1fr}
  body{padding-bottom:74px}
  nav .sign a:not(.cta){display:none}
  .v2mbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:6px 10px;font-size:.825rem;background:#fff;color:#16241d;margin-right:6px;cursor:pointer}
  .v2mbar{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -6px 18px rgba(0,0,0,.08);padding:6px 6px 8px;z-index:60}
  .v2mbar a{text-align:center;font-size:.825rem;color:#16241d;text-decoration:none;padding:4px 2px;border-radius:10px}.v2mbar a .ic{display:block;font-size:1.188rem;line-height:1.1;margin-bottom:2px}
  .v2mbar a.tour{background:var(--brand,#a15d1e);color:#fff;font-weight:700}
  #v2sheet.open{display:block;position:fixed;inset:0;z-index:70;background:rgba(22,36,29,.45)}
  #v2sheet .sh{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:14px 16px 22px;max-height:82vh;overflow:auto}
  #v2sheet h4{margin:0 0 10px;font-size:.938rem;color:#16241d;display:flex;justify-content:space-between;align-items:center}
  #v2sheet .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  #v2sheet .row a{border:1px solid rgba(0,0,0,.15);border-radius:10px;padding:11px 12px;font-size:.875rem;font-weight:700;color:#16241d;text-decoration:none}
  #v2sheet .row a.p{background:var(--brand,#a15d1e);color:#fff;border-color:transparent}
  #v2sheet .links{columns:2;font-size:.875rem;line-height:2}#v2sheet .links a{color:#2a2d34;text-decoration:none}
}
</style>
<style id="dcType">/* DC_FONTS_v1 */
html{font-size:106.25%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (min-width:768px){html{font-size:112.5%}}
:where(body){line-height:1.5}
:where(input,select,textarea){font-size:max(16px,1rem)}
</style><script id="dcNav">/* NAV_BACK_v1: Back always returns to the previous step in this tab */
(function(){
  try{
    var P=location.pathname; if(P.indexOf('/dashboard')!==0) return;
    var Q=new URLSearchParams(location.search), ch=Q.get('child');
    var key=P.replace(/\/+$/,'')+(ch?('?child='+ch):''), url=P+location.search, S;
    try{ S=JSON.parse(sessionStorage.getItem('dcNav')||'[]'); }catch(e){ S=[]; }
    if(!Array.isArray(S)) S=[];
    var i=-1; for(var k=S.length-1;k>=0;k--){ if(S[k] && S[k].k===key){ i=k; break; } }
    if(i>=0){ S=S.slice(0,i+1); S[i].u=url; } else { S.push({k:key,u:url,t:''}); }
    if(S.length>30) S=S.slice(S.length-30);
    function save(){ try{ sessionStorage.setItem('dcNav',JSON.stringify(S)); }catch(e){} }
    save();
    function parent(){
      if(/^\/dashboard\/children\/\d+/.test(P)) return {u:'/dashboard/children',t:'Children'};
      if(/^\/dashboard\/(medications|allergies|immunizations|incidents|health|sign-in-out|attendance)/.test(P)){
        return ch ? {u:'/dashboard/children/'+ch,t:'Profile'} : {u:'/dashboard/children',t:'Children'};
      }
      if(P==='/dashboard'||P==='/dashboard/') return null;
      return {u:'/dashboard',t:'Dashboard'};
    }
    function target(){ var c=S.length-1; return c>0 ? S[c-1] : parent(); }
    window.addEventListener('pagehide',function(){try{S[S.length-1].u=location.pathname+location.search;save();}catch(e){}});/* NAV_BACK_v2 */
    window.dcBackGo=function(){ var t=target(); location.href = t ? t.u : '/dashboard'; };
    function label(){
      if(/^\/dashboard\/children\/\d+/.test(P)){ var n=document.querySelector('span.n'); var f=n ? n.textContent.trim().split(/\s+/)[0] : ''; return f ? f+'\u2019s profile' : 'Profile'; }
      if(P==='/dashboard'||P==='/dashboard/') return 'Dashboard';
      var h=document.querySelector('h1');
      if(h){ var s=''; for(var c=h.firstChild;c;c=c.nextSibling){ if(c.nodeType===3){ s+=c.textContent; } else { break; } }
        s=s.replace(/\s+/g,' ').trim(); if(!s){ s=h.textContent.split('\u00b7')[0].replace(/\s+/g,' ').trim(); }
        if(s){ return s.length>28 ? s.slice(0,27)+'\u2026' : s; } }
      return (document.title||'').split(/\s[\u2014-]\s/)[0].trim() || 'Back';
    }
    document.addEventListener('DOMContentLoaded',function(){
      try{
        S[S.length-1].t=label(); save();
        var t=target(); if(!t) return;
        var lab=t.t||'Back';
        document.querySelectorAll('a.backbtn, a[data-dcback]').forEach(function(a){
          a.setAttribute('href',t.u);
          var sp=a.querySelectorAll('span'); if(sp.length){ sp[sp.length-1].textContent=lab; } else { a.textContent='\u2190 '+lab; }
          a.setAttribute('aria-label','Back to '+lab);
        });
      }catch(e){}
    });
  }catch(e){}
})();
</script>
</head>
<body>


<nav>
  <div class="logo">M</div>
  <div class="nm"><span>Mama Rana&#39;s for Play and Learn</span>
    <small><span>Licensed Child-Care Center</span>
      <span> - Arlington</span></small></div>
  <div class="sign">
    <a href="/1709050/portal">Parent sign in</a><!-- DC_PREVIEW_ROOMS_v1 -->
    <a href="/login">Staff sign in</a>
    <a href="/1709050/enroll">Start enrollment</a>
    
    <button class="v2mbtn" type="button" onclick="v2Menu(true)">&#9776; Menu</button>
    <a href="#book" class="cta">Book a tour</a>
  </div>
</nav>

<div class="wrap">
<div class="hero">
  <div class="pill">HHSC #1709050</div>
  <h1>Licensed care, every ratio met.</h1>
  <div class="sub"><span>Mama Rana&#39;s for Play and Learn</span>
    <span> in Arlington</span>,
    open <span>07:00</span> to <span>18:00</span>.</div>
  <div class="hbtn">
    <a href="#book" class="b1">Book a tour</a>
    <a href="tel:6825583709" class="b2">Call (682) 558-3709</a>
  </div>
  <div class="facts">
    <div class="fact"><div class="v">44</div><div class="l">Licensed capacity</div></div>
    
    
    
  </div>
</div>



<!-- DC_CENTER_GALLERY_v1: reuses the gallery the owner already manages in Website Manager
     and the existing /gallery/img route. Hides when empty - an unclaimed centre has no photos,
     and stock images of somebody else's rooms on a page claiming to be theirs is the exact
     thing that drew "most of the information is wrong" from the July campaign. -->




<!-- DC_PREVIEW_v2: safety -->


<section>
  <h2>Licensed, and open about it</h2>
  <div class="lede">Everything here is public record. We would rather you checked.</div>
  <div class="trust">
    <div class="ti"><div class="k">HHSC OPERATION</div>
      <div class="v">#1709050</div>
      <div class="d">Licensed Child-Care Center</div>
      <a href="https://childcare.hhs.texas.gov/" target="_blank">See our state record</a></div>
    
    
    
  </div>
  
</section>



<!-- DC_PREVIEW_v2: preview-only sections -->


<div class="book" id="book">
  <h2>Come and see us</h2>
  <div style="font-size:.875rem;opacity:.85;margin:6px 0 18px">Tours take about thirty minutes.
    We will show you the rooms your child would actually be in.</div>
  <form class="tourform" id="tourForm">
    <input name="name" placeholder="Your name" required>
    <input name="email" type="email" placeholder="Email" required>
    <input name="phone" type="tel" placeholder="Phone (optional)">
    <select name="childAge">
      <option value="">Which room?</option>
      
    </select>
    <input name="startWhen" placeholder="When would you like to start?">
    <input type="text" name="website" tabindex="-1" autocomplete="off"
           style="position:absolute;left:-9999px" aria-hidden="true">
    <button type="submit" id="tourBtn">Request a tour</button>
    <div id="tourMsg" class="tmsg"></div>
  </form>
  <div style="font-size:.825rem;opacity:.8;margin-top:14px">
    We reply the same day. No room right now? We will tell you the moment a place opens.</div>
  
</div>



<!-- DC_PREVIEW_v2: mobile action bar + menu sheet -->
<div class="v2mbar">
  <a href="/1709050/portal"><span class="ic">&#128106;</span>Parents</a>
  <a href="/login"><span class="ic">&#129466;</span>Staff</a>
  <a href="/1709050/enroll"><span class="ic">&#128221;</span>Enroll</a>
  <a href="#book" class="tour"><span class="ic">&#128197;</span>Book a tour</a>
</div>
<div id="v2sheet" onclick="if(event.target===this)v2Menu(false)">
  <div class="sh">
    <h4><span>Mama Rana&#39;s for Play and Learn</span><button type="button" onclick="v2Menu(false)" style="border:0;background:none;font-size:1.125rem">&#10005;</button></h4>
    <div class="row">
      <a href="#book" class="p" onclick="v2Menu(false)">&#128197; Book a tour</a>
      <a href="/1709050/enroll">&#128221; Start enrollment</a>
      <a href="/1709050/portal">&#128106; Parent sign in</a>
      <a href="/login">&#129466; Staff sign in</a>
    </div>
    <div style="font-size:.825rem;color:#55635c;letter-spacing:.5px;margin-bottom:4px">ON THIS PAGE</div>
    <div class="links" id="v2links"></div>
  </div>
</div>
<script>
function v2Menu(o){var s=document.getElementById('v2sheet');if(!s)return;if(o){var l=document.getElementById('v2links');if(l&&!l.children.length){document.querySelectorAll('section h2, .book h2').forEach(function(h,i){if(!h.id)h.id='s'+i;var a=document.createElement('a');a.href='#'+h.id;a.textContent=h.textContent.trim();a.onclick=function(){v2Menu(false)};l.appendChild(a);});}}s.classList.toggle('open',!!o);}
</script>
<footer>
  <b>Mama Rana&#39;s for Play and Learn</b>
  <span> - Licensed Child-Care Center</span>
  <span> - HHSC #1709050</span><br>
  <span>6851 MATLOCK RD STE 171</span>
  <span>, Arlington, TX 76002</span>
  <div class="fl">
    <a href="https://www.hhs.texas.gov/providers/child-care-regulation/minimum-standards" target="_blank">Texas minimum standards</a>
    <a href="tel:18002525400">Report a concern - 1-800-252-5400</a>
    <a href="/1709050/portal">Parent sign in</a>
    <a href="/login">Staff sign in</a>
  </div>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function(){
  var f = document.getElementById('tourForm'); if(!f) return;
  f.addEventListener('submit', function(e){
    e.preventDefault();
    var btn = document.getElementById('tourBtn'), msg = document.getElementById('tourMsg');
    btn.disabled = true; var old = btn.textContent; btn.textContent = 'Sending...';
    msg.className = 'tmsg';
    var fd = new FormData(f);
    fd.append('note', 'Tour request from the website.');
    fetch('/enquiry', { method:'POST', body:fd })
      .then(function(r){ return r.json(); })
      .then(function(d){
        if (d && d.ok) { f.style.display='none';
          msg.textContent = 'Thank you. We have your request and will be in touch today.';
          msg.className = 'tmsg ok'; }
        else { msg.textContent = 'Something went wrong. Please call us instead.';
          msg.className = 'tmsg er'; btn.disabled=false; btn.textContent=old; }
      })
      .catch(function(){ msg.textContent = 'Something went wrong. Please call us instead.';
        msg.className = 'tmsg er'; btn.disabled=false; btn.textContent=old; });
  });
});
</script>
</body>
</html>
