<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>WhiteLabelCasino.io</title><link rel="icon" type="image/png" href="favicon.png" /><meta name="theme-color" content="#0a0f1a" /><style> :root{ --bg:#0a0f1a; --card:#0f1626; --soft:#121b2f; --text:#e9eefc; --muted:#9bb3ff; --brand:#5aa1ff; --brand-2:#266dff; --glow:0 0 24px rgba(90,161,255,.45); } *{box-sizing:border-box} html,body{margin:0} body{ font-family:'Poppins', system-ui, sans-serif; background: radial-gradient(1200px 800px at 10% -10%, #18233e 0%, transparent 60%) no-repeat, radial-gradient(1000px 700px at 110% 10%, #1a284a 0%, transparent 60%) no-repeat, var(--bg); color:var(--text); line-height:1.6; padding-top:80px; } a{color:var(--muted);text-decoration:none} h1,h2,h3{margin:0 0 .6rem} section{padding:72px 20px;max-width:1200px;margin:0 auto} /* HEADER */ header{ position:fixed;top:0;left:0;right:0;height:80px;z-index:1000; display:flex;align-items:center;justify-content:center; background:rgba(6,10,22,.78);backdrop-filter:blur(8px) saturate(140%); border-bottom:1px solid rgba(255,255,255,.06); } .header-inner{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:0 20px} .logo{font-weight:800;font-size:22px;} .logo span{color:#66aaff} /* NAV */ .nav-desktop{display:flex;gap:22px;align-items:center} .nav-desktop a{color:#e6ecff;opacity:.9} .nav-desktop a:hover{color:#9fc2ff} .demo-btn{ display:inline-block; background:linear-gradient(90deg,var(--brand) 0%, var(--brand-2) 100%); color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.6px; padding:14px 44px;border-radius:14px;box-shadow:var(--glow); animation:pulse 2.1s infinite; } @keyframes pulse{0%{box-shadow:0 0 10px rgba(90,161,255,.5)}50%{box-shadow:0 0 32px rgba(38,109,255,.75)}100%{box-shadow:0 0 10px rgba(90,161,255,.5)}} /* MOBILE MENU */ .menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer} .mobile-menu{ position:fixed;left:0;right:0;top:80px;bottom:0;display:none; background:rgba(6,10,22,.98);backdrop-filter:blur(8px); padding:24px 20px;overflow:auto;z-index:999; } .mobile-menu.active{display:block} .mobile-menu a{ display:block;text-align:center;color:#f2f6ff;font-size:20px; padding:14px 0;margin:4px 0; } .mobile-menu .demo-btn{margin:12px auto 24px;min-width:260px} @media (max-width: 992px){.nav-desktop{display:none}.menu-toggle{display:block}} /* HERO */ .hero{ position:relative;overflow:hidden;border-radius:22px; padding:80px 22px; background:url('img/branding.jpg') center/cover no-repeat; box-shadow:0 20px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04); } .hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center} .hero h1{font-size:44px;line-height:1.12;margin-bottom:14px} .hero p{color:#b9c7f2;margin-bottom:26px} .hero-cta{display:flex;gap:14px;flex-wrap:wrap} .btn-outline{border:1px solid rgba(153,186,255,.35);padding:12px 22px;border-radius:12px;color:#dbe6ff} .hero-img{position:relative;border-radius:18px;overflow:hidden;background:url('img/setup.jpg') center/cover no-repeat;min-height:260px;border:1px solid rgba(255,255,255,.06);} .chips{position:absolute;inset:auto 16px 16px auto;display:flex;gap:8px;flex-wrap:wrap;max-width:320px} .chip{background:rgba(255,255,255,.06);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:12px} @media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:36px}} /* CARDS */ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px} .card{ background:linear-gradient(180deg,var(--card),var(--soft)); border:1px solid rgba(255,255,255,.06); border-radius:16px;padding:18px;text-align:left;cursor:pointer; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .card:hover{transform:translateY(-4px);box-shadow:var(--glow);border-color:rgba(136,176,255,.28)} .card h3{font-size:18px;margin:6px 0 4px} .card p{margin:0;color:#b9c7f2;font-size:14px} .badge{display:inline-block;font-size:11px;padding:4px 8px;border-radius:999px;background:rgba(90,161,255,.15);border:1px solid rgba(134,173,255,.3);color:#cfe0ff} @media (max-width: 900px){.cards{grid-template-columns:1fr}} /* GALLERY */ .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .thumb{position:relative;border-radius:14px;overflow:hidden;min-height:120px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .25s ease, box-shadow .25s ease} .thumb:hover{transform:translateY(-3px);box-shadow:var(--glow)} .thumb.t1{background:url('img/partner1.jpg') center/cover no-repeat} .thumb.t2{background:url('img/partner2.jpg') center/cover no-repeat} .thumb.t3{background:url('img/partner3.jpg') center/cover no-repeat} .thumb.t4{background:url('img/partner4.jpg') center/cover no-repeat} .thumb.t5{background:url('img/partner5.jpg') center/cover no-repeat} .thumb.t6{background:url('img/partner6.jpg') center/cover no-repeat} .thumb.t7{background:url('img/partner7.jpg') center/cover no-repeat} .thumb.t8{background:url('img/partner8.jpg') center/cover no-repeat} @media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}} /* MODAL */ .modal{position:fixed;inset:0;z-index:2000;display:none;background:rgba(4,7,16,.82);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;} .modal.open{display:flex} .modal-card{width:min(900px,96vw);max-height:86vh;overflow:auto;background:linear-gradient(180deg,var(--card),var(--soft));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;box-shadow:0 40px 120px rgba(0,0,0,.5)} .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .modal-title{font-weight:800} .close{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer} .modal-img{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);min-height:220px;background:#0e162e center/cover no-repeat;margin-bottom:16px} /* CONTACT */ .contact{background:linear-gradient(180deg,#0d1426 0%, #0a0f1a 100%);border-top:1px solid rgba(255,255,255,.06)} form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin:16px auto 0} form textarea{grid-column:1/-1} input,textarea{width:100%;background:#0f172a;color:#e9eefc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;font-size:15px} .btn{background:#274dbb;color:#fff;border:0;border-radius:12px;padding:12px 18px;cursor:pointer} .btn:hover{filter:brightness(1.08)} /* FOOTER */ footer{padding:26px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.06);background:#080c17} footer .links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px;font-size:14px} footer a{color:#9bb3ff}</style></head><body> <header> <div class="header-inner"> <div class="logo">WhiteLabelCasino.<span>io</span></div> <nav class="nav-desktop"> <a href="#solutions">Solutions</a> <a href="#partners">Game Partners</a> <a href="#features">Features</a> <a href="#backoffice">Back Office</a> <a href="#faq">FAQs</a> <a href="#about">About</a> <a href="#contact">Contact</a> <a href="https://demo.whitelabelcasino.io" class="demo-btn" target="_blank">DEMO</a> </nav> <button class="menu-toggle" id="menuToggle">☰</button> </div> <nav class="mobile-menu" id="mobileMenu"> <a href="#solutions">Solutions</a> <a href="#partners">Game Partners</a> <a href="#features">Features</a> <a href="#backoffice">Back Office</a> <a href="#faq">FAQs</a> <a href="#about">About</a> <a href="#contact">Contact</a> <a href="https://demo.whitelabelcasino.io" class="demo-btn" target="_blank">DEMO</a> </nav></header> <section class="hero" id="about"> <div class="hero-grid"> <div> <h1>Launch Your Own <br>White Label Casino Platform</h1> <p>Licensing, payments, top-tier providers, and full control — built for growth and compliance.</p> <div class="hero-cta"> <a class="demo-btn" href="https://demo.whitelabelcasino.io" target="_blank">Live Demo</a> <a class="btn-outline" href="#solutions">Explore Solutions</a> </div> <div class="cards"> <div class="card" data-modal="m1"><span class="badge">Turnkey</span><h3>Full Setup & Licensing</h3><p>EU/Curacao routes, hosting, and PSP setup.</p></div> <div class="card" data-modal="m2"><span class="badge">70+ Providers</span><h3>Game Aggregation</h3><p>Slots, live casino, crash games & virtuals.</p></div> <div class="card" data-modal="m3"><span class="badge">Back Office</span><h3>Operations Suite</h3><p>Players, payments, risk, affiliates & reports.</p></div> </div> </div> <div class="hero-img"> <div class="chips"> <div class="chip">1–2 week onboarding</div> <div class="chip">Multi-currency</div> <div class="chip">Crypto + FIAT</div> </div> </div> </div></section> <section id="solutions"> <h2>Solutions</h2> <p style="color:#b9c7f2">Turnkey white label casino setup, licensing, hosting, and marketing support.</p> <div class="gallery" style="margin-top:24px"> <div class="thumb" style="background-image:url('img/setup.jpg')" data-modal="m1"></div> <div class="thumb" style="background-image:url('img/aggregation.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/backoffice.jpg')" data-modal="m3"></div> <div class="thumb" style="background-image:url('img/branding.jpg')" data-modal="m4"></div> </div></section> <!-- Game Partners --><section id="partners"> <h2>Game Partners</h2> <p style="color:#b9c7f2">Integrated with 70+ global casino providers including slots, live dealers, and virtual sports.</p> <div class="gallery" style="margin-top:24px"> <div class="thumb" style="background-image:url('img/partner1.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner2.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner3.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner4.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner5.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner6.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner7.jpg')" data-modal="m2"></div> <div class="thumb" style="background-image:url('img/partner8.jpg')" data-modal="m2"></div> </div></section> <!-- Features --><section id="features"> <h2>Platform Features</h2> <p style="color:#b9c7f2">Fast onboarding, seamless payments, custom branding, and a powerful admin back office.</p> <div class="gallery" style="margin-top:24px"> <div class="thumb" style="background-image:url('img/branding.jpg')" data-modal="m4"></div> <div class="thumb" style="background-image:url('img/modal-placeholder.jpg')" data-modal="m5"></div> <div class="thumb" style="background-image:url('img/backoffice.jpg')" data-modal="m3"></div> <div class="thumb" style="background-image:url('img/aggregation.jpg')" data-modal="m2"></div> </div></section> <!-- Back Office --><section id="backoffice"> <h2>Back Office</h2> <p style="color:#b9c7f2">Full control over players, payments, risk, affiliates, CRM & reporting — all in one advanced dashboard.</p> <div class="gallery" style="margin-top:24px"> <div class="thumb" style="background-image:url('img/backoffice.jpg')" data-modal="m3"></div> <div class="thumb" style="background-image:url('img/setup.jpg')" data-modal="m1"></div> <div class="thumb" style="background-image:url('img/branding.jpg')" data-modal="m4"></div> <div class="thumb" style="background-image:url('img/modal-placeholder.jpg')" data-modal="m5"></div> </div></section><!-- ============================ FAQ SECTION============================= --><style>/* === FAQ Accordion === */.faq { max-width: 1000px; margin: 30px auto 0; display: grid; gap: 14px;} .faq-item { background: linear-gradient(180deg, #0f1626, #121b2f); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; overflow: hidden; transition: all 0.25s ease;}.faq-item:hover { border-color: rgba(90, 161, 255, 0.3); box-shadow: 0 0 14px rgba(90, 161, 255, 0.15);} .faq-q { width: 100%; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; color: #e9eefc; background: transparent; border: 0; font-size: 16px; font-weight: 700;} .faq-q:hover { color: #9bb3ff;} .faq-icon { width: 26px; height: 26px; border-radius: 6px; display: grid; place-items: center; background: rgba(90, 161, 255, 0.14); border: 1px solid rgba(134, 173, 255, 0.3); color: #bcd2ff; transition: transform 0.2s ease; font-weight: 800;} .faq-item.open .faq-icon { transform: rotate(45deg);} .faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.26s ease;} .faq-item.open .faq-a { grid-template-rows: 1fr;} .faq-a > div { overflow: hidden; padding: 0 20px 18px 20px; color: #b9c7f2; font-size: 15px; line-height: 1.6;}</style> <section id="faq"> <h2>FAQs</h2> <p style="color:#b9c7f2">Answers to common questions about licensing, setup, payments, and integration.</p> <div class="faq" id="faqList"> <div class="faq-item"> <button class="faq-q"> Which jurisdictions do you support for licensing? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> We cover Curacao and selected EU routes via vetted legal partners. We’ll advise on the right option based on your target markets, PSP needs, and budget. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> How long does it take to launch? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> Technical go-live can be as fast as 1–2 weeks (branding, games, cashier, domain, hosting). Licensing timelines depend on the route chosen. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> What payment options are available? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> FIAT via major PSPs and acquirers, plus crypto. We help you select gateways that fit your geos and risk profile. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> How many game providers can I integrate? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> 70+ providers across slots, live casino, crash/instant, virtuals and more — all through a unified wallet and promo system. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> Do you include KYC/AML, risk and fraud tools? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> Yes. The back office supports KYC levels, AML checks, velocity rules, self-exclusion, limits, and detailed audit logs. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> What’s the pricing model? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> Flexible: setup + monthly, or rev-share depending on your route and modules. Get a tailored quote after a short scoping call. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> Who owns player data and the brand? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> You do. Your player data, domain, branding and CRM assets remain yours — we provide the platform and integrations. </div> </div> </div> <div class="faq-item"> <button class="faq-q"> Can you migrate my existing casino? <span class="faq-icon">+</span> </button> <div class="faq-a"> <div> Yes. We handle provider mapping, cashier migration, player import, and DNS cutover to reduce downtime and churn. </div> </div> </div> </div></section> <script> // FAQ accordion logic document.querySelectorAll('.faq-q').forEach(btn => { btn.addEventListener('click', () => { const item = btn.closest('.faq-item'); item.classList.toggle('open'); }); });</script> <section id="contact" class="contact"> <h2>Contact Us</h2> <p><strong>WhatsApp:</strong> <a href="https://wa.me/447520629078">+44 7520 629078</a> • <strong>Website:</strong> <a href="https://whitelabelcasino.io">WhiteLabelCasino.io</a></p> <form> <input type="text" placeholder="Your name" required> <input type="email" placeholder="Your email" required> <textarea rows="5" placeholder="Your message"></textarea> <button class="btn" type="submit">Send Message</button> </form></section> <footer> <div>© 2025 WhiteLabelCasino.io — All Rights Reserved</div> <div class="links"> <a href="tos.html">Terms of Service</a> <a href="privacy.html">Privacy Policy</a> <a href="cookies.html">Cookie Notice</a> <a href="disclaimer.html">Disclaimer</a> </div></footer> <!-- MODALS --><div class="modal" id="m1"> <div class="modal-card"> <div class="modal-header"><div class="modal-title">Full Setup & Licensing</div><button class="close" data-close>Close</button></div> <div class="modal-img" style="background-image:url('img/setup.jpg')"></div> <p>Choose between Curacao, EU and other compliant routes. We coordinate licensing, hosting, PSPs, risk and your go-live checklist.</p> </div></div><div class="modal" id="m2"> <div class="modal-card"> <div class="modal-header"><div class="modal-title">Game Aggregation — 70+ Providers</div><button class="close" data-close>Close</button></div> <div class="modal-img" style="background-image:url('img/aggregation.jpg')"></div> <p>Slots, live casino, crash, instant games, virtual sports and more — unified wallet and seamless promotions.</p> </div></div><div class="modal" id="m3"> <div class="modal-card"> <div class="modal-header"><div class