Meta Description" name="description" />
Bilkul yaar! Pura single HTML file ready kar deta hu β copy karke seedha systeme.io ke custom HTML block me paste kar dena.
Action: file_editor create /app/frontend/public/yaarwin.html --file-text "<!doctype html>
<html lang=\"en\">
<head>
<meta charset=\"utf-8\" />
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\" />
<meta name=\"theme-color\" content=\"#050A30\" />
<title>YAAR WIN - Premium Signals & Insights</title>
<meta name=\"title\" content=\"YAAR WIN - Premium Signals & Insights\" />
<meta name=\"description\" content=\"Join YAAR WIN Telegram Community for premium signals, insights and daily updates.\" />
<meta name=\"keywords\" content=\"YAAR WIN, telegram signals, premium signals, color prediction, daily insights, VIP community\" />
<meta name=\"robots\" content=\"index, follow\" />
<!-- Open Graph -->
<meta property=\"og:type\" content=\"website\" />
<meta property=\"og:title\" content=\"YAAR WIN - Premium Signals & Insights\" />
<meta property=\"og:description\" content=\"Join YAAR WIN Telegram Community for premium signals, insights and daily updates.\" />
<meta property=\"og:image\" content=\"https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1200&h=630&fit=crop\" />
<!-- Twitter -->
<meta name=\"twitter:card\" content=\"summary_large_image\" />
<meta name=\"twitter:title\" content=\"YAAR WIN - Premium Signals & Insights\" />
<meta name=\"twitter:description\" content=\"Join YAAR WIN Telegram Community for premium signals, insights and daily updates.\" />
<meta name=\"twitter:image\" content=\"https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1200&h=630&fit=crop\" />
<!-- Fonts -->
<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />
<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />
<link href=\"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\" />
<!-- Font Awesome -->
<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\" />
<!-- Facebook Pixel -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1652208886006683');
fbq('track', 'PageView');
fbq('track', 'ViewContent');
</script>
<noscript><img height=\"1\" width=\"1\" style=\"display:none\"
src=\"https://www.facebook.com/tr?id=1652208886006683&ev=PageView&noscript=1\"/></noscript>
<!-- End Facebook Pixel -->
<style>
:root{
--yw-bg:#050A30;--yw-bg-2:#030626;
--yw-green:#00FF94;--yw-green-soft:#2bffae;
--yw-cyan:#00E5FF;--yw-cyan-soft:#66f0ff;
--yw-white:#fff;--yw-text-dim:#b9c6ff;--yw-text-soft:#e6ecff;
--yw-border:rgba(120,200,255,.18);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--yw-bg);color:var(--yw-text-soft);
font-family:\"Manrope\",\"Space Grotesk\",system-ui,-apple-system,sans-serif;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.yw-root{position:relative;min-height:100vh;overflow:hidden;
background:
radial-gradient(1100px 700px at 80% -10%, rgba(0,229,255,.10), transparent 60%),
radial-gradient(900px 600px at -10% 110%, rgba(0,255,148,.08), transparent 60%),
var(--yw-bg)}
/* Background */
.yw-bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0}
.yw-grid{position:absolute;inset:0;
background-image:linear-gradient(rgba(0,229,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px);
background-size:56px 56px;
-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);
mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);
opacity:.55}
.yw-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:ywOrbFloat 14s ease-in-out infinite}
.yw-orb-1{width:420px;height:420px;background:radial-gradient(circle,rgba(0,255,148,.55),transparent 60%);top:-120px;left:-80px}
.yw-orb-2{width:520px;height:520px;background:radial-gradient(circle,rgba(0,229,255,.45),transparent 60%);bottom:-160px;right:-120px;animation-delay:3s}
.yw-orb-3{width:360px;height:360px;background:radial-gradient(circle,rgba(120,130,255,.35),transparent 60%);top:40%;left:40%;animation-delay:6s}
@keyframes ywOrbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}}
.yw-particles{position:absolute;inset:0;overflow:hidden}
.yw-particle{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;
background:var(--yw-cyan);box-shadow:0 0 10px var(--yw-cyan),0 0 18px rgba(0,229,255,.6);
opacity:.7;animation:ywParticle linear infinite}
.yw-particle:nth-child(3n){background:var(--yw-green);box-shadow:0 0 10px var(--yw-green),0 0 18px rgba(0,255,148,.5)}
.yw-particle:nth-child(5n){width:2px;height:2px;opacity:.45}
@keyframes ywParticle{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateY(-110vh) translateX(20px);opacity:0}}
/* Container */
.yw-container{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:56px 22px 40px}
/* Hero */
.yw-hero{text-align:center;display:flex;flex-direction:column;align-items:center}
.yw-profile-wrap{position:relative;width:180px;height:180px;margin-bottom:28px;animation:ywFloat 5s ease-in-out infinite}
.yw-profile-ring{position:absolute;inset:-10px;border-radius:50%;
background:conic-gradient(from 0deg,var(--yw-green),var(--yw-cyan),#6f7bff,var(--yw-green));
filter:blur(2px);animation:ywSpin 6s linear infinite;z-index:1}
.yw-profile-glow{position:absolute;inset:-28px;border-radius:50%;
background:radial-gradient(circle,rgba(0,255,148,.55),transparent 60%),
radial-gradient(circle,rgba(0,229,255,.4),transparent 65%);
filter:blur(28px);animation:ywPulse 2.6s ease-in-out infinite;z-index:0}
.yw-profile{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--yw-bg-2);
z-index:2;border:4px solid var(--yw-bg);
box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.55)}
.yw-profile img{width:100%;height:100%;object-fit:cover;display:block}
.yw-verified{position:absolute;bottom:6px;right:6px;z-index:3;width:38px;height:38px;border-radius:50%;
background:linear-gradient(135deg,var(--yw-green),var(--yw-cyan));color:#021026;
display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;
border:3px solid var(--yw-bg);box-shadow:0 0 14px rgba(0,255,148,.6)}
@keyframes ywFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ywSpin{to{transform:rotate(360deg)}}
@keyframes ywPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}
.yw-title{font-family:\"Space Grotesk\",\"Manrope\",sans-serif;font-size:clamp(48px,9vw,88px);
font-weight:800;letter-spacing:-.02em;line-height:1;margin:0 0 14px;color:var(--yw-white);
text-shadow:0 2px 0 rgba(0,229,255,.25),0 8px 28px rgba(0,229,255,.35),0 16px 50px rgba(0,0,0,.6)}
.yw-title-accent{background:linear-gradient(135deg,var(--yw-green) 0%,var(--yw-cyan) 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 0 18px rgba(0,255,148,.45))}
.yw-subtitle{font-size:clamp(18px,2.4vw,24px);font-weight:600;margin:0 0 18px;color:var(--yw-cyan-soft);
text-shadow:0 0 14px rgba(0,229,255,.6),0 0 28px rgba(0,229,255,.35)}
.yw-flame{filter:drop-shadow(0 0 6px rgba(255,140,50,.55))}
.yw-desc{max-width:640px;font-size:clamp(15px,1.8vw,17px);line-height:1.65;color:var(--yw-text-dim);margin:0 0 32px}
/* CTA */
.yw-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;
padding:18px 34px;border:0;border-radius:999px;
background:linear-gradient(135deg,#00FF94 0%,#00d672 60%,#00b86b 100%);color:#021026;
font-family:\"Space Grotesk\",\"Manrope\",sans-serif;font-size:clamp(15px,1.9vw,18px);
font-weight:800;letter-spacing:.05em;cursor:pointer;overflow:hidden;
box-shadow:0 0 0 4px rgba(0,255,148,.12),0 12px 36px rgba(0,255,148,.45),
0 0 80px rgba(0,255,148,.25),inset 0 -3px 0 rgba(0,0,0,.18);
transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease;
animation:ywCtaPulse 2.2s ease-in-out infinite, ywCtaFloat 4s ease-in-out infinite;
text-decoration:none}
.yw-cta:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.06);
box-shadow:0 0 0 4px rgba(0,255,148,.18),0 18px 48px rgba(0,255,148,.6),0 0 100px rgba(0,255,148,.35)}
.yw-cta:active{transform:translateY(-1px) scale(.99)}
.yw-cta-inner{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px}
.yw-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);
transform:scale(0);animation:ywRipple .6s ease-out forwards;pointer-events:none}
@keyframes ywRipple{to{transform:scale(2.6);opacity:0}}
@keyframes ywCtaPulse{
0%,100%{box-shadow:0 0 0 4px rgba(0,255,148,.10),0 12px 36px rgba(0,255,148,.4),0 0 60px rgba(0,255,148,.2),inset 0 -3px 0 rgba(0,0,0,.18)}
50% {box-shadow:0 0 0 8px rgba(0,255,148,.18),0 16px 44px rgba(0,255,148,.65),0 0 100px rgba(0,255,148,.4),inset 0 -3px 0 rgba(0,0,0,.18)}}
@keyframes ywCtaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.yw-cta-secondary{margin-top:28px;background:linear-gradient(135deg,var(--yw-cyan) 0%,#4fc3ff 100%);color:#001a26;
box-shadow:0 0 0 4px rgba(0,229,255,.12),0 12px 36px rgba(0,229,255,.45),0 0 80px rgba(0,229,255,.25),inset 0 -3px 0 rgba(0,0,0,.18);
animation:none}
.yw-cta-secondary:hover{box-shadow:0 0 0 4px rgba(0,229,255,.18),0 18px 48px rgba(0,229,255,.6)}
/* Trust */
.yw-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;
margin-top:24px;color:var(--yw-text-dim);font-size:13px;font-weight:500}
.yw-trust-item{display:inline-flex;align-items:center;gap:8px}
.yw-trust-item i{color:var(--yw-green)}
.yw-trust-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25)}
/* Cards */
.yw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:64px 0 32px}
.yw-card{position:relative;padding:26px 22px;border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
border:1px solid var(--yw-border);
transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;
overflow:hidden}
.yw-card::before{content:\"\";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
background:linear-gradient(135deg,rgba(0,255,148,.5),rgba(0,229,255,.5),transparent 70%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.yw-card:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.4);
box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 28px rgba(0,229,255,.25)}
.yw-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
font-size:22px;background:linear-gradient(135deg,rgba(0,255,148,.18),rgba(0,229,255,.18));
color:var(--yw-green);border:1px solid rgba(0,255,148,.3);margin-bottom:14px;
box-shadow:inset 0 0 18px rgba(0,255,148,.25)}
.yw-card-title{display:flex;align-items:center;gap:8px;font-family:\"Space Grotesk\",sans-serif;
font-size:18px;font-weight:700;color:var(--yw-white);margin:0 0 8px}
.yw-tick{color:var(--yw-green);filter:drop-shadow(0 0 6px rgba(0,255,148,.6))}
.yw-card-desc{font-size:14px;line-height:1.55;color:var(--yw-text-dim);margin:0}
/* Why */
.yw-why{margin-top:60px;padding:36px 26px;border-radius:26px;
background:radial-gradient(800px 280px at 20% 0%, rgba(0,229,255,.12), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
border:1px solid var(--yw-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center}
.yw-why-title{font-family:\"Space Grotesk\",sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;
margin:0 0 6px;color:var(--yw-white);letter-spacing:-.01em}
.yw-why-sub{margin:0 0 28px;color:var(--yw-text-dim);font-size:15px}
.yw-why-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}
.yw-why-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;
background:rgba(255,255,255,.03);border:1px solid rgba(120,200,255,.12);
font-size:15px;color:var(--yw-text-soft);
transition:transform .22s ease,border-color .22s ease,background .22s ease;
opacity:0;animation:ywFadeUp .7s ease forwards}
.yw-why-item:hover{transform:translateX(4px);border-color:rgba(0,255,148,.35);background:rgba(0,255,148,.05)}
.yw-why-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,rgba(0,229,255,.18),rgba(0,255,148,.18));
color:var(--yw-cyan-soft);border:1px solid rgba(0,229,255,.3);flex:0 0 36px}
.yw-why-text{flex:1;font-weight:600}
.yw-why-check{color:var(--yw-green);font-size:14px;filter:drop-shadow(0 0 6px rgba(0,255,148,.6))}
/* Footer */
.yw-footer{margin-top:60px;padding:26px 20px 16px;text-align:center;border-top:1px solid rgba(120,200,255,.12)}
.yw-footer-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}
.yw-footer-logo{font-family:\"Space Grotesk\",sans-serif;font-weight:800;font-size:20px;color:var(--yw-white);letter-spacing:.04em}
.yw-footer-tag{font-size:12px;color:var(--yw-text-dim)}
.yw-footer-links{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--yw-text-dim);margin-bottom:10px}
.yw-footer-links a{color:var(--yw-cyan-soft);text-decoration:none;transition:color .2s ease}
.yw-footer-links a:hover{color:var(--yw-white)}
.yw-footer-sep{opacity:.4}
.yw-footer-copy{font-size:12px;color:rgba(185,198,255,.55);margin:0}
/* Animations */
.fade-up{opacity:0;transform:translateY(18px);animation:ywFadeUp .9s cubic-bezier(.2,.8,.2,1) forwards}
.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}
@keyframes ywFadeUp{to{opacity:1;transform:translateY(0)}}
/* Responsive */
@media (max-width:860px){.yw-cards{grid-template-columns:1fr}.yw-why-list{grid-template-columns:1fr 1fr}}
@media (max-width:540px){
.yw-container{padding:40px 18px 28px}
.yw-profile-wrap{width:150px;height:150px}
.yw-verified{width:32px;height:32px;font-size:13px}
.yw-why-list{grid-template-columns:1fr}
.yw-cta{padding:16px 24px;width:100%}
.yw-trust{gap:10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
</style>
</head>
<body>
<div class=\"yw-root\">
<!-- Background -->
<div class=\"yw-bg-layer\" aria-hidden=\"true\">
<div class=\"yw-orb yw-orb-1\"></div>
<div class=\"yw-orb yw-orb-2\"></div>
<div class=\"yw-orb yw-orb-3\"></div>
<div class=\"yw-grid\"></div>
<div class=\"yw-particles\" id=\"yw-particles\"></div>
</div>
<main class=\"yw-container\">
<!-- HERO -->
<section class=\"yw-hero\">
<div class=\"yw-profile-wrap\">
<div class=\"yw-profile-ring\"></div>
<div class=\"yw-profile-glow\"></div>
<div class=\"yw-profile\">
<!-- π Replace this src with your own image URL -->
<img src=\"https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=600&h=600&fit=crop&q=80\"
alt=\"YAAR WIN profile\" loading=\"eager\" decoding=\"async\" />
</div>
<div class=\"yw-verified\" title=\"Verified\"><i class=\"fa-solid fa-check\"></i></div>
</div>
<h1 class=\"yw-title fade-up\">YAAR <span class=\"yw-title-accent\">WIN</span></h1>
<p class=\"yw-subtitle fade-up delay-1\">
<span class=\"yw-flame\">π₯</span> Premium Signals & Insights <span class=\"yw-flame\">π₯</span>
</p>
<p class=\"yw-desc fade-up delay-2\">
Join our exclusive Telegram community for daily winning signals,
colour prediction insights, premium updates and active community support.
</p>
<a href=\"https://t.me/+sKUzHuDRb_s3YmRl\" class=\"yw-cta fade-up delay-3\" id=\"yw-cta-main\"
onclick=\"return ywJoin(event)\" aria-label=\"Join our free Telegram\">
<span class=\"yw-cta-inner\">
<span>π</span>
<span>JOIN OUR FREE TELEGRAM</span>
<span>π</span>
</span>
</a>
<div class=\"yw-trust fade-up delay-4\">
<div class=\"yw-trust-item\"><i class=\"fa-brands fa-telegram\"></i><span>Instant Access</span></div>
<div class=\"yw-trust-dot\"></div>
<div class=\"yw-trust-item\"><i class=\"fa-solid fa-lock\"></i><span>100% Free</span></div>
<div class=\"yw-trust-dot\"></div>
<div class=\"yw-trust-item\"><i class=\"fa-solid fa-bolt\"></i><span>Daily Signals</span></div>
</div>
</section>
<!-- SOCIAL PROOF -->
<section class=\"yw-cards\">
<article class=\"yw-card fade-up\" style=\"animation-delay:.3s\">
<div class=\"yw-card-icon\"><i class=\"fa-solid fa-bolt\"></i></div>
<h3 class=\"yw-card-title\"><i class=\"fa-solid fa-circle-check yw-tick\"></i>Daily Winning Signals</h3>
<p class=\"yw-card-desc\">Hand-picked predictions delivered to your Telegram every single day.</p>
</article>
<article class=\"yw-card fade-up\" style=\"animation-delay:.42s\">
<div class=\"yw-card-icon\"><i class=\"fa-solid fa-crown\"></i></div>
<h3 class=\"yw-card-title\"><i class=\"fa-solid fa-circle-check yw-tick\"></i>VIP Insights</h3>
<p class=\"yw-card-desc\">Pro-level analysis and exclusive market reads usually reserved for insiders.</p>
</article>
<article class=\"yw-card fade-up\" style=\"animation-delay:.54s\">
<div class=\"yw-card-icon\"><i class=\"fa-solid fa-users\"></i></div>
<h3 class=\"yw-card-title\"><i class=\"fa-solid fa-circle-check yw-tick\"></i>Active Community</h3>
<p class=\"yw-card-desc\">Join thousands of members sharing wins, strategies and support 24/7.</p>
</article>
</section>
<!-- WHY -->
<section class=\"yw-why\">
<h2 class=\"yw-why-title\">Why Join <span class=\"yw-title-accent\">YAAR WIN</span>?</h2>
<p class=\"yw-why-sub\">Built for winners β powered by community, signals and speed.</p>
<ul class=\"yw-why-list\">
<li class=\"yw-why-item\" style=\"animation-delay:.10s\"><span class=\"yw-why-icon\"><i class=\"fa-solid fa-gauge-high\"></i></span><span class=\"yw-why-text\">Fast Updates</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
<li class=\"yw-why-item\" style=\"animation-delay:.18s\"><span class=\"yw-why-icon\"><i class=\"fa-solid fa-chart-line\"></i></span><span class=\"yw-why-text\">Premium Signals</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
<li class=\"yw-why-item\" style=\"animation-delay:.26s\"><span class=\"yw-why-icon\"><i class=\"fa-brands fa-telegram\"></i></span><span class=\"yw-why-text\">Telegram Community</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
<li class=\"yw-why-item\" style=\"animation-delay:.34s\"><span class=\"yw-why-icon\"><i class=\"fa-solid fa-lightbulb\"></i></span><span class=\"yw-why-text\">Daily Insights</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
<li class=\"yw-why-item\" style=\"animation-delay:.42s\"><span class=\"yw-why-icon\"><i class=\"fa-solid fa-mobile-screen\"></i></span><span class=\"yw-why-text\">Mobile Friendly</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
<li class=\"yw-why-item\" style=\"animation-delay:.50s\"><span class=\"yw-why-icon\"><i class=\"fa-solid fa-shield-halved\"></i></span><span class=\"yw-why-text\">Trusted Platform</span><i class=\"fa-solid fa-check yw-why-check\"></i></li>
</ul>
<a href=\"https://t.me/+sKUzHuDRb_s3YmRl\" class=\"yw-cta yw-cta-secondary\" id=\"yw-cta-2\" onclick=\"return ywJoin(event)\">
<span class=\"yw-cta-inner\">
<i class=\"fa-brands fa-telegram\"></i>
<span>JOIN TELEGRAM NOW</span>
<i class=\"fa-solid fa-arrow-right\"></i>
</span>
</a>
</section>
<!-- FOOTER -->
<footer class=\"yw-footer\">
<div class=\"yw-footer-brand\">
<span class=\"yw-footer-logo\">YAAR WIN</span>
<span class=\"yw-footer-tag\">Premium Signals & Insights</span>
</div>
<div class=\"yw-footer-links\">
<a href=\"#privacy\">Privacy Policy</a>
<span class=\"yw-footer-sep\">β’</span>
<a href=\"#terms\">Terms & Conditions</a>
</div>
<p class=\"yw-footer-copy\">Β© 2026 YAAR WIN. All rights reserved.</p>
</footer>
</main>
</div>
<script>
// Particles
(function(){
var c = document.getElementById('yw-particles');
if(!c) return;
var frag = document.createDocumentFragment();
for(var i=0;i<28;i++){
var s = document.createElement('span');
s.className = 'yw-particle';
s.style.left = ((i*37)%100) + '%';
s.style.animationDelay = ((i*0.43)%8) + 's';
s.style.animationDuration = (10 + ((i*1.7)%12)) + 's';
frag.appendChild(s);
}
c.appendChild(frag);
})();
// CTA join handler
function ywJoin(e){
try{
e.preventDefault();
var btn = e.currentTarget;
// Ripple
var rect = btn.getBoundingClientRect();
var size = Math.max(rect.width, rect.height);
var x = (e.clientX || rect.left + rect.width/2) - rect.left - size/2;
var y = (e.clientY || rect.top + rect.height/2) - rect.top - size/2;
var rip = document.createElement('span');
rip.className = 'yw-ripple';
rip.style.width = size + 'px';
rip.style.height = size + 'px';
rip.style.left = x + 'px';
rip.style.top = y + 'px';
btn.appendChild(rip);
setTimeout(function(){ rip.remove(); }, 700);
// FB Pixel events
if (typeof fbq === 'function') {
fbq('track','Lead');
fbq('trackCustom','TelegramJoin');
}
// Save timestamp
try {
localStorage.setItem('yaarwin_telegram_join_ts', String(Date.now()));
localStorage.setItem('yaarwin_telegram_join_iso', new Date().toISOString());
} catch(err){}
// Redirect after 300ms
setTimeout(function(){
window.location.href = 'https://t.me/+sKUzHuDRb_s3YmRl';
}, 300);
} catch(err){
window.location.href = 'https://t.me/+sKUzHuDRb_s3YmRl';
}
return false;
}
</script>
</body>
</html>
"
Observation: Create successful: /app/frontend/public/yaarwin.html6
3
123KB
403KB
173.0ms
192.0ms
478.0ms