-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (113 loc) · 7.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Revolutionize your game server management for 7 Days to Die and Rust with our all-in-one tool. Join our beta to test player analytics, in-game features, and cross-game modules.">
<meta name="keywords" content="game server management, player analytics, beta testing, gaming community">
<title>Takaro - Revolutionize Your Game Server Management</title>
<link href="public/styles.css" rel="stylesheet">
<script defer data-domain="takaro.io" src="https://plausible.io/js/script.js"></script>
<style>
.section:nth-child(odd) {
background-color: #2A2A40; /* Darker purple shade */
}
.section:nth-child(even) {
background-color: #1E1E30; /* Dark greyish shade */
}
.section {
padding: 2rem;
border-radius: 0.5rem;
margin-bottom: 1.5rem;
}
</style>
</head>
<body class="bg-gray-900 text-gray-300">
<div class="max-w-4xl mx-auto p-8">
<div class="flex flex-col items-center mb-12">
<svg xmlns="http://www.w3.org/2000/svg" fill="#664de5" height="70" width="70" viewBox="0 0 512 512">
<path d="M512 165.4c0 127.9-70.05 235.3-175.3 270.1c-20.04 7.938-41.83 12.46-64.69 12.46c-64.9 0-125.2-36.51-155.7-94.47c-54.13 49.93-68.71 107-68.96 108.1C44.72 472.6 34.87 480 24.02 480c-1.844 0-3.727-.2187-5.602-.6562c-12.89-3.098-20.84-16.08-17.75-28.96c9.598-39.5 90.47-226.4 335.3-226.4C344.8 224 352 216.8 352 208S344.8 192 336 192C228.6 192 151 226.6 96.29 267.6c.1934-10.82 1.242-21.84 3.535-33.05c13.47-65.81 66.04-119 131.4-134.2c28.33-6.562 55.68-6.013 80.93-.0054c56 13.32 118.2-7.412 149.3-61.24c5.664-9.828 20.02-9.516 24.66 .8282C502.7 76.76 512 121.9 512 165.4z" />
</svg>
<h1 class="text-4xl font-bold text-center mt-4">Takaro</h1>
<div class="flex justify-center items-center mt-4">
<a href="https://github.com/gettakaro" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">GitHub</a>
<span class="text-xl font-bold mx-4">|</span>
<a href="https://discord.gg/5aXJ8r8znJ" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">Discord</a>
<span class="text-xl font-bold mx-4">|</span>
<a href="https://docs.takaro.io/" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">Docs</a>
</div>
</div>
<!-- Introduction Section -->
<section class="mb-12 section">
<div class="content-wrapper">
<h2 class="text-3xl font-semibold mb-4">🌟 A New Era of Game Server Management 🌟</h2>
<p class="mb-6">🎮 Manage your game servers for 7 Days to Die and Rust effortlessly with our all-in-one tool.</p>
<p class="mb-6">📊 Track player activity and gain deep insights into your gaming community.</p>
<div class="inputContainer">
<form name="contact" method="POST" data-netlify="true" class="flex flex-col items-center">
<input required type="email" id="email" name="email" placeholder="Enter your email" class="p-4 text-lg bg-gray-800 rounded-md w-full mb-4">
<input type="submit" value="Join the waitlist" class="p-4 text-lg bg-purple-600 text-white rounded-md cursor-pointer hover:bg-purple-700 w-full">
</form>
</div>
</div>
</section>
<!-- Features Section -->
<section class="mb-12 section">
<h2 class="text-3xl font-semibold mb-4">🚀 Why Join Our Beta? 🚀</h2>
<ul class="space-y-6">
<li>
<h3 class="text-xl font-medium">📊 Player Analytics</h3>
<p>Access comprehensive player data including hours played, kills made, and more.</p>
</li>
<li>
<h3 class="text-xl font-medium">🧩 Cross-Game Modules</h3>
<p>Enhance your servers with custom modules like teleport and lottery.</p>
</li>
<li>
<h3 class="text-xl font-medium">🎁 Loyalty Rewards</h3>
<p>Reward loyal players with perks and digital assets across different game servers.</p>
</li>
</ul>
</section>
<!-- Customization & Flexibility Section -->
<section class="mb-12 section">
<h2 class="text-3xl font-semibold mb-4">🔧 Fully Customizable and Community-Driven 🔧</h2>
<p>Our platform supports modules that can be developed by us or by the community, allowing for endless customization and new possibilities. Make your servers truly unique.</p>
</section>
<!-- Cross-Game Integration Section -->
<section class="mb-12 section">
<h2 class="text-3xl font-semibold mb-4">🎮 Seamless Cross-Game Experience 🎮</h2>
<p>Manage multiple game servers from one platform. Track and reward player progress across different games, making your gaming community more cohesive and engaging.</p>
</section>
<!-- How It Works Section -->
<section class="mb-12 section">
<h2 class="text-3xl font-semibold mb-4">⚙️ Simple Setup, Powerful Results ⚙️</h2>
<p class="mb-6">Setting up your server management tool is easy. Integrate with your existing servers and start managing everything from a single dashboard.</p>
<div class="inputContainer mb-12">
<form name="contact" method="POST" data-netlify="true" class="flex flex-col items-center">
<input required type="email" id="email" name="email" placeholder="Enter your email" class="p-4 text-lg bg-gray-800 rounded-md w-full mb-4">
<input type="submit" value="Join the waitlist" class="p-4 text-lg bg-purple-600 text-white rounded-md cursor-pointer hover:bg-purple-700 w-full">
</form>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-300 py-6 mt-12">
<div class="container mx-auto text-center">
<div class="flex flex-col items-center mb-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="#664de5" height="50" width="50" viewBox="0 0 512 512" class="mb-4">
<path d="M512 165.4c0 127.9-70.05 235.3-175.3 270.1c-20.04 7.938-41.83 12.46-64.69 12.46c-64.9 0-125.2-36.51-155.7-94.47c-54.13 49.93-68.71 107-68.96 108.1C44.72 472.6 34.87 480 24.02 480c-1.844 0-3.727-.2187-5.602-.6562c-12.89-3.098-20.84-16.08-17.75-28.96c9.598-39.5 90.47-226.4 335.3-226.4C344.8 224 352 216.8 352 208S344.8 192 336 192C228.6 192 151 226.6 96.29 267.6c.1934-10.82 1.242-21.84 3.535-33.05c13.47-65.81 66.04-119 131.4-134.2c28.33-6.562 55.68-6.013 80.93-.0054c56 13.32 118.2-7.412 149.3-61.24c5.664-9.828 20.02-9.516 24.66 .8282C502.7 76.76 512 121.9 512 165.4z" />
</svg>
<p class="text-lg font-medium">Takaro - Revolutionize Your Game Server Management</p>
<div class="flex justify-center items-center mt-4">
<a href="https://github.com/gettakaro" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">GitHub</a>
<span class="text-xl font-bold mx-4">|</span>
<a href="https://discord.gg/5aXJ8r8znJ" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">Discord</a>
<span class="text-xl font-bold mx-4">|</span>
<a href="https://docs.takaro.io/" target="_blank" class="text-purple-400 hover:text-purple-500 transition duration-300 text-xl font-bold mx-4">Docs</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>