<style>

.age-gate{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
font-family:Arial;
}

.age-box{
background:#242526;
padding:30px;
border-radius:10px;
text-align:center;
color:white;
width:320px;
}

.age-btn{
background:#ff4081;
border:none;
padding:12px;
width:100%;
margin-top:10px;
color:white;
font-weight:bold;
cursor:pointer;
}

.feed{
max-width:500px;
margin:auto;
font-family:Arial;
display:none;
}

.post{
background:#242526;
color:white;
padding:15px;
border-radius:10px;
margin-top:20px;
}

.post img{
width:100%;
border-radius:8px;
}

.stats{
color:#aaa;
font-size:14px;
margin-top:8px;
}

.like-btn{
cursor:pointer;
margin-top:8px;
color:#2e89ff;
font-weight:bold;
}

</style>


<div class="age-gate" id="ageGate">

<div class="age-box">

<h2>⚠️ 18+ Warning</h2>

<p>You must be 18+ to enter this page</p>

<button class="age-btn" onclick="enterLanding()">YES I AM 18+</button>

</div>

</div>



<div class="feed" id="feed">

<div class="post">

<p><b>Exclusive Content 🔥</b></p>

<p>Tap image to watch video</p>

<a href="YOUR_LINK_HERE" target="_blank">

<img src="https://picsum.photos/500/300">

</a>

<div class="stats">

<span id="likes"></span> likes •
<span id="views"></span> views

</div>

<div class="like-btn" onclick="likePost()">👍 Like</div>

</div>

</div>


<script>

function enterLanding(){

document.getElementById("ageGate").style.display="none";

document.getElementById("feed").style.display="block";

}

document.getElementById("likes").innerText=
Math.floor(Math.random()*20000+5000);

document.getElementById("views").innerText=
Math.floor(Math.random()*100000+20000);

function likePost(){

alert("You liked this post");

}

</script>