Help
RSS
API
Feed
Maltego
Contact
Domain > truepag.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-04-27
13.249.44.6
(
ClassC
)
2019-10-22
13.225.249.129
(
ClassC
)
2019-12-07
13.33.255.102
(
ClassC
)
2019-12-07
13.33.255.61
(
ClassC
)
2026-01-27
145.223.90.226
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Tue, 27 Jan 2026 01:29:05 GMTServer: ApacheLocation: https://truepag.com/Content-Length: 289Connection: closeContent-Type: text/html; charsetiso-8859-1 !DOCTYPE HTML PUBLIC -//IETF//DTD HTML 2.0//EN>html>head>title>301 Moved Permanently/title>/head>body>h1>Moved Permanently/h1>p>The document has moved a hrefhttps://truepag.com/>here/a>./p>hr>address>Apache Server at truepag.com Port 80/address>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Tue, 27 Jan 2026 01:29:06 GMTServer: ApacheCache-Control: no-cache, privateSet-Cookie: XSRF-TOKENeyJpdiI6IjlVMlprTC92R3B0Q0RsNjBCdGF5d2c9PSIsInZhbHVlIjoiODRrK1VWd3doK0ZCdUl1ZWNpZ3NqM2J0cC9zRlludEl1SFZoenJFQkFoRVgvalVUbU5yRWYxR21kMVJhbjdrZm5YeFJFdDg1QXo0enM2bExSekplaFhpVWFjSHgwT2kvdFRISEtSNER1cmJYVjNjMzQwT2lXdkpOL3J6ZS81VWoiLCJtYWMiOiJlYjEyNjEzMjg2MDgzZmRmZTdhYzhiNjJkZWUzMzQwMjE2YjZiYWYzYjBkYjI1YjlhOTAyNzExYjIxNDliNjk0IiwidGFnIjoiIn0%3D; expiresTue, 27 Jan 2026 03:29:06 GMT; Max-Age7200; path/; secure; samesitelaxSet-Cookie: elitiumpay_sessioneyJpdiI6Imt6cE1JeDRGd0cwVWdqa3BtOE02ZHc9PSIsInZhbHVlIjoidEdtd0thUWxwSElLaEZxbDcvdzJFSE0rMW9Pd0FOMUVmelBHOWNlNE5nMlE2Y0NOb0hBOHJscXg1clF1VmliU3ZhSysxc0E2aUswQmMvTGR5Ym5IbFlFbCtCNEZhSkNtOFo2RzRzN2hRajZnU3RFekRtWXNhc1FpaGVaK0ZwSUsiLCJtYWMiOiIyOThjYzY0ZTc4ZWNjMDZhOWY0ZTY1ZjczYTcxZjk1YTk0NzdmM2ZjZjAyMTFhZTcxMDgzNmFiM2RlNzIwOWRlIiwidGFnIjoiIn0%3D; expiresTue, 27 Jan 2026 03:29:06 GMT; Max-Age7200; path/; secure; httponly; samesitelaxUpgrade: h2Connection: Upgrade, closeVary: Accept-EncodingTransfer-Encoding: chunkedContent-Type: text/html; charsetUTF-8 !doctype html>html langpt-br>head> title>TruePag/title> !-- Meta --> meta charsetutf-8 /> meta nameviewport contentwidthdevice-width, initial-scale1.0, user-scalable0, minimal-ui /> meta http-equivX-UA-Compatible contentIEedge /> meta namedescription contentExperimente a ElitiumPay, o gateway de pagamento que oferece segurança, rapidez e simplicidade para suas transações online. Aceite múltiplos métodos de pagamento com integração fácil e suporte personalizado. Aumente suas vendas com uma solução confiável e moderna. Conheça a Elitium agora! /> meta namekeywords contentgateway pagamento, processamento pagamentos, api pagamentos, fintech /> meta nameauthor contentTruePag /> meta propertyog:title contentTruePag - Gateway de Pagamentos> meta propertyog:description contentConheça a TruePag, o gateway de pagamento que combina segurança, rapidez e simplicidade para impulsionar suas transações online.Aceite diversos métodos de pagamento com integração fácil, alta performance e suporte personalizado para o seu negócio.Venda mais com uma solução moderna, confiável e eficiente.TruePag — pagamentos inteligentes para o seu crescimento.> meta propertyog:image contenthttps://i.ibb.co/jv2MLPqm/favicon.png> meta propertyog:url contenthttps://truepag.com> meta nametwitter:card contentsummary_large_image> meta namecsrf-token contentetZ8bkZdsMGQ9Q3Fd5zVMV6OI3KYAlMJyL8ElIGF> !-- Favicon icon --> link relicon hrefhttps://i.ibb.co/jv2MLPqm/favicon.png typeimage/x-icon /> !-- Font Family --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@300;400;500;600;700;800;900&familyPoppins:wght@300;400;500;600;700;800&familyJetBrains+Mono:wght@400;500;600&displayswap relstylesheet> !-- Icons --> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css> !-- AOS Animation Library --> link hrefhttps://unpkg.com/aos@2.3.1/dist/aos.css relstylesheet> !-- Estilos da Landing Page --> style> /* VARIÁVEIS CSS DO TEMA ATIVO */ :root { /* Cores do Tema Ativo do Banco */ --primary: #047857; --primary-light: #059669; --primary-dark: #065F46; --secondary: #6B7280; --accent: #DC2626; /* Backgrounds Light */ --bg-primary: #FFFFFF; --bg-secondary: #ECFDF5; --bg-card: #FFFFFF; /* Text Light */ --text-primary: #022C22; --text-secondary: #374151; --text-muted: #6B7280; /* Borders Light */ --border-primary: #A7F3D0; --border-light: #D1FAE5; /* Status Colors */ --success: #047857; --warning: #F59E0B; --danger: #EF4444; --info: #DC2626; /* Gradientes */ --gradient-start: #047857; --gradient-end: #059669; /* Layout */ --border-radius: 14px; --border-radius-sm: 8px; --border-radius-lg: 20px; --border-radius-xl: 24px; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); /* Transitions */ --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } /* TEMA ESCURO */ data-themedark { /* Backgrounds Dark */ --bg-primary: #000000; --bg-secondary: #0A0A0A; --bg-card: #1A1A1A; /* Text Dark */ --text-primary: #FFFFFF; --text-secondary: #D4D4D8; --text-muted: #a1a1aa; /* Borders Dark */ --border-primary: #262626; --border-light: #404040; /* Shadows Dark */ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.3); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5); } /* RESET E BASE */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; background-color: var(--bg-primary); color: var(--text-primary); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } /* NAVBAR */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border-light); z-index: 1000; padding: 1rem 0; transition: var(--transition); } data-themedark .navbar { background: rgba(10, 10, 10, 0.95); border-bottom-color: var(--border-primary); } .navbar.scrolled { background: rgba(255, 255, 255, 0.98); box-shadow: var(--shadow-lg); padding: 0.75rem 0; } data-themedark .navbar.scrolled { background: rgba(10, 10, 10, 0.98); } .navbar-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: flex; align-items: center; justify-content: space-between; } .navbar-brand { display: flex; align-items: center; text-decoration: none; color: var(--text-primary); } .navbar-brand img { height: 40px; width: auto; } .navbar-nav { display: flex; align-items: center; gap: 2rem; list-style: none; } .nav-link { color: var(--text-secondary); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: var(--transition); position: relative; } .nav-link:hover, .nav-link.active { color: var(--primary); } .nav-link::after { content: ; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--primary); transition: var(--transition); } .nav-link:hover::after, .nav-link.active::after { width: 100%; } .navbar-actions { display: flex; align-items: center; gap: 1rem; } .theme-toggle { background: none; border: none; color: var(--text-secondary); font-size: 1.25rem; cursor: pointer; padding: 0.5rem; border-radius: 50%; transition: var(--transition); } .theme-toggle:hover { color: var(--primary); background: var(--bg-secondary); } .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: white; padding: 0.75rem 1.5rem; border-radius: var(--border-radius); text-decoration: none; font-weight: 600; transition: var(--transition); border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); color: white; } .btn-secondary { background: transparent; color: var(--text-primary); padding: 0.75rem 1.5rem; border: 2px solid var(--border-primary); border-radius: var(--border-radius); text-decoration: none; font-weight: 600; transition: var(--transition); display: inline-flex; align-items: center; gap: 0.5rem; } .btn-secondary:hover { border-color: var(--primary); color: var(--primary); background: rgba(37, 99, 235, 0.05); } /* Mobile Menu */ .mobile-menu-toggle { display: none; background: none; border: none; color: var(--text-primary); font-size: 1.5rem; cursor: pointer; } .mobile-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-card); border-top: 1px solid var(--border-primary); box-shadow: var(--shadow-xl); } .mobile-menu.show { display: block; } .mobile-nav { padding: 2rem; display: flex; flex-direction: column; gap: 1.5rem; } /* HERO SECTION */ .hero { padding: 8rem 0 6rem 0; background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; } .hero::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 100 100>defs>pattern idgrid width10 height10 patternUnitsuserSpaceOnUse>path dM 10 0 L 0 0 0 10 fillnone strokergba(255,255,255,0.1) stroke-width0.5/>/pattern>/defs>rect width100 height100 fillurl(%23grid)/>/svg>); animation: gridMove 20s linear infinite; } .hero::after { content: ; position: absolute; top: -50%; right: -20%; width: 40%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: float 6s ease-in-out infinite; } @keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(-10px, -10px); } } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(5deg); } } .hero-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 1; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .hero-text { color: white; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 500; margin-bottom: 2rem; border: 1px solid rgba(255, 255, 255, 0.3); } .hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 1.5rem; background: linear-gradient(135deg, #fff, rgba(255,255,255,0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.25rem; line-height: 1.6; opacity: 0.9; margin-bottom: 2.5rem; } .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; } .btn-hero-primary { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); color: white; padding: 1rem 2rem; border-radius: var(--border-radius); text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center; gap: 0.75rem; } .btn-hero-primary:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: var(--shadow-xl); color: white; } .btn-hero-secondary { background: transparent; border: 2px solid rgba(255, 255, 255, 0.3); color: white; padding: 1rem 2rem; border-radius: var(--border-radius); text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center; gap: 0.75rem; } .btn-hero-secondary:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); color: white; } .hero-visual { position: relative; } .hero-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--border-radius-xl); padding: 2.5rem; box-shadow: var(--shadow-2xl); position: relative; overflow: hidden; } .hero-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); z-index: -1; } .card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; color: white; } .card-icon { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; } .card-title { font-size: 1.5rem; font-weight: 700; margin: 0; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; } .stat-item { text-align: center; color: white; } .stat-number { font-size: 2rem; font-weight: 800; font-family: JetBrains Mono, monospace; margin-bottom: 0.5rem; background: linear-gradient(135deg, #fff, rgba(255,255,255,0.7)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .stat-label { font-size: 0.9rem; opacity: 0.8; } /* FEATURES SECTION */ .features { padding: 8rem 0; background: var(--bg-secondary); } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .section-header { text-align: center; margin-bottom: 5rem; } .section-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--bg-card); color: var(--primary); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1.5rem; border: 1px solid var(--border-primary); } .section-title { font-size: 3rem; font-weight: 800; margin-bottom: 1.5rem; color: var(--text-primary); line-height: 1.2; } .section-subtitle { font-size: 1.25rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; line-height: 1.6; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2.5rem; } .feature-card { background: var(--bg-card); border-radius: var(--border-radius-lg); padding: 2.5rem; border: 1px solid var(--border-primary); box-shadow: var(--shadow-sm); transition: var(--transition); position: relative; overflow: hidden; } .feature-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary), var(--primary-light)); transform: scaleX(0); transform-origin: left; transition: var(--transition); } .feature-card:hover::before { transform: scaleX(1); } .feature-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-xl); } .feature-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary), var(--primary-light)); border-radius: var(--border-radius-lg); display: flex; align-items: center; justify-content: center; font-size: 2rem; color: white; margin-bottom: 2rem; box-shadow: var(--shadow-lg); } .feature-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-primary); } .feature-description { color: var(--text-secondary); line-height: 1.6; margin-bottom: 1.5rem; } .feature-list { list-style: none; padding: 0; } .feature-list li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; color: var(--text-secondary); font-size: 0.95rem; } .feature-list li:last-child { margin-bottom: 0; } .feature-list i { color: var(--success); font-size: 1rem; } /* STATS SECTION */ .stats { padding: 6rem 0; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; position: relative; overflow: hidden; } .stats::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 100 100>defs>pattern iddots width20 height20 patternUnitsuserSpaceOnUse>circle cx10 cy10 r2 fillrgba(255,255,255,0.1)/>/pattern>/defs>rect width100 height100 fillurl(%23dots)/>/svg>); } .stats-container { position: relative; z-index: 1; } .stats-content { text-align: center; margin-bottom: 4rem; } .stats-title { font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem; } .stats-subtitle { font-size: 1.2rem; opacity: 0.9; } .stats-grid-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; } .stat-card { text-align: center; } .stat-card .stat-number { font-size: 4rem; font-weight: 900; font-family: JetBrains Mono, monospace; margin-bottom: 1rem; background: linear-gradient(135deg, #fff, rgba(255,255,255,0.7)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; } .stat-card .stat-label { font-size: 1.1rem; font-weight: 600; opacity: 0.9; } .stat-card .stat-description { font-size: 0.95rem; opacity: 0.7; margin-top: 0.5rem; } /* CTA SECTION */ .cta { padding: 8rem 0; background: var(--bg-card); position: relative; } .cta-content { text-align: center; max-width: 800px; margin: 0 auto; } .cta-title { font-size: 3rem; font-weight: 800; margin-bottom: 1.5rem; color: var(--text-primary); line-height: 1.2; } .cta-subtitle { font-size: 1.25rem; color: var(--text-secondary); margin-bottom: 3rem; line-height: 1.6; } .cta-actions { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .btn-cta-primary { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: white; padding: 1.25rem 2.5rem; border-radius: var(--border-radius); text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center; gap: 0.75rem; box-shadow: var(--shadow-lg); } .btn-cta-primary:hover { transform: translateY(-3px); box-shadow: var(--shadow-2xl); color: white; } .btn-cta-secondary { background: transparent; color: var(--text-primary); padding: 1.25rem 2.5rem; border: 2px solid var(--border-primary); border-radius: var(--border-radius); text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center; gap: 0.75rem; } .btn-cta-secondary:hover { border-color: var(--primary); color: var(--primary); background: rgba(37, 99, 235, 0.05); transform: translateY(-1px); } /* FOOTER */ .footer { background: var(--text-primary); color: white; padding: 4rem 0 2rem 0; } data-themedark .footer { background: var(--bg-card); color: var(--text-primary); } .footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-brand { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; } .footer-brand img { height: 40px; filter: brightness(0) invert(1); } data-themedark .footer-brand img { filter: none; } .footer-brand span { font-size: 1.5rem; font-weight: 700; } .footer-description { color: rgba(255, 255, 255, 0.8); line-height: 1.6; margin-bottom: 2rem; } data-themedark .footer-description { color: var(--text-secondary); } .footer-social { display: flex; gap: 1rem; } .social-link { width: 45px; height: 45px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: var(--transition); font-size: 1.25rem; } data-themedark .social-link { background: var(--bg-secondary); color: var(--text-primary); } .social-link:hover { background: var(--primary); transform: translateY(-2px); color: white; } .footer-section h4 { font-size: 1.2rem; font-weight: 700; margin-bottom: 1.5rem; color: white; } data-themedark .footer-section h4 { color: var(--text-primary); } .footer-links { list-style: none; padding: 0; } .footer-links li { margin-bottom: 0.75rem; } .footer-links a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: var(--transition); display: flex; align-items: center; gap: 0.5rem; } data-themedark .footer-links a { color: var(--text-secondary); } .footer-links a:hover { color: white; transform: translateX(4px); } data-themedark .footer-links a:hover { color: var(--primary); } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } data-themedark .footer-bottom { border-top-color: var(--border-primary); } .footer-copyright { color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; } data-themedark .footer-copyright { color: var(--text-muted); } .footer-legal { display: flex; gap: 2rem; } .footer-legal a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.95rem; transition: var(--transition); } data-themedark .footer-legal a { color: var(--text-muted); } .footer-legal a:hover { color: white; } data-themedark .footer-legal a:hover { color: var(--primary); } /* WHATSAPP BUTTON */ .whatsapp-float { position: fixed; bottom: 2rem; right: 2rem; width: 65px; height: 65px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.75rem; text-decoration: none; box-shadow: var(--shadow-2xl); z-index: 1000; transition: var(--transition); animation: pulse 2s infinite; } .whatsapp-float:hover { transform: scale(1.1); color: white; animation: none; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } /* SCROLL TO TOP */ .scroll-to-top { position: fixed; bottom: 2rem; left: 2rem; width: 50px; height: 50px; background: var(--primary); border: none; border-radius: 50%; color: white; font-size: 1.25rem; cursor: pointer; opacity: 0; visibility: hidden; transition: var(--transition); z-index: 999; } .scroll-to-top.show { opacity: 1; visibility: visible; } .scroll-to-top:hover { background: var(--primary-dark); transform: translateY(-2px); } /* 🎬 LOADING SCREEN - CINEMATIC */ .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--bg-primary); display: flex; justify-content: center; align-items: center; z-index: 99999; transition: opacity 0.6s ease, visibility 0.6s ease; } .loader-wrapper.hidden { opacity: 0; visibility: hidden; } .loader-content { text-align: center; position: relative; } .loader-logo { width: 120px; height: 120px; margin: 0 auto 150px; position: relative; animation: float 2s ease-in-out infinite; } .loader-logo img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 30px rgba(99, 102, 241, 0.3)); } .loader-ring { position: absolute; top: 90%; left: -20px; transform: translate(-50%, -50%); width: 140px; height: 140px; border: 3px solid transparent; border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; } .loader-text { font-size: var(--text-lg); font-weight: 600; color: var(--text-primary); margin-bottom: 20px; opacity: 0; animation: fadeInUp 0.9s ease forwards 0.3s; } .loader-bar { width: 200px; height: 3px; background: var(--bg-secondary); border-radius: var(--radius-full); overflow: hidden; margin: 0 auto; } .loader-progress { height: 100%; background: var(--gradient-primary); border-radius: var(--radius-full); animation: progress 0.8s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes progress { 0% { width: 0%; } 50% { width: 70%; } 100% { width: 100%; } } /* RESPONSIVE */ @media (max-width: 1200px) { .navbar-container, .hero-container, .container { padding: 0 1.5rem; } .hero-title { font-size: 3rem; } .section-title { font-size: 2.5rem; } .cta-title { font-size: 2.5rem; } } @media (max-width: 968px) { .navbar-nav { display: none; } .mobile-menu-toggle { display: block; } .hero { padding: 6rem 0 4rem 0; text-align: center; } .hero-content { grid-template-columns: 1fr; gap: 3rem; } .hero-title { font-size: 2.5rem; } .hero-actions { justify-content: center; } .features-grid { grid-template-columns: 1fr; gap: 2rem; } .stats-grid-section { grid-template-columns: repeat(2, 1fr); gap: 2rem; } .footer-content { grid-template-columns: 1fr; gap: 2rem; text-align: center; } .footer-bottom { flex-direction: column; text-align: center; } .footer-social { justify-content: center; } .cta-actions { flex-direction: column; align-items: center; } .btn-cta-primary, .btn-cta-secondary { width: 100%; max-width: 300px; justify-content: center; } } @media (max-width: 768px) { .navbar-container { padding: 0 1rem; } .hero { padding: 5rem 0 3rem 0; } .hero-title { font-size: 2rem; } .hero-subtitle { font-size: 1.1rem; } .section-title { font-size: 2rem; } .cta-title { font-size: 2rem; } .features { padding: 5rem 0; } .stats { padding: 4rem 0; } .cta { padding: 5rem 0; } .footer { padding: 3rem 0 1.5rem 0; } .stats-grid-section { grid-template-columns: 1fr; } .whatsapp-float { width: 60px; height: 60px; font-size: 1.5rem; bottom: 1.5rem; right: 1.5rem; } .scroll-to-top { bottom: 1.5rem; left: 1.5rem; width: 45px; height: 45px; font-size: 1.1rem; } .navbar-brand img { height: 32px; } .navbar-container { padding: 0 1rem; } .navbar-actions { gap: 0.5rem; } .btn-primary, .btn-secondary { padding: 0.5rem 1rem; font-size: 0.9rem; } } @media (max-width: 576px) { .hero-badge, .section-badge { font-size: 0.8rem; padding: 0.4rem 0.8rem; } .hero-title { font-size: 1.75rem; } .section-title { font-size: 1.75rem; } .cta-title { font-size: 1.75rem; } .feature-card { padding: 2rem; } .feature-icon { width: 70px; height: 70px; font-size: 1.75rem; } .btn-hero-primary, .btn-hero-secondary { width: 100%; justify-content: center; font-size: 1rem; padding: 0.875rem 1.5rem; } .navbar-brand img { height: 28px; } .navbar-actions .btn-primary, .navbar-actions .btn-secondary { display: none; } .mobile-nav .btn-primary, .mobile-nav .btn-secondary { display: flex; } .stats-grid { grid-template-columns: 1fr 1fr; gap: 1rem; } .stat-number { font-size: 1.5rem; } .stat-label { font-size: 0.8rem; } } @media (max-width: 480px) { .navbar-container { padding: 0 0.75rem; } .hero-container, .container { padding: 0 1rem; } .hero-card { padding: 2rem; } .hero-title { font-size: 1.5rem; } .hero-subtitle { font-size: 1rem; } .section-title { font-size: 1.5rem; } .section-subtitle { font-size: 1rem; } .feature-card { padding: 1.5rem; } .whatsapp-float { width: 55px; height: 55px; font-size: 1.25rem; bottom: 1rem; right: 1rem; } .scroll-to-top { bottom: 1rem; left: 1rem; width: 40px; height: 40px; font-size: 1rem; } } /* ANIMATIONS */ .fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .fade-in.visible { opacity: 1; transform: translateY(0); } .slide-in-left { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease, transform 0.6s ease; } .slide-in-left.visible { opacity: 1; transform: translateX(0); } .slide-in-right { opacity: 0; transform: translateX(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .slide-in-right.visible { opacity: 1; transform: translateX(0); } .scale-in { opacity: 0; transform: scale(0.9); transition: opacity 0.6s ease, transform 0.6s ease; } .scale-in.visible { opacity: 1; transform: scale(1); } /* COUNTER ANIMATION */ .counter { display: inline-block; } /style>/head> div classloader-wrapper idloader> div classloader-content> div classloader-logo> img srclogo/logo.png altTruePag> div classloader-ring>/div> /div> div classloader-text>Carregando experiência.../div> div classloader-bar> div classloader-progress>/div> /div> /div> /div> !-- Navbar --> nav classnavbar idnavbar> div classnavbar-container> a href# classnavbar-brand> img srclogo/logo.png altTruePag> /a> ul classnavbar-nav> li>a href#inicio classnav-link active>Início/a>/li> li>a href#recursos classnav-link>Recursos/a>/li> li>a href#estatisticas classnav-link>Estatísticas/a>/li> li>a href#contato classnav-link>Contato/a>/li> /ul> div classnavbar-actions> button classtheme-toggle idthemeToggle> i classbi bi-sun idthemeIcon>/i> /button> a href/login classbtn-secondary> i classbi bi-box-arrow-in-right>/i> Entrar /a> a href/register classbtn-primary> i classbi bi-person-plus>/i> Criar Conta /a> /div> button classmobile-menu-toggle idmobileMenuToggle> i classbi bi-list>/i> /button> div classmobile-menu idmobileMenu> div classmobile-nav> a href#inicio classnav-link>Início/a> a href#recursos classnav-link>Recursos/a> a href#estatisticas classnav-link>Estatísticas/a> a href#contato classnav-link>Contato/a> div styledisplay: flex; gap: 1rem; margin-top: 1rem;> a href/login classbtn-secondary styleflex: 1; justify-content: center;>Entrar/a> a href/register classbtn-primary styleflex: 1; justify-content: center;>Criar Conta/a> /div> /div> /div> /div> /nav> !-- Hero Section --> section idinicio classhero> div classhero-container> div classhero-content> div classhero-text data-aosfade-right> div classhero-badge> i classbi bi-star-fill>/i> span>Gateway de Pagamentos Líder/span> /div> h1 classhero-title> O Futuro dos Pagamentos Digitais /h1> p classhero-subtitle> Transforme suas transações com nossa plataforma inovadora. Processamento instantâneo, segurança avançada e taxas competitivas para impulsionar o crescimento do seu negócio. /p> div classhero-actions> a href/register classbtn-hero-primary> i classbi bi-rocket-takeoff>/i> Começar Agora /a> a href#recursos classbtn-hero-secondary> i classbi bi-play-circle>/i> Ver Demonstração /a> /div> /div> div classhero-visual data-aosfade-left> div classhero-card> div classcard-header> div classcard-icon> i classbi bi-credit-card>/i> /div> div classcard-title>Transação em Tempo Real/div> /div> div classstats-grid> div classstat-item> div classstat-number counter data-target99.9>0/div> div classstat-label>% Uptime/div> /div> div classstat-item> div classstat-number counter data-target2.5>0/div> div classstat-label>seg Processamento/div> /div> div classstat-item> div classstat-number counter data-target256>0/div> div classstat-label>bit SSL/div> /div> div classstat-item> div classstat-number counter data-target24>0/div> div classstat-label>hrs Suporte/div> /div> /div> /div> /div> /div> /div> /section> br>br>br>br>br>br>br>br>br>br>br>br>br>br>br> !-- Features Section --> section idrecursos classfeatures> div classcontainer> div classsection-header data-aosfade-up> div classsection-badge> i classbi bi-lightning-charge>/i> span>Recursos Poderosos/span> /div> h2 classsection-title> Tudo que você precisa para processar pagamentos /h2> p classsection-subtitle> Nossa plataforma oferece uma suite completa de ferramentas para gerenciar pagamentos, APIs robustas e segurança de nível bancário. /p> /div> div classfeatures-grid> div classfeature-card data-aosfade-up data-aos-delay100> div classfeature-icon> i classbi bi-lightning-charge>/i> /div> h3 classfeature-title>Processamento Instantâneo/h3> p classfeature-description> Transações processadas em menos de 3 segundos com nossa infraestrutura de alta performance distribuída globalmente. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Latência ultra-baixa/li> li>i classbi bi-check-circle>/i>Redundância global/li> li>i classbi bi-check-circle>/i>Escalabilidade automática/li> li>i classbi bi-check-circle>/i>Monitoramento 24/7/li> /ul> /div> div classfeature-card data-aosfade-up data-aos-delay200> div classfeature-icon> i classbi bi-shield-lock>/i> /div> h3 classfeature-title>Segurança Avançada/h3> p classfeature-description> Proteção de nível bancário com criptografia de ponta e conformidade com os mais altos padrões internacionais. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Criptografia AES-256/li> li>i classbi bi-check-circle>/i>Certificação PCI DSS/li> li>i classbi bi-check-circle>/i>2FA obrigatório/li> li>i classbi bi-check-circle>/i>Auditoria contínua/li> /ul> /div> div classfeature-card data-aosfade-up data-aos-delay300> div classfeature-icon> i classbi bi-code-slash>/i> /div> h3 classfeature-title>API Poderosa/h3> p classfeature-description> APIs RESTful bem documentadas com SDKs para todas as principais linguagens de programação e frameworks. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Documentação completa/li> li>i classbi bi-check-circle>/i>SDKs oficiais/li> li>i classbi bi-check-circle>/i>Webhooks em tempo real/li> li>i classbi bi-check-circle>/i>Ambiente de testes/li> /ul> /div> div classfeature-card data-aosfade-up data-aos-delay400> div classfeature-icon> i classbi bi-graph-up-arrow>/i> /div> h3 classfeature-title>Analytics Avançado/h3> p classfeature-description> Insights detalhados sobre suas transações com dashboards interativos e relatórios personalizáveis em tempo real. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Dashboards em tempo real/li> li>i classbi bi-check-circle>/i>Relatórios customizáveis/li> li>i classbi bi-check-circle>/i>Alertas inteligentes/li> li>i classbi bi-check-circle>/i>Exportação de dados/li> /ul> /div> div classfeature-card data-aosfade-up data-aos-delay500> div classfeature-icon> i classbi bi-currency-dollar>/i> /div> h3 classfeature-title>Taxas Competitivas/h3> p classfeature-description> As melhores taxas do mercado com preços transparentes e sem surpresas. Economize mais conforme seu volume cresce. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Sem taxas ocultas/li> li>i classbi bi-check-circle>/i>Desconto por volume/li> li>i classbi bi-check-circle>/i>Preços transparentes/li> li>i classbi bi-check-circle>/i>Sem taxa de setup/li> /ul> /div> div classfeature-card data-aosfade-up data-aos-delay600> div classfeature-icon> i classbi bi-headset>/i> /div> h3 classfeature-title>Suporte Excepcional/h3> p classfeature-description> Equipe de especialistas disponível 24/7 para ajudar você a maximizar o potencial da nossa plataforma. /p> ul classfeature-list> li>i classbi bi-check-circle>/i>Suporte 24/7/365/li> li>i classbi bi-check-circle>/i>Chat ao vivo/li> li>i classbi bi-check-circle>/i>Onboarding personalizado/li> li>i classbi bi-check-circle>/i>Base de conhecimento/li> /ul> /div> /div> /div> /section> !-- Stats Section --> section idestatisticas classstats> div classcontainer stats-container> div classstats-content data-aosfade-up> h2 classstats-title>Números que Impressionam/h2> p classstats-subtitle> Milhares de empresas confiam em nossa plataforma para processar bilhões em transações todos os meses. /p> /div> div classstats-grid-section> div classstat-card data-aosfade-up data-aos-delay100> div classstat-number counter data-target50000>0/div> div classstat-label>Empresas Ativas/div> div classstat-description>Confiam em nossa plataforma/div> /div> div classstat-card data-aosfade-up data-aos-delay200> div classstat-number>R$ span classcounter data-target2.5>0/span>B/div> div classstat-label>Processados Mensalmente/div> div classstat-description>Em transações seguras/div> /div> div classstat-card data-aosfade-up data-aos-delay300> div classstat-number counter data-target99.9>0/div> div classstat-label>% de Uptime/div> div classstat-description>Disponibilidade garantida/div> /div> div classstat-card data-aosfade-up data-aos-delay400> div classstat-number>span classcounter data-target150>0/span>+/div> div classstat-label>Países Atendidos/div> div classstat-description>Cobertura global/div> /div> /div> /div> /section> !-- CTA Section --> section idcontato classcta> div classcontainer> div classcta-content data-aosfade-up> h2 classcta-title> Pronto para Revolucionar seus Pagamentos? /h2> p classcta-subtitle> Junte-se a milhares de empresas que já escolheram nossa plataforma. Comece gratuitamente e veja a diferença em suas transações. /p> div classcta-actions> a href/register classbtn-cta-primary> i classbi bi-rocket-takeoff>/i> Criar Conta Gratuita /a> a href# target_blank classbtn-cta-secondary> i classbi bi-chat-dots>/i> Falar com Especialista /a> /div> /div> /div> /section> !-- Footer --> footer classfooter> div classcontainer> div classfooter-content> div classfooter-section> div classfooter-brand> img srclogo/logo.png altTruePag> /div> p classfooter-description> Transformando o futuro dos pagamentos digitais com tecnologia inovadora, segurança avançada e experiência excepcional. /p> div classfooter-social> a href# classsocial-link>i classfab fa-facebook-f>/i>/a> a href# classsocial-link>i classfab fa-twitter>/i>/a> a href# classsocial-link>i classfab fa-linkedin-in>/i>/a> a href# classsocial-link>i classfab fa-instagram>/i>/a> a href# classsocial-link>i classfab fa-youtube>/i>/a> /div> /div> div classfooter-section> h4>Produto/h4> ul classfooter-links> li>a href#recursos>Recursos/a>/li> li>a href/register>Preços/a>/li> li>a href/api-documentation>API/a>/li> li>a href#estatisticas>Segurança/a>/li> li>a href/register>Integrações/a>/li> /ul> /div> div classfooter-section> h4>Empresa/h4> ul classfooter-links> li>a href#inicio>Sobre/a>/li> li>a href#contato>Contato/a>/li> li>a href/register>Carreiras/a>/li> li>a href/register>Blog/a>/li> li>a href/register>Imprensa/a>/li> /ul> /div> div classfooter-section> h4>Suporte/h4> ul classfooter-links> li>a href# target_blank> i classbi bi-chat-dots>/i>Chat ao Vivo /a>/li> li>a href/register>Central de Ajuda/a>/li> li>a href/api-documentation>Documentação/a>/li> li>a href/register>Status do Sistema/a>/li> li>a href/register>Comunidade/a>/li> /ul> /div> /div> div classfooter-bottom> div classfooter-copyright> © 2026 TruePag. Todos os direitos reservados. /div> div classfooter-legal> a href/termos>Termos de Uso/a> a href/privacy>Privacidade/a> a href/cookies>Cookies/a> /div> /div> /div> /footer> !-- WhatsApp Float Button --> a href# target_blank classwhatsapp-float> i classfab fa-whatsapp>/i> /a> !-- Scroll to Top Button --> button classscroll-to-top idscrollToTop> i classbi bi-arrow-up>/i> /button> !-- Scripts --> script srchttps://unpkg.com/aos@2.3.1/dist/aos.js>/script> script> // // 🎬 PAGE INITIALIZATION // document.addEventListener(DOMContentLoaded, function() { console.log(🚀 Initializing Premium Landing Page...); // Hide loader after page load window.addEventListener(load, function() { setTimeout(() > { const loader document.getElementById(loader); if (loader) { loader.classList.add(hidden); } }, 1000); }); // Initialize all modules initThemeToggle(); initMobileMenu(); initSmoothScroll(); initScrollEffects(); initCounters(); initMagneticButtons(); init3DCards(); initThreeJS(); initNetworkCanvas(); initParallax(); initScrollAnimations(); console.log(✨ Initialization complete!); }); // Initialize AOS AOS.init({ duration: 800, easing: ease-out-cubic, once: true, offset: 100 }); // Loading Screen window.addEventListener(load, function() { const loading document.getElementById(loading); if (loading) { loading.style.opacity 0; setTimeout(() > { loading.style.display none; }, 500); } }); // Navbar scroll effect window.addEventListener(scroll, function() { const navbar document.getElementById(navbar); const scrollToTop document.getElementById(scrollToTop); if (window.scrollY > 100) { navbar.classList.add(scrolled); scrollToTop.classList.add(show); } else { navbar.classList.remove(scrolled); scrollToTop.classList.remove(show); } }); // Mobile menu toggle document.getElementById(mobileMenuToggle)?.addEventListener(click, function() { const mobileMenu document.getElementById(mobileMenu); mobileMenu.classList.toggle(show); }); // Theme toggle function toggleTheme() { const body document.body; const currentTheme body.getAttribute(data-theme); const newTheme currentTheme dark ? light : dark; body.setAttribute(data-theme, newTheme); localStorage.setItem(theme, newTheme); const themeIcon document.getElementById(themeIcon); if (themeIcon) { themeIcon.className newTheme dark ? bi bi-moon : bi bi-sun; } } document.getElementById(themeToggle)?.addEventListener(click, toggleTheme); // Load saved theme document.addEventListener(DOMContentLoaded, function() { const savedTheme localStorage.getItem(theme) || dark; document.body.setAttribute(data-theme, savedTheme); const themeIcon document.getElementById(themeIcon); if (themeIcon) { themeIcon.className savedTheme dark ? bi bi-moon : bi bi-sun; } }); // Smooth scroll for navigation links document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const target document.querySelector(this.getAttribute(href)); if (target) { target.scrollIntoView({ behavior: smooth, block: start }); // Close mobile menu if open const mobileMenu document.getElementById(mobileMenu); mobileMenu.classList.remove(show); // Update active nav link document.querySelectorAll(.nav-link).forEach(link > { link.classList.remove(active); }); this.classList.add(active); } }); }); // Scroll to top functionality document.getElementById(scrollToTop)?.addEventListener(click, function() { window.scrollTo({ top: 0, behavior: smooth }); }); // Counter animation function animateCounter(element) { const target parseInt(element.getAttribute(data-target)); const duration 2000; // 2 seconds const increment target / (duration / 16); // 60fps let current 0; const timer setInterval(() > { current + increment; if (current > target) { element.textContent target; clearInterval(timer); } else { element.textContent Math.floor(current); } }, 16); } // Intersection Observer for counter animation const counterObserver new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting && !entry.target.classList.contains(animated)) { entry.target.classList.add(animated); animateCounter(entry.target); } }); }, { threshold: 0.5 }); // Observe all counter elements document.addEventListener(DOMContentLoaded, function() { document.querySelectorAll(.counter).forEach(counter > { counterObserver.observe(counter); }); }); // Active nav link on scroll window.addEventListener(scroll, function() { const sections document.querySelectorAll(sectionid); const navLinks document.querySelectorAll(.nav-linkhref^#); let currentSection ; sections.forEach(section > { const sectionTop section.offsetTop - 100; const sectionHeight section.offsetHeight; if (window.scrollY > sectionTop && window.scrollY sectionTop + sectionHeight) { currentSection section.getAttribute(id); } }); navLinks.forEach(link > { link.classList.remove(active); if (link.getAttribute(href) `#${currentSection}`) { link.classList.add(active); } }); }); // Add smooth hover effects document.addEventListener(DOMContentLoaded, function() { // Feature cards hover effect document.querySelectorAll(.feature-card).forEach(card > { card.addEventListener(mouseenter, function() { this.style.transform translateY(-8px); }); card.addEventListener(mouseleave, function() { this.style.transform translateY(0); }); }); // Button hover effects document.querySelectorAll(.btn-primary, .btn-secondary, .btn-hero-primary, .btn-hero-secondary, .btn-cta-primary, .btn-cta-secondary).forEach(btn > { btn.addEventListener(mouseenter, function() { this.style.transform translateY(-2px); }); btn.addEventListener(mouseleave, function() { this.style.transform translateY(0); }); }); }); // Parallax effect for hero background window.addEventListener(scroll, function() { const scrolled window.pageYOffset; const hero document.querySelector(.hero); if (hero && scrolled hero.offsetHeight) { hero.style.transform `translateY(${scrolled * 0.5}px)`; } }); // Easter egg - Konami code let konamiCode ; const konamiSequence 38, 38, 40, 40, 37, 39, 37, 39, 66, 65; // ↑↑↓↓←→←→BA document.addEventListener(keydown, function(e) { konamiCode.push(e.keyCode); if (konamiCode.length > konamiSequence.length) { konamiCode.shift(); } if (konamiCode.length konamiSequence.length && konamiCode.every((code, index) > code konamiSequenceindex)) { // Easter egg animation document.body.style.animation rainbow 2s infinite; setTimeout(() > { document.body.style.animation ; }, 5000); console.log(🎉 Konami Code activated! You found the easter egg!); } }); // Add rainbow animation for easter egg const style document.createElement(style); style.textContent ` @keyframes rainbow { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } `; document.head.appendChild(style); // Performance optimization: Lazy load images if (IntersectionObserver in window) { const imageObserver new IntersectionObserver((entries, observer) > { entries.forEach(entry > { if (entry.isIntersecting) { const img entry.target; img.src img.dataset.src; img.classList.remove(lazy); imageObserver.unobserve(img); } }); }); document.querySelectorAll(imgdata-src).forEach(img > { imageObserver.observe(img); }); } // Add loading states for buttons document.querySelectorAll(ahref/register, ahref/login).forEach(link > { link.addEventListener(click, function(e) { if (!this.classList.contains(loading)) { this.classList.add(loading); const originalText this.innerHTML; this.innerHTML i classbi bi-arrow-clockwise>/i> Carregando...; // Simulate loading (remove this in production) setTimeout(() > { this.classList.remove(loading); this.innerHTML originalText; }, 2000); } }); }); // Add CSS for loading state const loadingStyle document.createElement(style); loadingStyle.textContent ` .loading { pointer-events: none; opacity: 0.7; } .loading i { animation: spin 1s linear infinite; } `; document.head.appendChild(loadingStyle); // Console welcome message console.log(%c🚀 Bem-vindo ao + TruePag + !, color: #2563eb; font-size: 20px; font-weight: bold;); console.log(%cEsta é uma plataforma de pagamentos moderna e segura., color: #64748b; font-size: 14px;); console.log(%cSe você é um desenvolvedor, que tal dar uma olhada na nossa API? 👨💻, color: #10b981; font-size: 14px;); // Service Worker registration (for PWA) if (serviceWorker in navigator) { window.addEventListener(load, function() { navigator.serviceWorker.register(/sw.js) .then(function(registration) { console.log(SW registered: , registration); }) .catch(function(registrationError) { console.log(SW registration failed: , registrationError); }); }); } // Add resize handler for mobile optimization let resizeTimer; window.addEventListener(resize, function() { clearTimeout(resizeTimer); resizeTimer setTimeout(function() { // Trigger AOS refresh on resize AOS.refresh(); }, 250); }); /script> !-- Additional CSS for animations --> style> .loading i { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Lazy loading placeholder */ img.lazy { opacity: 0; transition: opacity 0.3s; } img.lazy.loaded { opacity: 1; } /style>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]