<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ashlay Sweetie | Official Hub</title>
<!-- Tailwind CSS for modern, beautiful styling -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- FontAwesome for social icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Google Fonts for bubbly typography -->
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brandPink: '#ff69b4',
hotPink: '#ff1493',
bubblegum: '#ffb6c1',
darkPink: '#4a0026',
},
fontFamily: {
bubbly: ['Fredoka', 'sans-serif'],
sans: ['Poppins', 'sans-serif'],
}
}
}
}
</script>
<style>
.pink-gradient {
background: linear-gradient(135deg, #ffb6c1 0%, #ff69b4 50%, #ff1493 100%);
}
.blur-overlay {
backdrop-filter: blur(8px);
background-color: rgba(74, 0, 38, 0.6);
}
</style>
</head>
<body class="bg-pink-50 text-gray-800 font-sans min-h-screen selection:bg-brandPink selection:text-white">
<!-- 18+ AGE GATE VERIFICATION -->
<div id="age-gate" class="fixed inset-0 z-50 flex items-center justify-center bg-darkPink/95 p-4">
<div class="bg-white rounded-3xl max-w-md w-full p-8 text-center border-4 border-brandPink shadow-2xl transform transition-all">
<div class="w-24 h-24 mx-auto mb-6 bg-pink-100 rounded-full flex items-center justify-center border-2 border-brandPink animate-bounce">
<span class="text-3xl font-bubbly text-hotPink font-bold">18+</span>
</div>
<h2 class="text-3xl font-bubbly text-darkPink font-bold mb-4">WELCOME TO THE SWEETEST SPOT</h2>
<p class="text-gray-600 mb-6 font-medium">To continue to the official Ashlay Sweetie hub, you must confirm you are at least 18 years of age or older.</p>
<div class="space-y-3">
<button onclick="verifyAge()" class="w-full pink-gradient text-white font-bubbly font-bold py-4 px-6 rounded-2xl shadow-lg hover:opacity-90 transition transform hover:scale-[1.02] text-xl tracking-wide">
ENTER (I AM 18+)
</button>
<a href="https://www.google.com" class="block w-full bg-gray-100 text-gray-500 font-semibold py-3 px-6 rounded-2xl hover:bg-gray-200 transition text-center text-sm">
LEAVE
</a>
</div>
<p class="text-xs text-gray-400 mt-6 leading-relaxed">This website contains adult material. By entering, you certify that you abide by all federal laws and local regulations in your jurisdiction.</p>
</div>
</div>
<!-- MAIN SITE CONTENT (Hidden until verified) -->
<div id="main-site" class="hidden">
<!-- HEADER / NAVIGATION -->
<header class="sticky top-0 z-40 bg-white/90 backdrop-blur-md shadow-sm border-b border-pink-100">
<div class="max-w-6xl mx-auto px-4 py-3 flex justify-between items-center">
<a href="#" class="flex items-center space-x-2">
<!-- Dynamic Pink Swirl Border for your Logo -->
<div class="w-12 h-12 rounded-full pink-gradient p-0.5 shadow-md">
<div class="w-full h-full bg-white rounded-full flex items-center justify-center font-bubbly text-hotPink font-bold text-xs text-center p-1 leading-none">
AS
</div>
</div>
<span class="font-bubbly text-2xl font-bold text-hotPink tracking-wide">Ashlay Sweetie</span>
</a>
<nav class="hidden md:flex space-x-6 font-semibold text-gray-600">
<a href="#about" class="hover:text-hotPink transition">About Me</a>
<a href="#links" class="hover:text-hotPink transition">Links</a>
<a href="#gallery" class="hover:text-hotPink transition">Galleries</a>
<a href="#shop" class="hover:text-hotPink transition">Store</a>
<a href="#vip" class="hover:text-hotPink transition">VIP Club</a>
<a href="#calendar" class="hover:text-hotPink transition">Events</a>
</nav>
<a href="#vip" class="pink-gradient text-white font-bubbly font-bold py-2 px-5 rounded-full shadow-md text-sm hover:opacity-90 transition">
VIP ACCESS
</a>
</div>
</header>
<!-- HERO SECTION & ABOUT ME -->
<section id="about" class="max-w-4xl mx-auto px-4 py-12 text-center">
<div class="relative w-44 h-44 mx-auto mb-6 rounded-full pink-gradient p-1.5 shadow-xl">
<!-- Using placeholder asset representing your logo artwork layout -->
<div class="w-full h-full bg-white rounded-full flex items-center justify-center font-bubbly text-hotPink font-bold text-2xl">
💋
</div>
</div>
<h1 class="text-4xl md:text-5xl font-bubbly text-darkPink font-bold mb-4 tracking-wide">Hey sweets! 💖</h1>
<div class="bg-white rounded-3xl p-6 md:p-8 shadow-md border-2 border-pink-100 max-w-2xl mx-auto text-left leading-relaxed text-gray-700">
<p class="mb-4 font-medium">Welcome to my official, unfiltered home on the web.</p>
<p class="mb-4">I’m <strong class="text-hotPink font-semibold">Ashlay Sweetie</strong>, your favorite colorful blonde bombshell, and this is the ultimate spot to stay connected with me—no algorithms, no shadows, and absolutely no limits. If you love everything bright, bubbly, and a little bit naughty, you’re in the right place.</p>
<p class="mb-4">Whether you’re here to check out my latest exclusive photo and video galleries, grab some official merch, or join the inner circle in my <strong class="text-hotPink font-semibold">VIP Pink Diamond Club</strong>, I’m so excited to have you. This platform is my personal playground, and it's the <em>only</em> place guaranteed to never disappear.</p>
<p class="font-medium text-center text-hotPink font-bubbly text-lg mt-6">Take a look around, find something you love, and don't forget to hit that RSVP for my upcoming live events. Stay sweet! 💋</p>
</div>
</section>
<!-- LINK-IN-BIO HUB -->
<section id="links" class="max-w-md mx-auto px-4 py-10">
<h2 class="text-2xl font-bubbly text-center text-darkPink font-bold mb-6">🔗 CONNECT WITH ME</h2>
<div class="space-y-3">
<!-- Premium -->
<a href="https://onlyfans.com/ashlaysweetievip" target="_blank" class="flex items-center justify-between w-full bg-white border-2 border-sky-400 text-sky-500 font-bold p-4 rounded-2xl shadow-sm hover:bg-sky-50 transition">
<span><i class="fa-solid fa-star mr-2"></i> OnlyFans VIP Page</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://onlyfans.com/ashlaysweetiefree?rec=543475593" target="_blank" class="flex items-center justify-between w-full bg-white border-2 border-sky-300 text-sky-400 font-bold p-4 rounded-2xl shadow-sm hover:bg-sky-50 transition">
<span><i class="fa-solid fa-heart mr-2"></i> OnlyFans Free Page</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://fansly.com/ashlaysweetie" target="_blank" class="flex items-center justify-between w-full bg-white border-2 border-blue-400 text-blue-500 font-bold p-4 rounded-2xl shadow-sm hover:bg-blue-50 transition">
<span><i class="fa-solid fa-gem mr-2"></i> Fansly Premium</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://www.manyvids.com/Profile/1005124/Ashlaysweetie42321/Store/Videos/" target="_blank" class="flex items-center justify-between w-full bg-white border-2 border-purple-500 text-purple-600 font-bold p-4 rounded-2xl shadow-sm hover:bg-purple-50 transition">
<span><i class="fa-solid fa-video mr-2"></i> ManyVids Clip Store</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<!-- Socials -->
<a href="https://x.com/ashlaysweetie42" target="_blank" class="flex items-center justify-between w-full bg-zinc-900 text-white font-bold p-4 rounded-2xl shadow-sm hover:bg-zinc-800 transition">
<span><i class="fa-brands fa-x-twitter mr-2"></i> Twitter / X</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://www.instagram.com/ashlaysweet" target="_blank" class="flex items-center justify-between w-full pink-gradient text-white font-bold p-4 rounded-2xl shadow-md hover:opacity-90 transition">
<span><i class="fa-brands fa-instagram mr-2"></i> Instagram</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://www.tiktok.com/@ashlaysweetievip" target="_blank" class="flex items-center justify-between w-full bg-black text-white font-bold p-4 rounded-2xl shadow-sm hover:opacity-90 transition">
<span><i class="fa-brands fa-tiktok mr-2"></i> TikTok</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://www.facebook.com/ashlay.sweetie.2025" target="_blank" class="flex items-center justify-between w-full bg-blue-600 text-white font-bold p-4 rounded-2xl shadow-sm hover:bg-blue-700 transition">
<span><i class="fa-brands fa-facebook mr-2"></i> Facebook</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<!-- Wishlist & Tips -->
<a href="https://www.amazon.com/hz/wishlist/ls/1TNXU9TMB0NFR" target="_blank" class="flex items-center justify-between w-full bg-amber-500 text-white font-bold p-4 rounded-2xl shadow-sm hover:bg-amber-600 transition">
<span><i class="fa-solid fa-gift mr-2"></i> Amazon Wishlist</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://cash.app/$ashlie231703" target="_blank" class="flex items-center justify-between w-full bg-emerald-500 text-white font-bold p-4 rounded-2xl shadow-sm hover:bg-emerald-600 transition">
<span><i class="fa-solid fa-dollar-sign mr-2"></i> Cash App Tips</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
<a href="https://account.venmo.com/u/Ashlaysweetie" target="_blank" class="flex items-center justify-between w-full bg-sky-500 text-white font-bold p-4 rounded-2xl shadow-sm hover:bg-sky-600 transition">
<span><i class="fa-brands fa-vimeo-v mr-2"></i> Venmo</span> <i class="fa-solid fa-chevron-right text-xs"></i>
</a>
</div>
</section>
<!-- PHOTO & VIDEO GALLERIES -->
<section id="gallery" class="max-w-5xl mx-auto px-4 py-12">
<h2 class="text-3xl font-bubbly text-center text-darkPink font-bold mb-2">📸 EXPANSIVE GALLERIES</h2>
<p class="text-center text-gray-500 mb-8 font-medium">Bubbly sneaks & highly exclusive locked content Vaults</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Free Preview Column -->
<div class="bg-white p-6 rounded-3xl shadow-sm border border-pink-100">
<h3 class="text-xl font-bubbly text-hotPink font-bold mb-4 text-center"><i class="fa-solid fa-eye"></i> Free Previews</h3>
<div class="grid grid-cols-2 gap-3">
<div class="aspect-square bg-pink-100 rounded-2xl flex items-center justify-center text-pink-300 font-bold text-sm border-2 border-dashed border-pink-200">Photo Sneak</div>
<div class="aspect-square bg-pink-100 rounded-2xl flex items-center justify-center text-pink-300 font-bold text-sm border-2 border-dashed border-pink-200">Video Preview</div>
<div class="aspect-square bg-pink-100 rounded-2xl flex items-center justify-center text-pink-300 font-bold text-sm border-2 border-dashed border-pink-200">Photo Sneak</div>
<div class="aspect-square bg-pink-100 rounded-2xl flex items-center justify-center text-pink-300 font-bold text-sm border-2 border-dashed border-pink-200">Photo Sneak</div>
</div>
</div>
<!-- Premium Locked Archive -->
<div class="bg-white p-6 rounded-3xl shadow-sm border border-pink-100 relative overflow-hidden">
<h3 class="text-xl font-bubbly text-darkPink font-bold mb-4 text-center"><i class="fa-solid fa-lock"></i> Premium Locked Vault</h3>
<div class="grid grid-cols-2 gap-3 relative">
<!-- Locked Video Cards -->
<div class="aspect-square bg-pink-900 rounded-2xl flex flex-col items-center justify-center p-4 text-center relative border border-pink-700">
<i class="fa-solid fa-lock text-white/50 text-2xl mb-2"></i>
<span class="text-xs text-white/70 font-semibold mb-2">Exclusive Video 01</span>
<button class="pink-gradient text-white text-xs font-bold py-1.5 px-3 rounded-full shadow-md">BUY ME</button>
</div>
<div class="aspect-square bg-pink-900 rounded-2xl flex flex-col items-center justify-center p-4 text-center relative border border-pink-700">
<i class="fa-solid fa-lock text-white/50 text-2xl mb-2"></i>
<span class="text-xs text-white/70 font-semibold mb-2">Exclusive Video 02</span>
<button class="pink-gradient text-white text-xs font-bold py-1.5 px-3 rounded-full shadow-md">BUY ME</button>
</div>
</div>
<!-- VIP Notice Badge -->
<div class="mt-4 p-3 bg-pink-50 border border-brandPink/30 rounded-xl text-center text-xs font-semibold text-hotPink">
✨ Pink Diamond VIP Tiers bypass locks automatically!
</div>
</div>
</div>
</section>
<!-- MERCHANDISE SHOP (COMING SOON) -->
<section id="shop" class="bg-white/60 backdrop-blur-sm border-y border-pink-100 py-12 px-4">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bubbly text-center text-darkPink font-bold mb-2">🛍️ MERCH STORE</h2>
<p class="text-center text-gray-500 mb-8 font-medium">Sweet official apparel & exclusive accessories coming very soon!</p>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
<div class="bg-white rounded-3xl p-6 border border-pink-100 text-center shadow-sm">
<div class="aspect-square bg-pink-50 rounded-2xl flex items-center justify-center text-4xl mb-4">👕</div>
<h4 class="font-bold text-gray-700 mb-1">Signature Sweetie Tees</h4>
<span class="inline-block bg-pink-100 text-hotPink text-xs font-bold px-3 py-1 rounded-full">DROP ALERT</span>
</div>
<div class="bg-white rounded-3xl p-6 border border-pink-100 text-center shadow-sm">
<div class="aspect-square bg-pink-50 rounded-2xl flex items-center justify-center text-4xl mb-4">🩲</div>
<h4 class="font-bold text-gray-700 mb-1">Sweetie Briefs (Mens)</h4>
<span class="inline-block bg-pink-100 text-hotPink text-xs font-bold px-3 py-1 rounded-full">DROP ALERT</span>
</div>
<div class="bg-white rounded-3xl p-6 border border-pink-100 text-center shadow-sm">
<div class="aspect-square bg-pink-50 rounded-2xl flex items-center justify-center text-4xl mb-4">🧢</div>
<h4 class="font-bold text-gray-700 mb-1">Bombshell Sock Caps</h4>
<span class="inline-block bg-pink-100 text-hotPink text-xs font-bold px-3 py-1 rounded-full">DROP ALERT</span>
</div>
</div>
</div>
</section>
<!-- VIP MEMBERSHIP CLUB -->
<section id="vip" class="max-w-6xl mx-auto px-4 py-16">
<h2 class="text-3xl font-bubbly text-center text-darkPink font-bold mb-2">💎 EXCLUSIVE GEMSTONE VIP CLUB</h2>
<p class="text-center text-gray-500 mb-12 font-medium">Unlock premium perks & unfiltered behind-the-scenes premium layouts</p>
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
<!-- Emerald -->
<div class="bg-white rounded-3xl p-6 border-2 border-emerald-200 shadow-sm flex flex-col justify-between">
<div>
<span class="text-2xl">💚</span>
<h3 class="text-xl font-bubbly text-emerald-600 font-bold mb-1">Emerald</h3>
<div class="text-2xl font-bold text-gray-800 mb-4">$9.99<span class="text-xs text-gray-400">/mo</span></div>
<p class="text-xs text-gray-500 mb-4 font-medium">Perfect for fans who want more than social media.</p>
<ul class="text-xs text-gray-600 space-y-2 border-t border-gray-100 pt-4">
<li><i class="fa-solid fa-check text-emerald-500 mr-1"></i> Exclusive photos/short vids</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-1"></i> Behind-the-scenes access</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-1"></i> Weekly updates</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-1"></i> VIP-only posts</li>
</ul>
</div>
<button class="w-full bg-emerald-500 text-white font-bold py-2.5 rounded-xl mt-6 text-sm hover:bg-emerald-600 transition">JOIN EMERALD</button>
</div>
<!-- Sapphire -->
<div class="bg-white rounded-3xl p-6 border-2 border-blue-200 shadow-sm flex flex-col justify-between">
<div>
<span class="text-2xl">💙</span>
<h3 class="text-xl font-bubbly text-blue-600 font-bold mb-1">Sapphire</h3>
<div class="text-2xl font-bold text-gray-800 mb-4">$24.99<span class="text-xs text-gray-400">/mo</span></div>
<p class="text-xs text-gray-500 mb-4 font-medium">Everything in Emerald, plus more personal interaction.</p>
<ul class="text-xs text-gray-600 space-y-2 border-t border-gray-100 pt-4">
<li><i class="fa-solid fa-check text-blue-500 mr-1"></i> All Emerald benefits</li>
<li><i class="fa-solid fa-check text-blue-500 mr-1"></i> Full-length media vaults</li>
<li><i class="fa-solid fa-check text-blue-500 mr-1"></i> Priority direct messages</li>
<li><i class="fa-solid fa-check text-blue-500 mr-1"></i> Monthly live chats/Q&As</li>
</ul>
</div>
<button class="w-full bg-blue-500 text-white font-bold py-2.5 rounded-xl mt-6 text-sm hover:bg-blue-600 transition">JOIN SAPPHIRE</button>
</div>
<!-- Ruby -->
<div class="bg-white rounded-3xl p-6 border-2 border-rose-200 shadow-sm flex flex-col justify-between">
<div>
<span class="text-2xl">❤️</span>
<h3 class="text-xl font-bubbly text-rose-600 font-bold mb-1">Ruby</h3>
<div class="text-2xl font-bold text-gray-800 mb-4">$49.99<span class="text-xs text-gray-400">/mo</span></div>
<p class="text-xs text-gray-500 mb-4 font-medium">For your biggest supporters who want the complete VIP experience.</p>
<ul class="text-xs text-gray-600 space-y-2 border-t border-gray-100 pt-4">
<li><i class="fa-solid fa-check text-rose-500 mr-1"></i> All Sapphire benefits</li>
<li><i class="fa-solid fa-check text-rose-500 mr-1"></i> Custom requests (within limits)</li>
<li><i class="fa-solid fa-check text-rose-500 mr-1"></i> Monthly photo sets/videos</li>
<li><i class="fa-solid fa-check text-rose-500 mr-1"></i> VIP giveaways & promos</li>
</ul>
</div>
<button class="w-full bg-rose-500 text-white font-bold py-2.5 rounded-xl mt-6 text-sm hover:bg-rose-600 transition">JOIN RUBY</button>
</div>
<!-- Pink Diamond -->
<div class="bg-white rounded-3xl p-6 border-4 border-hotPink shadow-xl flex flex-col justify-between relative transform hover:scale-[1.02] transition">
<div class="absolute -top-3 right-4 bg-hotPink text-white font-bubbly font-bold text-2xs px-3 py-1 rounded-full tracking-wide shadow-md">ULTIMATE</div>
<div>
<span class="text-2xl">💖</span>
<h3 class="text-xl font-bubbly text-hotPink font-bold mb-1">Pink Diamond VIP</h3>
<div class="text-2xl font-bold text-gray-800 mb-4">$99.99<span class="text-xs text-gray-400">/mo</span></div>
<p class="text-xs text-gray-500 mb-4 font-medium">The ultimate tier with my absolute highest level of access.</p>
<ul class="text-xs text-gray-600 space-y-2 border-t border-pink-100 pt-4">
<li class="font-semibold text-hotPink"><i class="fa-solid fa-unlock text-hotPink mr-1"></i> Bypasses all media paywalls!</li>
<li><i class="fa-solid fa-check text-hotPink mr-1"></i> Highest messaging priority</li>
<li><i class="fa-solid fa-check text-hotPink mr-1"></i> Monthly personalized credit</li>
<li><i class="fa-solid fa-check text-hotPink mr-1"></i> Private VIP livestreams</li>
</ul>
</div>
<button class="w-full pink-gradient text-white font-bubbly font-bold py-3 rounded-xl mt-6 text-sm shadow-md hover:opacity-90 transition">JOIN THE ULTIMATE CLUB</button>
</div>
</div>
</section>
<!-- EVENT CALENDAR (iCal Sync Capable) -->
<section id="calendar" class="max-w-xl mx-auto px-4 py-12">
<h2 class="text-2xl font-bubbly text-center text-darkPink font-bold mb-2">📅 UPCOMING EVENTS</h2>
<p class="text-center text-gray-500 mb-6 text-xs font-medium">Synced in real-time straight from my phone's calendar app!</p>
<div class="bg-white rounded-3xl p-6 shadow-sm border border-pink-100 space-y-4">
<!-- Verified dynamic placeholder from user data sync -->
<div class="flex items-center justify-between border-b border-pink-50 pb-4">
<div class="flex items-start space-x-3">
<div class="bg-pink-100 text-hotPink font-bold rounded-xl p-2.5 text-center leading-none min-w-[50px]">
<span class="block text-xs uppercase">Jul</span>
<span class="text-xl font-bubbly">11</span>
</div>
<div>
<h4 class="font-bold text-gray-800 text-sm">Lifeinstyle Meet & Greet</h4>
<p class="text-xs text-gray-400">7:00 PM @ Shamrock Pub (St. Louis)</p>
</div>
</div>
<button onclick="toggleRsvp(this)" class="bg-pink-100 text-hotPink font-bold text-xs py-2 px-4 rounded-xl hover:bg-hotPink hover:text-white transition shadow-sm">
RSVP
</button>
</div>
</div>
</section>
<!-- FOOTER & LEGAL -->
<footer class="bg-darkPink text-pink-200 py-12 px-4 border-t-4 border-brandPink text-center">
<div class="max-w-4xl mx-auto space-y-6">
<p class="font-bubbly text-xl font-bold text-white">Ashlay Sweetie 💋</p>
<div class="flex justify-center space-x-6 text-sm font-medium">
<a href="#" class="hover:text-white transition">Privacy Policy</a>
<a href="#" class="hover:text-white transition">Terms of Service</a>
<a href="#" class="hover:text-white transition">18 U.S.C. § 2257 Record-Keeping</a>
</div>
<div class="text-2xs text-pink-300/60 max-w-xl mx-auto leading-relaxed">
© 2026 Ashlay Sweetie. All Rights Reserved. This site is fully compliant with federal regulations. All models and actors featured on this domain were 18 years of age or older at the time of creation.
</div>
</div>
</footer>
</div>
<!-- SIMPLE CONTROLLERS FOR FUNCTIONALITY -->
<script>
function verifyAge() {
document.getElementById('age-gate').classList.add('hidden');
document.getElementById('main-site').classList.remove('hidden');
window.scrollTo(0, 0);
}
function toggleRsvp(button) {
if(button.innerHTML.trim() === 'RSVP') {
button.innerHTML = '✓ ATTENDING';
button.className = "bg-emerald-500 text-white font-bold text-xs py-2 px-4 rounded-xl shadow-sm transition";
alert("Sweet! You're locked in for the event. See you there! 💖");
} else {
button.innerHTML = 'RSVP';
button.className = "bg-pink-100 text-hotPink font-bold text-xs py-2 px-4 rounded-xl hover:bg-hotPink hover:text-white transition shadow-sm";
}
}
</script>
</body>
</html>