amoester/streamsync-hub
0
1<!DOCTYPE html>2<html lang="pt-BR">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>StreamSync Hub - Assinaturas de Streaming Premium</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 primary: '#6366F1',16 secondary: '#E0E7FF',17 accent: '#A5B4FC'18 }19 }20 }21 }22 </script>23 <style>24 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');25 26 body {27 font-family: 'Inter', sans-serif;28 }29 .service-card {30 transition: all 0.3s ease;31 box-shadow: 0 4px 20px rgba(99, 102, 241, 0.1);32 border: 1px solid rgba(99, 102, 241, 0.1);33 border-radius: 12px;34 }35 36 .service-card:hover {37 transform: translateY(-5px);38 box-shadow: 0 10px 25px rgba(99, 102, 241, 0.2);39 border-color: rgba(99, 102, 241, 0.3);40 }41 .hero-gradient {42 background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);43 }44</style>45</head>46<body class="bg-gray-50">47 <!-- Navigation -->48 <nav class="bg-white shadow-sm">49 <div class="container mx-auto px-6 py-4">50 <div class="flex items-center justify-between">51 <div class="flex items-center space-x-2">52 <i data-feather="play-circle" class="w-8 h-8 text-primary"></i>53 <span class="font-bold text-xl">Sukehiro Streamings</span>54</div>55 <div class="hidden md:flex items-center space-x-8">56 <a href="#" class="font-medium hover:text-primary">Início</a>57 <a href="#services" class="font-medium hover:text-primary">Serviços</a>58 <a href="#faq" class="font-medium hover:text-primary">FAQ</a>59 <a href="#contact" class="font-medium hover:text-primary">Contato</a>60 </div>61 <div class="flex items-center space-x-4">62 <a href="#login" class="px-4 py-2 rounded-lg hover:text-primary">Login</a>63 <a href="#signup" class="bg-primary hover:bg-opacity-90 text-white font-medium py-2 px-4 rounded-lg transition duration-300">Cadastre-se</a>64 </div>65 <button class="md:hidden focus:outline-none">66 <i data-feather="menu" class="w-6 h-6"></i>67 </button>68 </div>69 </div>70 </nav>71 72 <!-- Hero Section -->73 <div class="hero-gradient text-white">74 <div class="container mx-auto px-6 py-20">75 <div class="max-w-3xl mx-auto text-center">76 <h1 class="text-4xl md:text-5xl font-bold mb-6">Assinaturas de Streaming Premium</h1>77 <p class="text-xl opacity-90 mb-8">Acesso ilimitado aos melhores serviços de streaming por um preço que cabe no seu bolso.</p>78 <div class="flex flex-col sm:flex-row justify-center gap-4">79 <a href="https://t.me/fornecedoresStreamings" class="bg-white text-primary hover:bg-opacity-90 font-bold py-3 px-8 rounded-lg transition duration-300 flex items-center justify-center gap-2">80 <i data-feather="send" class="w-5 h-5"></i>81 <span>Comprar via Telegram</span>82 </a>83<a href="#how-it-works" class="bg-white bg-opacity-20 hover:bg-opacity-30 font-bold py-3 px-8 rounded-lg transition duration-300">Como Funciona</a>84</div>85 </div>86 </div>87 </div>88 89 <!-- Features -->90 <section class="py-16 bg-white">91 <div class="container mx-auto px-6">92 <div class="grid md:grid-cols-3 gap-8">93 <!-- Feature 1 -->94 <div class="text-center p-6 rounded-lg">95 <div class="bg-secondary w-16 h-16 flex items-center justify-center rounded-full mx-auto mb-4">96 <i data-feather="shield" class="w-6 h-6 text-primary"></i>97 </div>98 <h3 class="text-xl font-bold mb-2">100% Seguro</h3>99 <p class="text-gray-600">Contas privadas e protegidas com garantia de funcionamento.</p>100 </div>101 102 <!-- Feature 2 -->103 <div class="text-center p-6 rounded-lg">104 <div class="bg-secondary w-16 h-16 flex items-center justify-center rounded-full mx-auto mb-4">105 <i data-feather="dollar-sign" class="w-6 h-6 text-primary"></i>106 </div>107 <h3 class="text-xl font-bold mb-2">Economize Até 80%</h3>108 <p class="text-gray-600">Preços acessíveis comparado às assinaturas oficiais.</p>109 </div>110 111 <!-- Feature 3 -->112 <div class="text-center p-6 rounded-lg">113 <div class="bg-secondary w-16 h-16 flex items-center justify-center rounded-full mx-auto mb-4">114 <i data-feather="headphones" class="w-6 h-6 text-primary"></i>115 </div>116 <h3 class="text-xl font-bold mb-2">Suporte 24/7</h3>117 <p class="text-gray-600">Equipe disponível para resolver qualquer problema rapidamente.</p>118 </div>119 </div>120 </div>121 </section>122 123 <!-- Services -->124 <section id="services" class="py-16 bg-gray-50">125 <div class="container mx-auto px-6">126 <h2 class="text-3xl font-bold text-center mb-12">Nossos Serviços</h2>127 <div class="grid md:grid-cols-3 gap-8">128 <!-- Netflix -->129 <div class="service-card bg-white p-8 rounded-xl">130 <div class="flex items-center mb-6">131 <img src="https://upload.wikimedia.org/wikipedia/commons/0/08/Netflix_2015_logo.svg" alt="Netflix" class="w-12 h-12 rounded-lg object-cover">132<h3 class="text-xl font-bold ml-4">Netflix Premium</h3>133 </div>134 <ul class="space-y-3 mb-8">135 <li class="flex items-center">136 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>137 <span>4K Ultra HD</span>138 </li>139 <li class="flex items-center">140 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>141 <span>4 Telas Simultâneas</span>142 </li>143 <li class="flex items-center">144 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>145 <span>Catálogo Completo</span>146 </li>147 <li class="flex items-center">148 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>149 <span>Garantia de 30 Dias</span>150 </li>151 </ul>152 <div class="text-center">153 <div class="text-3xl font-bold mb-2">R$ 25,90</div>154 <div class="text-gray-500 mb-6">/mês</div>155 <a href="https://t.me/fornecedoresStreamings" class="w-full bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-4 rounded-lg transition duration-300 block flex items-center justify-center gap-2">156 <i data-feather="send" class="w-5 h-5"></i>157 <span>Comprar via Telegram</span>158 </a>159</div>160 </div>161 162 <!-- Disney+ -->163 <div class="service-card bg-white p-8 rounded-xl">164 <div class="flex items-center mb-6">165 <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Disney%2B_logo.svg" alt="Disney+" class="w-12 h-12 rounded-lg object-cover">166<h3 class="text-xl font-bold ml-4">Disney+ Premium</h3>167 </div>168 <ul class="space-y-3 mb-8">169 <li class="flex items-center">170 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>171 <span>4K Ultra HD</span>172 </li>173 <li class="flex items-center">174 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>175 <span>4 Telas Simultâneas</span>176 </li>177 <li class="flex items-center">178 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>179 <span>Star+ Incluso</span>180 </li>181 <li class="flex items-center">182 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>183 <span>Garantia de 30 Dias</span>184 </li>185 </ul>186 <div class="text-center">187 <div class="text-3xl font-bold mb-2">R$ 19,90</div>188 <div class="text-gray-500 mb-6">/mês</div>189 <a href="https://t.me/fornecedoresStreamings" class="w-full bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-4 rounded-lg transition duration-300 block flex items-center justify-center gap-2">190 <i data-feather="send" class="w-5 h-5"></i>191 <span>Comprar via Telegram</span>192 </a>193</div>194 </div>195 196 <!-- HBO Max -->197 <div class="service-card bg-white p-8 rounded-xl">198 <div class="flex items-center mb-6">199 <img src="https://upload.wikimedia.org/wikipedia/commons/1/17/HBO_Max_Logo.svg" alt="HBO Max" class="w-12 h-12 rounded-lg object-cover">200<h3 class="text-xl font-bold ml-4">HBO Max Premium</h3>201 </div>202 <ul class="space-y-3 mb-8">203 <li class="flex items-center">204 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>205 <span>4K Ultra HD</span>206 </li>207 <li class="flex items-center">208 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>209 <span>3 Telas Simultâneas</span>210 </li>211 <li class="flex items-center">212 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>213 <span>Lançamentos de Cinema</span>214 </li>215 <li class="flex items-center">216 <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>217 <span>Garantia de 30 Dias</span>218 </li>219 </ul>220 <div class="text-center">221 <div class="text-3xl font-bold mb-2">R$ 22,90</div>222 <div class="text-gray-500 mb-6">/mês</div>223 <a href="https://t.me/fornecedoresStreamings" class="w-full bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-4 rounded-lg transition duration-300 block flex items-center justify-center gap-2">224 <i data-feather="send" class="w-5 h-5"></i>225 <span>Comprar via Telegram</span>226 </a>227</div>228 </div>229 </div>230 </div>231 </section>232 233 <!-- How It Works -->234 <section id="how-it-works" class="py-16 bg-white">235 <div class="container mx-auto px-6">236 <h2 class="text-3xl font-bold text-center mb-12">Como Funciona</h2>237 <div class="grid md:grid-cols-3 gap-8">238 <!-- Step 1 -->239 <div class="text-center p-6">240 <div class="bg-primary text-white w-12 h-12 flex items-center justify-center rounded-full mx-auto mb-4 font-bold text-xl">1</div>241 <h3 class="text-xl font-bold mb-2">Escolha Seu Plano</h3>242 <p class="text-gray-600">Selecione o serviço de streaming e o plano que melhor atende suas necessidades.</p>243 </div>244 245 <!-- Step 2 -->246 <div class="text-center p-6">247 <div class="bg-primary text-white w-12 h-12 flex items-center justify-center rounded-full mx-auto mb-4 font-bold text-xl">2</div>248 <h3 class="text-xl font-bold mb-2">Efetue o Pagamento</h3>249 <p class="text-gray-600">Realize o pagamento de forma segura via PIX, cartão ou boleto.</p>250 </div>251 252 <!-- Step 3 -->253 <div class="text-center p-6">254 <div class="bg-primary text-white w-12 h-12 flex items-center justify-center rounded-full mx-auto mb-4 font-bold text-xl">3</div>255 <h3 class="text-xl font-bold mb-2">Receba Seu Acesso</h3>256 <p class="text-gray-600">Instantaneamente você receberá os dados de login por email e WhatsApp.</p>257 </div>258 </div>259 </div>260 </section>261 262 <!-- FAQ -->263 <section id="faq" class="py-16 bg-gray-50">264 <div class="container mx-auto px-6 max-w-4xl">265 <h2 class="text-3xl font-bold text-center mb-12">Perguntas Frequentes</h2>266 <div class="space-y-4">267 <!-- Question 1 -->268 <div class="bg-white p-6 rounded-lg shadow-sm">269 <button class="flex items-center justify-between w-full text-left">270 <h3 class="font-bold">É legal comprar essas assinaturas?</h3>271 <i data-feather="chevron-down" class="w-5 h-5 text-primary"></i>272 </button>273 <div class="mt-3 text-gray-600 hidden">274 <p>Sim, completamente legal. Trabalhamos com planos familiares compartilhados de forma legítima, seguindo os termos de serviço de cada plataforma.</p>275 </div>276 </div>277 278 <!-- Question 2 -->279 <div class="bg-white p-6 rounded-lg shadow-sm">280 <button class="flex items-center justify-between w-full text-left">281 <h3 class="font-bold">Quanto tempo leva para receber o acesso?</h3>282 <i data-feather="chevron-down" class="w-5 h-5 text-primary"></i>283 </button>284 <div class="mt-3 text-gray-600 hidden">285 <p>O acesso é enviado automaticamente em até 5 minutos após a confirmação do pagamento. Para pagamentos via PIX, o tempo médio é de 2 minutos.</p>286 </div>287 </div>288 289 <!-- Question 3 -->290 <div class="bg-white p-6 rounded-lg shadow-sm">291 <button class="flex items-center justify-between w-full text-left">292 <h3 class="font-bold">E se a conta parar de funcionar?</h3>293 <i data-feather="chevron-down" class="w-5 h-5 text-primary"></i>294 </button>295 <div class="mt-3 text-gray-600 hidden">296 <p>Oferecemos garantia de 30 dias para todos os nossos serviços. Se houver qualquer problema, basta entrar em contato e substituiremos sua conta imediatamente.</p>297 </div>298 </div>299 300 <!-- Question 4 -->301 <div class="bg-white p-6 rounded-lg shadow-sm">302 <button class="flex items-center justify-between w-full text-left">303 <h3 class="font-bold">Posso alterar o email da conta?</h3>304 <i data-feather="chevron-down" class="w-5 h-5 text-primary"></i>305 </button>306 <div class="mt-3 text-gray-600 hidden">307 <p>Sim, após o recebimento você pode alterar o email e senha da conta normalmente, mantendo total controle sobre seu acesso.</p>308 </div>309 </div>310 </div>311 </div>312 </section>313 <!-- Referência de Clientes -->314 <section class="py-16 bg-white">315 <div class="container mx-auto px-6">316 <h2 class="text-3xl font-bold text-center mb-12">Ganhe R$10 de Desconto</h2>317 <div class="max-w-2xl mx-auto bg-secondary p-8 rounded-lg text-center">318 <p class="text-lg mb-6">Indique um amigo e ambos ganham R$10 de desconto na próxima compra!</p>319 <div class="flex flex-col sm:flex-row justify-center gap-4">320 <a href="https://t.me/fornecedoresStreamings" class="bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-8 rounded-lg transition duration-300 flex items-center justify-center gap-2">321 <i data-feather="send" class="w-5 h-5"></i>322 <span>Indicar via Telegram</span>323 </a>324<a href="#how-it-works" class="bg-white border border-primary text-primary hover:bg-gray-100 font-bold py-3 px-8 rounded-lg transition duration-300">Como Funciona</a>325 </div>326 </div>327 </div>328 </section>329 330 <!-- Testimonials -->331 <section class="py-16 bg-gray-50">332<div class="container mx-auto px-6">333 <h2 class="text-3xl font-bold text-center mb-12">O Que Dizem Nossos Clientes</h2>334 <div class="grid md:grid-cols-3 gap-8">335 <!-- Testimonial 1 -->336 <div class="bg-gray-50 p-6 rounded-lg">337 <div class="flex items-center mb-4">338 <img src="http://static.photos/people/200x200/5" alt="Cliente" class="w-12 h-12 rounded-full object-cover">339 <div class="ml-4">340 <h4 class="font-bold">Carlos Silva</h4>341 <div class="flex">342 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>343 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>344 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>345 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>346 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>347 </div>348 </div>349 </div>350 <p class="text-gray-600">"Comprei a Netflix há 6 meses e nunca tive problemas. Quando precisei de suporte, me atenderam em menos de 10 minutos. Recomendo!"</p>351 </div>352 353 <!-- Testimonial 2 -->354 <div class="bg-gray-50 p-6 rounded-lg">355 <div class="flex items-center mb-4">356 <img src="http://static.photos/people/200x200/6" alt="Cliente" class="w-12 h-12 rounded-full object-cover">357 <div class="ml-4">358 <h4 class="font-bold">Ana Oliveira</h4>359 <div class="flex">360 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>361 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>362 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>363 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>364 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>365 </div>366 </div>367 </div>368 <p class="text-gray-600">"Adquiri Disney+ e HBO Max juntos. Recebi os acessos em menos de 3 minutos e estou super satisfeita com a qualidade. Vou comprar mais!"</p>369 </div>370 371 <!-- Testimonial 3 -->372 <div class="bg-gray-50 p-6 rounded-lg">373 <div class="flex items-center mb-4">374 <img src="http://static.photos/people/200x200/7" alt="Cliente" class="w-12 h-12 rounded-full object-cover">375 <div class="ml-4">376 <h4 class="font-bold">Roberto Santos</h4>377 <div class="flex">378 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>379 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>380 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>381 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>382 <i data-feather="star" class="text-yellow-400 w-4 h-4 fill-current"></i>383 </div>384 </div>385 </div>386 <p class="text-gray-600">"Economizei mais de R$200 por mês assinando todos os streamings aqui. Atendimento excelente e contas sempre funcionando perfeitamente."</p>387 </div>388 </div>389 </div>390 </section>391 392 <!-- CTA -->393 <section class="py-16 hero-gradient text-white">394 <div class="container mx-auto px-6 text-center">395 <h2 class="text-3xl font-bold mb-6">Pronto para Começar?</h2>396 <p class="text-xl opacity-90 mb-8 max-w-2xl mx-auto">Junte-se a mais de 10.000 clientes satisfeitos que estão economizando com nossos serviços.</p>397 <a href="https://t.me/fornecedoresStreamings" class="bg-white text-primary hover:bg-opacity-90 font-bold py-3 px-8 rounded-lg transition duration-300 inline-flex items-center justify-center gap-2">398 <i data-feather="send" class="w-5 h-5"></i>399 <span>Comprar via Telegram</span>400 </a>401</div>402 </section>403 404 <!-- Contact -->405 <section id="contact" class="py-16 bg-white">406 <div class="container mx-auto px-6">407 <div class="max-w-4xl mx-auto">408 <h2 class="text-3xl font-bold text-center mb-12">Fale Conosco</h2>409 <div class="bg-gray-50 rounded-lg p-8 shadow-sm">410 <form>411 <div class="grid md:grid-cols-2 gap-6 mb-6">412 <div>413 <label for="name" class="block text-gray-700 mb-2">Nome</label>414 <input type="text" id="name" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary">415 </div>416 <div>417 <label for="email" class="block text-gray-700 mb-2">Email</label>418 <input type="email" id="email" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary">419 </div>420 </div>421 <div class="mb-6">422 <label for="subject" class="block text-gray-700 mb-2">Assunto</label>423 <input type="text" id="subject" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary">424 </div>425 <div class="mb-6">426 <label for="message" class="block text-gray-700 mb-2">Mensagem</label>427 <textarea id="message" rows="4" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary"></textarea>428 </div>429 <button type="submit" class="w-full bg-primary hover:bg-opacity-90 text-white font-bold py-3 px-4 rounded-lg transition duration-300">Enviar Mensagem</button>430 </form>431 </div>432 </div>433 </div>434 </section>435 436 <!-- Footer -->437 <footer class="bg-gray-900 text-white py-12">438 <div class="container mx-auto px-6">439 <div class="grid md:grid-cols-4 gap-8">440 <div>441 <div class="flex items-center space-x-2 mb-4">442 <i data-feather="play-circle" class="w-8 h-8 text-primary"></i>443 <span class="font-bold text-xl">Sukehiro Streamings</span>444</div>445 <p class="text-gray-400">A solução mais confiável para suas assinaturas de streaming premium.</p>446 </div>447 <div>448 <h3 class="font-bold text-lg mb-4">Serviços</h3>449 <ul class="space-y-2">450 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Netflix Premium</a></li>451 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Disney+ Premium</a></li>452 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">HBO Max Premium</a></li>453 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Amazon Prime</a></li>454 </ul>455 </div>456 <div>457 <h3 class="font-bold text-lg mb-4">Links Úteis</h3>458 <ul class="space-y-2">459 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Termos de Serviço</a></li>460 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Política de Privacidade</a></li>461 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Perguntas Frequentes</a></li>462 <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>463 </ul>464 </div>465 <div>466 <h3 class="font-bold text-lg mb-4">Contato</h3>467 <ul class="space-y-2 text-gray-400">468 <li class="flex items-center">469 <i data-feather="mail" class="w-4 h-4 mr-2"></i>470 <span>contato@streamsynchub.com</span>471 </li>472 <li class="flex items-center">473 <i data-feather="phone" class="w-4 h-4 mr-2"></i>474 <span>(11) 99999-9999</span>475 </li>476 <li class="flex items-center">477 <i data-feather="message-square" class="w-4 h-4 mr-2"></i>478 <span>WhatsApp</span>479 </li>480 </ul>481 <div class="flex space-x-4 mt-4">482 <a href="#" class="hover:text-primary transition duration-300">483 <i data-feather="instagram" class="w-5 h-5"></i>484 </a>485 <a href="#" class="hover:text-primary transition duration-300">486 <i data-feather="facebook" class="w-5 h-5"></i>487 </a>488 <a href="#" class="hover:text-primary transition duration-300">489 <i data-feather="twitter" class="w-5 h-5"></i>490 </a>491 </div>492 </div>493 </div>494 <hr class="border-gray-800 my-8">495 <div class="text-center text-gray-400 text-sm">496 © 2023 StreamSync Hub. Todos os direitos reservados.497 </div>498 </div>499 </footer>500 <style>501 .telegram-hover:hover {502 background-color: #0088cc !important;503 color: white !important;504 }505 .telegram-hover:hover i {506 color: white !important;507 }508 </style>509 510 <script>511 feather.replace();512 513 // Redirect all Telegram links with confirmation514 document.querySelectorAll('a[href*="t.me"]').forEach(link => {515 link.addEventListener('click', function(e) {516 e.preventDefault();517 if(confirm('Você será redirecionado para o Telegram. Deseja continuar?')) {518 window.location.href = this.href;519 }520 });521 });522 523 // FAQ toggle functionality524document.querySelectorAll('#faq button').forEach(button => {525 button.addEventListener('click', () => {526 const answer = button.nextElementSibling;527 const icon = button.querySelector('i');528 529 if (answer.classList.contains('hidden')) {530 answer.classList.remove('hidden');531 icon.setAttribute('data-feather', 'chevron-up');532 } else {533 answer.classList.add('hidden');534 icon.setAttribute('data-feather', 'chevron-down');535 }536 feather.replace();537 });538 });539 540 // Smooth scrolling for anchor links541 document.querySelectorAll('a[href^="#"]').forEach(anchor => {542 anchor.addEventListener('click', function (e) {543 e.preventDefault();544 document.querySelector(this.getAttribute('href')).scrollIntoView({545 behavior: 'smooth'546 });547 });548 });549 </script>550</body>551</html>