<div style="position: relative; width: 100%; height: 100vh; overflow: hidden;">
<video autoplay muted loop playsinline style="width: 100%; height: 100%; object-fit: cover;">
<source src="https://claverica.claverica.com/wp-content/uploads/2025/07/withdrawal_scene_cleaned.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;
display: flex; flex-direction: column; justify-content: center; align-items: center;
color: white; background-color: rgba(0, 0, 0, 0.4); text-align: center;">
<h1 style="font-size: 3em; margin-bottom: 20px;">Welcome to ClaveRica</h1>
<a href="/main-page" style="padding: 12px 30px; background-color: #0073aa; color: white;
text-decoration: none; border-radius: 8px; font-size: 1.2em;">
Start
</a>
</div>
</div>