<!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>Notre vision
Nous sommes là pour révolutionner l’investissement dans les crypto-monnaies. Les défis sont réels : complexité, heures interminables et incertitude. C’est pourquoi nous avons créé une plateforme efficace, intuitive et accessible à tous. TokenTact comble le fossé entre les débutants et les experts, en offrant une solution que tout le monde peut utiliser pour réussir.
Notre communauté
Un logiciel facile à naviguer est une chose. Mais il y a plus : Tokentact est un centre communautaire – un espace où les investisseurs se connectent, apprennent et se développent ensemble.
Construire le monde
Investisseurs du monde entier, unissez-vous ! Nous pouvons découvrir des points de vue différents et accumuler des connaissances communes. Nos fonctionnalités encouragent la communication et la collaboration.
Apprendre ensemble
Il est essentiel de rester informé. Nous avons intégré des ressources éducatives et des informations sur les marchés. Nos utilisateurs ont lancé des discussions actives pour vous aider à prendre des décisions d’investissement intelligentes.
Notre promesse
Nous voulons que votre expérience d’investissement soit excellente. Tokentact donne la priorité à votre sécurité et à votre tranquillité d’esprit.
Construit sur la confiance et la sécurité
Votre confiance est notre priorité. Tokentact est totalement transparent et sécurisé. Nous nous engageons à gagner votre confiance à chaque interaction.
