Spaces:
Sleeping
Sleeping
<style> /* Hero Section Specific Hovers & Focus States */ #hero-book-now-btn:hover, #hero-book-now-btn:focus { background: #d1287e !important; /* Darker pink - !important to override inline style */ transform: scale(1.03); outline: none; /* Remove default focus outline if adding custom */ } #hero-book-now-btn:focus { box-shadow: 0 0 0 3px rgba(255, 51, 153, 0.5); /* Custom focus ring */ } .hero-social-link:hover, .hero-social-link:focus { color: #ff66b2 !important; /* Lighter/brighter pink - !important to override inline style */ text-decoration: underline !important; outline: none; /* Remove default focus outline if adding custom */ } .hero-social-link:focus { /* You could add a subtle box-shadow or keep the underline for links */ text-decoration: underline !important; /* For a more visible focus on links if desired: */ /* box-shadow: 0 0 0 2px rgba(255, 102, 178, 0.4); */ } </style> <section id="hero" style="background:#0a0a0a; color:#e0e0e0; padding:5rem 1.5rem; text-align:center; font-family:'Poppins', sans-serif; max-width:720px; margin:0 auto;"> <h1 style="font-family:'Playfair Display', serif; font-size:3.8rem; font-weight:700; color:#ff3399; margin-bottom:1rem; letter-spacing:0.12em;"> Jo Jo Monroe </h1> <p style="font-size:1.25rem; line-height:1.6; color:#999999; margin-bottom:2.5rem;"> I’m Jo Jo Monroe, sweet, striking, and unforgettable. I bring a magnetic mix of class, sass, and just the right amount of bad.<br><br> Whether it’s a quick escape or an extended indulgence, I make sure every moment is real, unrushed, and exactly what you’ve been craving.<br><br> Perfect for upscale dates, getaways, overnights, or private hours made just for you. </p> <div style="font-size:1rem; color:#999999; margin-bottom:2rem; line-height:1.4;"> 📍 <strong>Discreet incall | Downtown Seattle</strong><br> 📞 <strong>Text:</strong> (206) 539-8042<br> 📥 <strong>New? DM first, then follow up via text with your handle, requested day/time, and questions.</strong><br><br> 💼 Outcalls require a deposit or Lyft/Uber — no exceptions.<br> ⏳ Cancellation fee: $100 </div> <div style="margin-bottom:3rem;"> <a href="https://instagram.com/durtydhiana" target="_blank" class="hero-social-link" style="color:#ff3399; text-decoration:none; font-weight:600; margin-right:2rem; font-size:1.15rem; transition: color 0.3s ease, text-decoration 0.3s ease;"> Instagram: @durtydhiana </a> <a href="https://snapchat.com/add/durty_dhiana" target="_blank" class="hero-social-link" style="color:#ff3399; text-decoration:none; font-weight:600; font-size:1.15rem; transition: color 0.3s ease, text-decoration 0.3s ease;"> Snapchat: @durty_dhiana </a> </div> <div style="font-size:0.9rem; color:#666666; font-style:italic; margin-bottom:3rem;"> Verification required. Serious inquiries only. </div> <button id="hero-book-now-btn" style="background:#ff3399; border:none; padding:1rem 3rem; border-radius:30px; font-weight:700; font-size:1.15rem; color:#0a0a0a; cursor:pointer; transition: background 0.3s ease, transform 0.2s ease;"> Book Now </button> </section> <section id="stats" style="background:#0a0a0a; color:#e0e0e0; padding:5rem 1.5rem; max-width:960px; margin:0 auto; font-family:'Poppins', sans-serif;"> <div style="text-align:center; margin-bottom:3rem;"> <span style="color:#ff3399; text-transform:uppercase; font-weight:700; letter-spacing:0.15em; font-size:1rem;">The Jo Jo Difference</span> <h2 style="font-family:'Playfair Display', serif; font-size:3rem; font-weight:700; margin-top:0.5rem; margin-bottom:0.3rem;">Why Settle for Less?</h2> <div style="height:3px; width:80px; background:#ff3399; margin:0 auto;"></div> </div> <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:2rem;"> <div style="background:#121212; border:2px solid #666666; border-radius:16px; padding:2rem; text-align:center; transition:all 0.3s ease; cursor:default;" onmouseover="this.style.borderColor='#ff3399'; this.style.transform='scale(1.05)';" onmouseout="this.style.borderColor='#666666'; this.style.transform='scale(1)';"> <h3 style="font-family:'Playfair Display', serif; font-size:1.75rem; color:#ff3399; margin-bottom:0.6rem;">Ghost Mode</h3> <p style="font-weight:600; color:#bbb;">No Digital Paper Trail</p> <p style="margin-top:1rem; color:#999;">Your secrets are safer than Swiss banks. Zero traces.</p> </div> <div style="background:#121212; border:2px solid #666666; border-radius:16px; padding:2rem; text-align:center; transition:all 0.3s ease; cursor:default;" onmouseover="this.style.borderColor='#ff3399'; this.style.transform='scale(1.05)';" onmouseout="this.style.borderColor='#666666'; this.style.transform='scale(1)';"> <h3 style="font-family:'Playfair Display', serif; font-size:1.75rem; color:#ff3399; margin-bottom:0.6rem;">Exclusive</h3> <p style="font-weight:600; color:#bbb;">Black Book Only</p> <p style="margin-top:1rem; color:#999;">Michelin-starred standards. Platinum commitment only.</p> </div> <div style="background:#121212; border:2px solid #666666; border-radius:16px; padding:2rem; text-align:center; transition:all 0.3s ease; cursor:default;" onmouseover="this.style.borderColor='#ff3399'; this.style.transform='scale(1.05)';" onmouseout="this.style.borderColor='#666666'; this.style.transform='scale(1)';"> <h3 style="font-family:'Playfair Display', serif; font-size:1.75rem; color:#ff3399; margin-bottom:0.6rem;">Chameleon</h3> <p style="font-weight:600; color:#bbb;">Bespoke Shape-Shifter</p> <p style="margin-top:1rem; color:#999;">Boardroom polish or bedroom unraveled—your rules.</p> </div> <div style="background:#121212; border:2px solid #666666; border-radius:16px; padding:2rem; text-align:center; transition:all 0.3s ease; cursor:default;" onmouseover="this.style.borderColor='#ff3399'; this.style.transform='scale(1.05)';" onmouseout="this.style.borderColor='#666666'; this.style.transform='scale(1)';"> <h3 style="font-family:'Playfair Display', serif; font-size:1.75rem; color:#ff3399; margin-bottom:0.6rem;">No Clock-Watching</h3> <p style="font-weight:600; color:#bbb;">Luxury Can't Be Rushed</p> <p style="margin-top:1rem; color:#999;">You don't rush whiskey or diamonds. Same rules apply.</p> </div> </div> </section> - Follow Up Deployment
30161d5
verified