| .. | |||||
| 1.jpg | |||||
| 2.jpg | |||||
| 3.jpg | |||||
| 4.jpg | |||||
| 5.jpg | |||||
| 6.jpg | |||||
| 7.jpg | |||||
| 8.jpg | |||||
| index.php | |||||
| wa.png |
| Server IP : 50.63.8.133 / Your IP : 216.73.216.38 Web Server : Microsoft-IIS/10.0 System : Windows NT P3NWVPWEB032 6.2 build 9200 (Windows Server 2012 Standard Edition) i586 User : IWPD_10999(xformtec) ( 0) PHP Version : 5.4.45 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : G:/PleskVhosts/xform.in/madhurivivah.com/admin/slider-images/cek/ |
Upload File : |
<?php
// Simple config
$brand = "FlirtyMatch";
$wa_number = "6281234567890"; // Change to your WhatsApp number (international format, no +)
$utm = isset($_GET['utm']) ? htmlspecialchars($_GET['utm']) : 'direct';
$cta_text = "Chat di WhatsApp";
$hero_line = "Kenalan Serius Tanpa Ribet π―";
$sub_line = "Temukan teman ngobrol, jalan bareng, sampai jodoh β mulai dari satu chat.";
// Images provided
$images = [
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg",
"7.jpg",
"8.jpg"
];
// Pick 4 unique random images for hero and sections
shuffle($images);
$hero_img = $images[0];
$gallery = array_slice($images, 1, 6);
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title><?php echo $brand; ?> β <?php echo $hero_line; ?></title>
<meta name="description" content="Landing page dating apps: <?php echo $brand; ?>. <?php echo $sub_line; ?>" />
<style>
:root{
--bg:#0b0f19;
--card:#12182a;
--muted:#99a3b0;
--accent:#26d07c;
--accent-2:#2dd4bf;
--text:#eff2f7;
--warn:#ffcc00;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(1200px 700px at 80% -10%, #1b2340 0%, #0b0f19 60%), var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 18px}
header{position:sticky;top:0;background:rgba(11,15,25,.55);backdrop-filter:blur(8px);border-bottom:1px solid #1f2a44;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.2px}
.brand i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;color:#0b0f19}
.nav a.btn{padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02130c;font-weight:700}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:56px 0 18px}
.hero h1{font-size:42px;line-height:1.1;margin:10px 0 8px}
.hero p{color:var(--muted);font-size:18px;margin:0 0 22px}
.bullet{display:grid;gap:10px;margin:18px 0 26px}
.bullet div{display:flex;gap:10px;align-items:flex-start}
.bullet b{color:#dbeafe}
.card{background:linear-gradient(180deg,#11182b,#0c1222);border:1px solid #1f2a44;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.hero-media{position:relative;overflow:hidden}
.hero-media img{width:100%;height:auto;display:block;border-radius:16px}
.floating{position:absolute;right:-6px;bottom:-6px;background:#0b1224;border:1px solid #253153;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.floating img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.strip{margin:30px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.strip img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;opacity:.95;filter:saturate(1.05);transition:transform .2s ease}
.strip img:hover{transform:translateY(-3px)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.cta .primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05140a;font-weight:800;padding:14px 18px;border:none;border-radius:14px;cursor:pointer}
.cta .ghost{background:transparent;border:1px solid #2a375e;color:#d4def7;padding:14px 18px;border-radius:14px;cursor:pointer}
.badges{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}
.badge{font-size:12px;border:1px dashed #31406e;color:#c8d1ea;border-radius:999px;padding:6px 10px}
section{padding:60px 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{padding:18px}
.feature h3{margin:6px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{padding:18px}
.step-num{width:34px;height:34px;border-radius:12px;background:#1a2342;display:grid;place-items:center;font-weight:800;color:#cfe9ff;border:1px solid #26325a}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.t{padding:18px}
.t p{color:#cfd6e6}
.foot{background:#0a0e18;border-top:1px solid #1c2742;color:#9fb1d6;padding:26px 0;font-size:14px}
.blink{animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.6}}
@media (max-width: 920px){
.hero{grid-template-columns:1fr;gap:18px}
.features,.steps,.testimonials{grid-template-columns:1fr}
.strip{grid-template-columns:repeat(3,1fr)}
}
</style>
</head>
<body>
<header>
<div class="container nav">
<div class="brand"><i>β₯</i><?php echo $brand; ?></div>
<a class="btn" href="#daftar">Gabung Sekarang</a>
</div>
</header>
<main class="container">
<section class="hero">
<div>
<h1><?php echo $hero_line; ?></h1>
<p><?php echo $sub_line; ?></p>
<div class="bullet">
<div>β
<b>Profil Real</b> β’ Semua akun melalui verifikasi wajah & video singkat.</div>
<div>β
<b>Chat Aman</b> β’ Nomor & privasi kamu terlindungi β blokir 1 klik.</div>
<div>β
<b>Cepat Cocok</b> β’ Algoritma minat & lokasi biar ngobrol makin nyambung.</div>
</div>
<div class="cta">
<a class="primary" id="waBtn" href="#" rel="nofollow">π¬ <?php echo $cta_text; ?></a>
<a class="ghost" href="#cara">Lihat Cara Kerja</a>
</div>
<div class="badges">
<span class="badge">β±οΈ Respon rata-rata < 5 menit</span>
<span class="badge">π Anti-ghosting & report tools</span>
<span class="badge">π― Cocok buat yang serius</span>
</div>
<div class="strip">
<?php foreach($gallery as $g): ?>
<img src="<?php echo $g; ?>" alt="member <?php echo pathinfo($g, PATHINFO_FILENAME); ?>">
<?php endforeach; ?>
</div>
</div>
<div class="hero-media card">
<img src="<?php echo $hero_img; ?>" alt="Profil pilihan" loading="eager">
<div class="floating">
<img src="<?php echo $gallery[0]; ?>" alt="">
<div>
<div style="font-weight:700">Lagi Online</div>
<small style="color:var(--muted)">Siap diajak kenalan π</small>
</div>
</div>
</div>
</section>
<section id="fitur">
<h2 style="text-align:center;margin:0 0 18px">Kenapa <?php echo $brand; ?>?</h2>
<div class="features">
<div class="feature card">
<h3>Verifikasi Wajah</h3>
<p>Profil palsu? Bye. Setiap akun wajib verifikasi selfie + video singkat agar tetap aman.</p>
</div>
<div class="feature card">
<h3>Match Lebih Cepat</h3>
<p>Sistem kami memprioritaskan minat yang sama, jadi percakapan lebih nyambung dari awal.</p>
</div>
<div class="feature card">
<h3>Kontrol Penuh</h3>
<p>Atur visibilitas, aktifkan mode privat, dan blokir orang yang tidak kamu inginkan.</p>
</div>
</div>
</section>
<section id="cara">
<h2 style="text-align:center;margin:0 0 18px">3 Langkah Mulai Kenalan</h2>
<div class="steps">
<div class="step card">
<div class="step-num">1</div>
<h3>Buka WhatsApp</h3>
<p>Klik tombol WhatsApp di bawah, nanti kami kirimkan link registrasi cepat.</p>
</div>
<div class="step card">
<div class="step-num">2</div>
<h3>Pilih Tipe Kenalan</h3>
<p>Ngobrol santai, cari teman nonton, atau serius menuju hubungan β kamu yang tentukan.</p>
</div>
<div class="step card">
<div class="step-num">3</div>
<h3>Mulai Match</h3>
<p>Profil rekomendasi muncul dalam hitungan menit. Jika cocok, lanjut chat sepuasnya!</p>
</div>
</div>
</section>
<section>
<h2 style="text-align:center;margin:0 0 18px">Cerita Mereka</h2>
<div class="testimonials">
<div class="t card"><p>βMatch pertama langsung nyambung. Sekarang tiap weekend jalan bareng. Mantap!β</p><small>β Aldo, Bandung</small></div>
<div class="t card"><p>βVerifikasinya bikin tenang, ga ada akun aneh-aneh. Fiturnya juga enak dipakai.β</p><small>β Raka, Jakarta</small></div>
<div class="t card"><p>βAdmin responsif, beneran dibantu cari yang klik. 10/10 bakal rekomen.β</p><small>β Dion, Surabaya</small></div>
</div>
</section>
<section id="daftar" class="card" style="padding:26px;display:grid;grid-template-columns:1.1fr .9fr;gap:10px;align-items:center">
<div>
<h3 style="margin:0 0 6px">Siap mulai? Slot konsultasi gratis hari ini <span class="blink">tersisa 3</span> π₯</h3>
<p style="margin:0 0 14px;color:var(--muted)">Klik tombol di samping, kirim pesan β<?php echo $brand; ?> <?php echo $utm; ?>β supaya kami tahu kamu dari landing ini.</p>
<div class="badges">
<span class="badge">π Sesuai kota kamu</span>
<span class="badge">ποΈ Pilih hari & waktu</span>
<span class="badge">π¬ Gratis konsultasi</span>
</div>
</div>
<div style="text-align:center">
<a id="waBtn2" class="primary" style="display:inline-flex;gap:10px;align-items:center;text-decoration:none" href="#" rel="nofollow">
<img alt="WA" src="wa.png" width="22" height="22" />
<span><?php echo $cta_text; ?></span>
</a>
<div style="font-size:12px;color:var(--muted);margin-top:8px">Tombol akan membuka WhatsApp kamu</div>
</div>
</section>
</main>
<footer class="foot">
<div class="container" style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap">
<div>Β© <?php echo date('Y'); ?> <?php echo $brand; ?>. All rights reserved.</div>
<div><a href="#fitur">Fitur</a> Β· <a href="#cara">Cara</a> Β· <a href="#daftar">Daftar</a></div>
</div>
</footer>
<script>
// Build WhatsApp link with UTM & message
const phone = "<?php echo $wa_number; ?>";
const utm = encodeURIComponent("<?php echo $utm; ?>");
const msg = encodeURIComponent("Halo, saya tertarik. Sumber: <?php echo $brand; ?> (" + utm + ")");
const wa = "https://wa.me/" + phone + "?text=" + msg;
document.getElementById("waBtn").href = wa;
document.getElementById("waBtn2").href = wa;
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(a=>{
a.addEventListener('click', e => {
const el = document.querySelector(a.getAttribute('href'));
if(el){ e.preventDefault(); el.scrollIntoView({behavior:'smooth', block:'start'}); }
});
});
</script>
</body>
</html>
| .. | |||||
| 1.jpg | |||||
| 2.jpg | |||||
| 3.jpg | |||||
| 4.jpg | |||||
| 5.jpg | |||||
| 6.jpg | |||||
| 7.jpg | |||||
| 8.jpg | |||||
| index.php | |||||
| wa.png |
