<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TEST</title>
<style>
.quiz-container {
padding: 52px;
border-radius: 10px;
box-shadow: 0 3px 16px 0 #1010168A;
max-width: 580px;
text-align: center;
border-radius: 12px;
background-color: #222031;
color: #fff;
}
.question-block {
display: flex;
flex-direction: column;
align-items: center;
}
.question-block .quiz-title {
color: #F6F5FC;
font-size: 36px;
line-height: 46px;
margin-bottom: 20px;
}
.question-block .quiz-subtitle {
color: #9592B1;
padding-bottom: 32px;
border-bottom: 1px solid #333344;
}
.question-block .quiz-label {
color: #F6F5FC;
border-radius: 48px;
padding: 10px 16px;
display: block;
background: linear-gradient(83.79deg, #523FCB -0.48%, #8756F4 129.47%);
margin-top: 36px;
margin-bottom: 16px;
}
.question-block .question-title {
color: #F6F5FC;
font-size: 24px;
line-height: 32px;
}
.answer-btn-group {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
max-width: 455px;
}
.answer-button {
margin-top: 10px;
padding: 12px 24px;
border: none;
background: #F6F5FC;
color: #101016;
cursor: pointer;
border-radius: 8px;
width: 100%;
font-size: 16px;
text-align: left;
font-weight: 600;
}
.question,
.pricing,
.quiz-container.hidden {
display: none;
}
.question.active,
.pricing.active {
display: block;
}
.pricing {
text-align: center;
}
.pricing p {
color: #9592B1;
}
.pricing-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.pricing--item {
display: flex;
flex-direction: column;
padding: 32px;
background-color: #222031;
max-width: 350px;
box-shadow: 0 3px 16px 0 #1010168A;
border-radius: 12px;
overflow: hidden;
}
.p-item-label {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-bottom: 10px;
}
.p-success {
color: #0ECE78;
}
.p-primary {
color: #6B9EFD;
}
.p-secondary {
color: #9B88FB;
}
.p-item-price {
font-size: 44px;
line-height: 54px;
color: #F6F5FC;
text-align: center;
}
.p-item-text {
border-bottom: 1px solid #333344;
padding-bottom: 24px;
}
.p-item-details .discount {
text-align: left;
color: #F6F5FC;
font-size: 20px;
line-height: 32px;
margin: 0;
margin-bottom: 2px;
}
.p-item-details .profit {
text-align: left;
display: block;
}
.p-item-details ul {
margin: 0;
padding: 0;
padding-top: 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
.p-item-details ul li {
display: block;
text-align: left;
color: #F6F5FC;
font-size: 16px;
position: relative;
}
.p-item-details ul li::before {
content: " ✔";
color: #F6F5FC;
font-weight: bold;
margin-left: 10px;
padding-right: 5px;
}
.p-item-bottom {
margin-top: auto;
}
.p-get-started {
width: 100%;
border-radius: 32px;
border: 2px solid #8E76E7;
box-shadow: 0 2px 10px 0 #8F7AF947;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0;
margin-top: 50px;
}
.p-get-started-2 {
width: 100%;
border-radius: 32px;
border: 2px solid #8E76E7;
background: linear-gradient(178.7deg, #8E76E7 1.14%, #6F56E0 112.15%);
box-shadow: 0 2px 10px 0 #8F7AF947;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0;
margin-top: 50px;
}
.p-item-bottom .bottom-label {
background: #101016;
border-radius: 10px;
color: #F6F5FC;
font-weight: 600;
padding: 11px 0;
text-align: center;
}
</style>
</head>
<body>
<div class="quiz-container" id="quiz-container">
<div id="quiz">
<div class="question active" id="q1">
<div class="question-block">
<h2 class="quiz-title">Welcome to TokenTact! 🎉</h2>
<p class="quiz-subtitle">We’re here to help you find the perfect plan to reach your crypto trading
goals. Take this quick quiz to personalize the platform to your preferences:</p>
<span class="quiz-label">Question 1</span>
<p class="question-title">What is your main goal?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(2)">💸 Earn profit within 24 hours</button>
<button class="answer-button" onclick="nextQuestion(2)">📈 Create a steady passive
income</button>
<button class="answer-button" onclick="nextQuestion(2)">🔍 Test the platform to explore its
potential</button>
</div>
</div>
</div>
<div class="question" id="q2">
<div class="question-block">
<span class="quiz-label">Question 2</span>
<p class="question-title">What monthly income are you aiming for?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(3)">💼 10-20% with automated strategies —
stable and
effortless</button>
<button class="answer-button" onclick="nextQuestion(3)">🚀 Up to 50% with advanced strategies —
maximizing
profits</button>
<button class="answer-button" onclick="nextQuestion(3)">🔥 Above 50% — the highest potential
with our top-tier
strategies</button>
</div>
</div>
</div>
<div class="question" id="q3">
<div class="question-block">
<span class="quiz-label">Question 3</span>
<p class="question-title">What matters most to you when choosing a trading platform?</p>
<div class="answer-btn-group">
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">🛠 Simplicity and
convenience — I want
to spend minimal time on
management.</button>
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">💵 Maximizing
profits — I’m ready to use
powerful strategies for
higher returns.</button>
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">⚡ Speed and
reliability — I need fast,
secure operations.</button>
</div>
</div>
</div>
<div class="question" id="q4">
<div class="question-block">
<span class="quiz-label">Question 4</span>
<p class="question-title">Which approach to crypto earnings suits you best?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(5)">🤖 Full automation — I want to set it
and forget it, letting the
bot
trade for me.</button>
<button class="answer-button" onclick="nextQuestion(5)">👥 Copying successful strategies — I
want to follow top
traders.</button>
<button class="answer-button" onclick="nextQuestion(5)">🎯 Experimenting and testing — I enjoy
trying different strategies
and
analyzing the results.</button>
</div>
</div>
</div>
<div class="question" id="q5">
<div class="question-block">
<span class="quiz-label">Question 5</span>
<p class="question-title">How much time are you willing to spend on crypto trading?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="showPricing()">⏱ Minimal time — I want to set it up and
receive automated
returns.</button>
<button class="answer-button" onclick="showPricing()">🕔 A few hours a week — I plan to check in
and review trades
occasionally.</button>
<button class="answer-button" onclick="showPricing()">📅 Actively, every day — I want to
regularly analyze and optimize my
strategies.</button>
</div>
</div>
</div>
</div>
</div>
<div class="pricing" id="pricing">
<h2>Thank you for your responses!</h2>
<p>Based on your preferences, we have three tailored plans for you:</p>
<div class="pricing-row">
<div class="pricing--item">
<div class="p-item-label p-success">Secure</div>
<span class="p-item-price">$0</span>
<p class="p-item-text">For those who want to minimize risk and achieve a stable income.</p>
<div class="p-item-details">
<p class="discount">Up to 30% per month</p>
<span class="profit p-success">Profit Potential</span>
<ul>
<li>Full asset protection</li>
<li>7 pre-set strategies</li>
<li>1 connected exchange</li>
<li>Monthly trading volume up to $3,000</li>
<li>24/7 support</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started" href="/create-account">Get started</a>
</div>
</div>
<div class="pricing--item">
<div class="p-item-label p-secondary">Advanced</div>
<span class="p-item-price">$29.99</span>
<p class="p-item-text">Designed for those who are ready to balance risk and reward.</p>
<div class="p-item-details">
<p class="discount">Up to 50% per month</p>
<span class="profit p-secondary">Profit Potential</span>
<ul>
<li>Unlimited pre-set strategies</li>
<li>Algorithm selection available</li>
<li>Bot configuration support</li>
<li>5 connected exchanges</li>
<li>Monthly trading volume up to $10 million</li>
<li>Real-time Telegram notifications</li>
<li>Free access to the trading community</li>
<li>Build your own template library</li>
<li>Marketplace copy trading</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started-2" href="/create-account">Get started</a>
</div>
</div>
<div class="pricing--item">
<div class="p-item-label p-primary">Extreme</div>
<span class="p-item-price">$59.99</span>
<p class="p-item-text">For those aiming for high income and ready for more active trading.</p>
<div class="p-item-details">
<p class="discount">50% and above</p>
<span class="profit p-primary">Profit Potential</span>
<ul>
<li>High-risk strategies</li>
<li>Access to top traders</li>
<li>Personalized settings</li>
<li>Unlimited template strategies</li>
<li>Unlimited exchanges</li>
<li>Unlimited trading volume</li>
<li>Live Telegram + SMS notifications</li>
<li>Free access to the trading community</li>
<li>Personalized sessions</li>
<li>Build your own template library</li>
<li>Marketplace copy trading</li>
<li>Advanced indicators and operators</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started" href="/create-account">Get started</a>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
if (localStorage.getItem("quizCompleted")) {
showPricing();
} else {
document.getElementById("q1").classList.add("active");
}
});
function nextQuestion(next) {
document.querySelectorAll(".question").forEach(el => el.classList.remove("active"));
document.getElementById(`q${next}`).classList.add("active");
}
function showPricing() {
document.querySelectorAll(".question").forEach(el => el.classList.remove("active"));
document.getElementById("quiz-container").classList.add("hidden");
document.getElementById("pricing").classList.add("active");
localStorage.setItem("quizCompleted", "true");
}
</script>
</body>
</html>La nostra visione
Siamo qui per rivoluzionare gli investimenti in criptovalute. Le sfide sono reali: complessità, ore interminabili e incertezza. Ecco perché abbiamo creato una piattaforma efficiente, intuitiva e accessibile a tutti. TokenTact colma il divario tra principianti ed esperti, offrendo una soluzione che chiunque può utilizzare per avere successo.
La nostra comunità
Un software facile da navigare è una cosa. Ma c’è di più: Tokentact è un hub della comunità, uno spazio in cui gli investitori si connettono, imparano e crescono insieme.
Costruire il globale
Investitori di tutto il mondo, unitevi! Possiamo apprendere prospettive diverse e accumulare conoscenze condivise. Le nostre funzioni incoraggiano la comunicazione e la collaborazione.
Imparare insieme
Rimanere informati è fondamentale. Abbiamo integrato risorse educative e approfondimenti di mercato. I nostri utenti hanno portato avanti discussioni attive per darti la possibilità di prendere decisioni di investimento intelligenti.
La nostra promessa
Vogliamo che la tua esperienza di investimento sia eccellente. Tokentact dà priorità alla tua sicurezza e alla tua tranquillità.
Costruito sulla fiducia e sulla sicurezza
La tua fiducia è la nostra priorità. Tokentact è completamente trasparente e sicuro. Ci impegniamo a guadagnare la tua fiducia in ogni interazione.
