Hugging Face's logo

Spaces:
joaobouner
/
my-gaming-space
Running

App Files Community
joaobouner commited on
Commit
520e923
·
verified ·
1 Parent(s): cfebec9

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +750 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: My Gaming Space
3
- emoji: 🏆
4
- colorFrom: purple
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: my-gaming-space
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,750 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="2width=device-width, initial-scale=1.0">
6
+ <title>GameFuel | Performance Marketing for Latin American Gamers</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#FF5C00',
15
+ secondary: '#00A3FF',
16
+ dark: '#0F0F0F',
17
+ light: '#F5F5F5',
18
+ accent: '#FFD700',
19
+ },
20
+ fontFamily: {
21
+ 'sans': ['Poppins', 'sans-serif'],
22
+ 'display': ['Rajdhani', 'sans-serif'],
23
+ },
24
+ }
25
+ }
26
+ }
27
+ </script>
28
+ <style>
29
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
30
+
31
+ .hero-gradient {
32
+ background: linear-gradient(135deg, #0F0F0F 0%, #2A2A2A 100%);
33
+ }
34
+
35
+ .game-card:hover {
36
+ transform: translateY(-10px);
37
+ box-shadow: 0 20px 25px -5px rgba(255, 92, 0, 0.2), 0 10px 10px -5px rgba(255, 92, 0, 0.1);
38
+ }
39
+
40
+ .stats-item {
41
+ position: relative;
42
+ }
43
+
44
+ .stats-item::after {
45
+ content: '';
46
+ position: absolute;
47
+ right: 0;
48
+ top: 50%;
49
+ transform: translateY(-50%);
50
+ height: 60%;
51
+ width: 1px;
52
+ background-color: rgba(255, 255, 255, 0.1);
53
+ }
54
+
55
+ .stats-item:last-child::after {
56
+ display: none;
57
+ }
58
+
59
+ .glow-effect {
60
+ box-shadow: 0 0 15px rgba(255, 92, 0, 0.5);
61
+ }
62
+
63
+ .nav-link::after {
64
+ content: '';
65
+ position: absolute;
66
+ bottom: -5px;
67
+ left: 0;
68
+ width: 0;
69
+ height: 2px;
70
+ background-color: #FF5C00;
71
+ transition: width 0.3s ease;
72
+ }
73
+
74
+ .nav-link:hover::after {
75
+ width: 100%;
76
+ }
77
+
78
+ .animate-float {
79
+ animation: float 3s ease-in-out infinite;
80
+ }
81
+
82
+ @keyframes float {
83
+ 0% { transform: translateY(0px); }
84
+ 50% { transform: translateY(-15px); }
85
+ 100% { transform: translateY(0px); }
86
+ }
87
+ </style>
88
+ </head>
89
+ <body class="bg-dark text-light font-sans">
90
+ <!-- Header -->
91
+ <header class="fixed w-full z-50 bg-dark/90 backdrop-blur-md border-b border-gray-800">
92
+ <div class="container mx-auto px-6 py-4">
93
+ <div class="flex justify-between items-center">
94
+ <div class="flex items-center">
95
+ <a href="#" class="flex items-center">
96
+ <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
97
+ <i class="fas fa-gamepad text-xl text-dark"></i>
98
+ </div>
99
+ <span class="text-2xl font-bold font-display">Game<span class="text-primary">Fuel</span></span>
100
+ </a>
101
+ </div>
102
+
103
+ <nav class="hidden md:flex space-x-8">
104
+ <a href="#home" class="nav-link relative text-white hover:text-primary transition">Home</a>
105
+ <a href="#services" class="nav-link relative text-white hover:text-primary transition">Services</a>
106
+ <a href="#case-studies" class="nav-link relative text-white hover:text-primary transition">Case Studies</a>
107
+ <a href="#about" class="nav-link relative text-white hover:text-primary transition">About</a>
108
+ <a href="#contact" class="nav-link relative text-white hover:text-primary transition">Contact</a>
109
+ </nav>
110
+
111
+ <div class="flex items-center space-x-4">
112
+ <div class="hidden md:flex items-center space-x-2">
113
+ <span class="w-2 h-2 rounded-full bg-green-500"></span>
114
+ <span class="text-sm">Online</span>
115
+ </div>
116
+ <button class="bg-primary hover:bg-primary/90 text-dark font-bold px-6 py-2 rounded-full transition">
117
+ Let's Talk
118
+ </button>
119
+ <button class="md:hidden text-white">
120
+ <i class="fas fa-bars text-2xl"></i>
121
+ </button>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </header>
126
+
127
+ <!-- Hero Section -->
128
+ <section id="home" class="hero-gradient pt-32 pb-20">
129
+ <div class="container mx-auto px-6">
130
+ <div class="flex flex-col lg:flex-row items-center">
131
+ <div class="lg:w-1/2 mb-12 lg:mb-0">
132
+ <h1 class="text-4xl md:text-6xl font-bold font-display leading-tight mb-6">
133
+ <span class="text-primary">Fueling Growth</span> for Gaming Brands in <span class="text-accent">Latin America</span>
134
+ </h1>
135
+ <p class="text-lg text-gray-300 mb-8">
136
+ We specialize in performance marketing and user acquisition for mobile and PC games across Latin America. Our data-driven strategies deliver real results for gaming studios looking to expand in this booming market.
137
+ </p>
138
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
139
+ <button class="bg-primary hover:bg-primary/90 text-dark font-bold px-8 py-4 rounded-full transition flex items-center justify-center">
140
+ <span>Get Started</span>
141
+ <i class="fas fa-arrow-right ml-2"></i>
142
+ </button>
143
+ <button class="border border-primary text-primary hover:bg-primary/10 font-bold px-8 py-4 rounded-full transition flex items-center justify-center">
144
+ <i class="fas fa-play-circle mr-2"></i>
145
+ <span>Watch Demo</span>
146
+ </button>
147
+ </div>
148
+
149
+ <div class="mt-12 flex items-center space-x-6">
150
+ <div class="flex -space-x-2">
151
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-10 h-10 rounded-full border-2 border-dark" alt="Client">
152
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-dark" alt="Client">
153
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-10 h-10 rounded-full border-2 border-dark" alt="Client">
154
+ </div>
155
+ <div>
156
+ <div class="flex items-center">
157
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
158
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
159
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
160
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
161
+ <i class="fas fa-star text-yellow-400"></i>
162
+ </div>
163
+ <p class="text-sm text-gray-300">Trusted by 50+ gaming studios</p>
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <div class="lg:w-1/2 relative">
169
+ <div class="relative">
170
+ <img src="https://images.unsplash.com/photo-1542751371-adc38448a05e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
171
+ class="rounded-2xl w-full max-w-lg mx-auto glow-effect" alt="Gaming Marketing">
172
+ <div class="absolute -bottom-6 -left-6 bg-dark p-4 rounded-xl shadow-lg w-40">
173
+ <div class="flex items-center mb-2">
174
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
175
+ <span class="text-xs text-gray-300">Live Campaign</span>
176
+ </div>
177
+ <h4 class="font-bold text-primary">+120% ROI</h4>
178
+ <p class="text-xs text-gray-300">Battle Royale Game</p>
179
+ </div>
180
+ <div class="absolute -top-6 -right-6 bg-dark p-4 rounded-xl shadow-lg w-40">
181
+ <div class="flex items-center mb-2">
182
+ <div class="w-3 h-3 rounded-full bg-blue-500 mr-2"></div>
183
+ <span class="text-xs text-gray-300">New Users</span>
184
+ </div>
185
+ <h4 class="font-bold text-secondary">500K+</h4>
186
+ <p class="text-xs text-gray-300">MMORPG Launch</p>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </section>
193
+
194
+ <!-- Stats Section -->
195
+ <section class="py-16 bg-gradient-to-r from-dark to-gray-900">
196
+ <div class="container mx-auto px-6">
197
+ <div class="bg-gray-800/50 rounded-2xl p-8 backdrop-blur-md border border-gray-700">
198
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
199
+ <div class="stats-item text-center py-4">
200
+ <h3 class="text-4xl font-bold font-display text-primary mb-2">15M+</h3>
201
+ <p class="text-gray-300">Gamers Reached</p>
202
+ </div>
203
+ <div class="stats-item text-center py-4">
204
+ <h3 class="text-4xl font-bold font-display text-secondary mb-2">120+</h3>
205
+ <p class="text-gray-300">Campaigns Executed</p>
206
+ </div>
207
+ <div class="stats-item text-center py-4">
208
+ <h3 class="text-4xl font-bold font-display text-accent mb-2">8</h3>
209
+ <p class="text-gray-300">Latin American Countries</p>
210
+ </div>
211
+ <div class="text-center py-4">
212
+ <h3 class="text-4xl font-bold font-display text-white mb-2">70%</h3>
213
+ <p class="text-gray-300">Avg. Retention Increase</p>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </section>
219
+
220
+ <!-- Services Section -->
221
+ <section id="services" class="py-20">
222
+ <div class="container mx-auto px-6">
223
+ <div class="text-center mb-16">
224
+ <span class="inline-block px-3 py-1 bg-primary/10 text-primary rounded-full text-sm font-semibold mb-4">OUR SERVICES</span>
225
+ <h2 class="text-3xl md:text-4xl font-bold font-display mb-4">Performance Marketing <span class="text-primary">Built for Gamers</span></h2>
226
+ <p class="text-gray-400 max-w-2xl mx-auto">We understand the unique challenges of acquiring and retaining gamers in Latin America. Our services are tailored to deliver real results.</p>
227
+ </div>
228
+
229
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
230
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-primary transition group">
231
+ <div class="w-14 h-14 rounded-xl bg-primary/10 text-primary flex items-center justify-center mb-6 group-hover:bg-primary group-hover:text-dark transition">
232
+ <i class="fas fa-bullseye text-2xl"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3">User Acquisition</h3>
235
+ <p class="text-gray-400 mb-4">Precisely target and acquire high-value gamers through our network of premium publishers and influencers across Latin America.</p>
236
+ <ul class="space-y-2 text-gray-300">
237
+ <li class="flex items-center">
238
+ <i class="fas fa-check-circle text-primary mr-2"></i>
239
+ <span>Hyper-targeted campaigns</span>
240
+ </li>
241
+ <li class="flex items-center">
242
+ <i class="fas fa-check-circle text-primary mr-2"></i>
243
+ <span>CPI/CPA optimization</span>
244
+ </li>
245
+ <li class="flex items-center">
246
+ <i class="fas fa-check-circle text-primary mr-2"></i>
247
+ <span>Localized creatives</span>
248
+ </li>
249
+ </ul>
250
+ </div>
251
+
252
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-secondary transition group">
253
+ <div class="w-14 h-14 rounded-xl bg-secondary/10 text-secondary flex items-center justify-center mb-6 group-hover:bg-secondary group-hover:text-dark transition">
254
+ <i class="fas fa-chart-line text-2xl"></i>
255
+ </div>
256
+ <h3 class="text-xl font-bold mb-3">Retention Marketing</h3>
257
+ <p class="text-gray-400 mb-4">Keep players engaged and coming back with our data-driven retention strategies tailored to Latin American gaming habits.</p>
258
+ <ul class="space-y-2 text-gray-300">
259
+ <li class="flex items-center">
260
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
261
+ <span>Personalized push campaigns</span>
262
+ </li>
263
+ <li class="flex items-center">
264
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
265
+ <span>Win-back strategies</span>
266
+ </li>
267
+ <li class="flex items-center">
268
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
269
+ <span>Behavioral segmentation</span>
270
+ </li>
271
+ </ul>
272
+ </div>
273
+
274
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-accent transition group">
275
+ <div class="w-14 h-14 rounded-xl bg-accent/10 text-accent flex items-center justify-center mb-6 group-hover:bg-accent group-hover:text-dark transition">
276
+ <i class="fas fa-users text-2xl"></i>
277
+ </div>
278
+ <h3 class="text-xl font-bold mb-3">Influencer Marketing</h3>
279
+ <p class="text-gray-400 mb-4">Leverage our network of top gaming influencers across Brazil, Mexico, Argentina and more to authentically promote your game.</p>
280
+ <ul class="space-y-2 text-gray-300">
281
+ <li class="flex items-center">
282
+ <i class="fas fa-check-circle text-accent mr-2"></i>
283
+ <span>Creator matchmaking</span>
284
+ </li>
285
+ <li class="flex items-center">
286
+ <i class="fas fa-check-circle text-accent mr-2"></i>
287
+ <span>Campaign management</span>
288
+ </li>
289
+ <li class="flex items-center">
290
+ <i class="fas fa-check-circle text-accent mr-2"></i>
291
+ <span>Performance tracking</span>
292
+ </li>
293
+ </ul>
294
+ </div>
295
+
296
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-primary transition group">
297
+ <div class="w-14 h-14 rounded-xl bg-primary/10 text-primary flex items-center justify-center mb-6 group-hover:bg-primary group-hover:text-dark transition">
298
+ <i class="fas fa-adjust text-2xl"></i>
299
+ </div>
300
+ <h3 class="text-xl font-bold mb-3">Creative Studio</h3>
301
+ <p class="text-gray-400 mb-4">Our in-house creative team produces high-converting ads specifically designed for Latin American gaming audiences.</p>
302
+ <ul class="space-y-2 text-gray-300">
303
+ <li class="flex items-center">
304
+ <i class="fas fa-check-circle text-primary mr-2"></i>
305
+ <span>Localized ad creatives</span>
306
+ </li>
307
+ <li class="flex items-center">
308
+ <i class="fas fa-check-circle text-primary mr-2"></i>
309
+ <span>A/B testing</span>
310
+ </li>
311
+ <li class="flex items-center">
312
+ <i class="fas fa-check-circle text-primary mr-2"></i>
313
+ <span>Cultural adaptation</span>
314
+ </li>
315
+ </ul>
316
+ </div>
317
+
318
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-secondary transition group">
319
+ <div class="w-14 h-14 rounded-xl bg-secondary/10 text-secondary flex items-center justify-center mb-6 group-hover:bg-secondary group-hover:text-dark transition">
320
+ <i class="fas fa-globe-americas text-2xl"></i>
321
+ </div>
322
+ <h3 class="text-xl font-bold mb-3">Market Expansion</h3>
323
+ <p class="text-gray-400 mb-4">Navigate the complexities of Latin American markets with our regional expertise and local partnerships.</p>
324
+ <ul class="space-y-2 text-gray-300">
325
+ <li class="flex items-center">
326
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
327
+ <span>Country-specific strategies</span>
328
+ </li>
329
+ <li class="flex items-center">
330
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
331
+ <span>Payment method optimization</span>
332
+ </li>
333
+ <li class="flex items-center">
334
+ <i class="fas fa-check-circle text-secondary mr-2"></i>
335
+ <span>Cultural consulting</span>
336
+ </li>
337
+ </ul>
338
+ </div>
339
+
340
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700 hover:border-accent transition group">
341
+ <div class="w-14 h-14 rounded-xl bg-accent/10 text-accent flex items-center justify-center mb-6 group-hover:bg-accent group-hover:text-dark transition">
342
+ <i class="fas fa-database text-2xl"></i>
343
+ </div>
344
+ <h3 class="text-xl font-bold mb-3">Analytics & BI</h3>
345
+ <p class="text-gray-400 mb-4">Get actionable insights with our advanced analytics platform built specifically for gaming performance marketing.</p>
346
+ <ul class="space-y-2 text-gray-300">
347
+ <li class="flex items-center">
348
+ <i class="fas fa-check-circle text-accent mr-2"></i>
349
+ <span>Real-time dashboards</span>
350
+ </li>
351
+ <li class="flex items-center">
352
+ <i class="fas fa-check-circle text-accent mr-2"></i>
353
+ <span>LTV prediction</span>
354
+ </li>
355
+ <li class="flex items-center">
356
+ <i class="fas fa-check-circle text-accent mr-2"></i>
357
+ <span>ROAS optimization</span>
358
+ </li>
359
+ </ul>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </section>
364
+
365
+ <!-- Case Studies Section -->
366
+ <section id="case-studies" class="py-20 bg-gray-900/50">
367
+ <div class="container mx-auto px-6">
368
+ <div class="text-center mb-16">
369
+ <span class="inline-block px-3 py-1 bg-primary/10 text-primary rounded-full text-sm font-semibold mb-4">SUCCESS STORIES</span>
370
+ <h2 class="text-3xl md:text-4xl font-bold font-display mb-4">Proven Results in <span class="text-primary">Latin America</span></h2>
371
+ <p class="text-gray-400 max-w-2xl mx-auto">We've helped gaming studios of all sizes achieve remarkable growth in the region. Here are some of our success stories.</p>
372
+ </div>
373
+
374
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
375
+ <div class="bg-gradient-to-br from-dark to-gray-900 rounded-2xl p-8 border border-gray-700 relative overflow-hidden">
376
+ <div class="absolute -right-10 -top-10 w-40 h-40 rounded-full bg-primary/10 blur-3xl"></div>
377
+ <div class="flex items-center mb-6">
378
+ <img src="https://images.unsplash.com/photo-1612287230202-811ffceb50d9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
379
+ class="w-16 h-16 rounded-xl object-cover mr-4" alt="Game Logo">
380
+ <div>
381
+ <h3 class="font-bold text-xl">Battle Royale Mobile</h3>
382
+ <p class="text-gray-400 text-sm">Hyper-casual shooter game</p>
383
+ </div>
384
+ </div>
385
+ <div class="grid grid-cols-2 gap-4 mb-8">
386
+ <div class="bg-gray-800/50 p-4 rounded-xl">
387
+ <p class="text-gray-400 text-sm mb-1">CPI Reduction</p>
388
+ <h4 class="text-2xl font-bold text-primary">-42%</h4>
389
+ </div>
390
+ <div class="bg-gray-800/50 p-4 rounded-xl">
391
+ <p class="text-gray-400 text-sm mb-1">New Users</p>
392
+ <h4 class="text-2xl font-bold text-secondary">1.2M+</h4>
393
+ </div>
394
+ <div class="bg-gray-800/50 p-4 rounded-xl">
395
+ <p class="text-gray-400 text-sm mb-1">Day 7 Retention</p>
396
+ <h4 class="text-2xl font-bold text-accent">+35%</h4>
397
+ </div>
398
+ <div class="bg-gray-800/50 p-4 rounded-xl">
399
+ <p class="text-gray-400 text-sm mb-1">ROAS</p>
400
+ <h4 class="text-2xl font-bold text-white">3.8x</h4>
401
+ </div>
402
+ </div>
403
+ <p class="text-gray-300 mb-6">"GameFuel's expertise in the Brazilian market helped us achieve our most successful launch to date. Their localized creatives and influencer strategy drove unprecedented install volumes at sustainable CPIs."</p>
404
+ <div class="flex items-center">
405
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full mr-3" alt="Client">
406
+ <div>
407
+ <p class="font-medium">Carlos Mendez</p>
408
+ <p class="text-sm text-gray-400">Head of Growth, Mobile Studio</p>
409
+ </div>
410
+ </div>
411
+ </div>
412
+
413
+ <div class="bg-gradient-to-br from-dark to-gray-900 rounded-2xl p-8 border border-gray-700 relative overflow-hidden">
414
+ <div class="absolute -right-10 -top-10 w-40 h-40 rounded-full bg-secondary/10 blur-3xl"></div>
415
+ <div class="flex items-center mb-6">
416
+ <img src="https://images.unsplash.com/photo-1551103782-8ab07afd45c1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
417
+ class="w-16 h-16 rounded-xl object-cover mr-4" alt="Game Logo">
418
+ <div>
419
+ <h3 class="font-bold text-xl">Fantasy MMORPG</h3>
420
+ <p class="text-gray-400 text-sm">Cross-platform RPG</p>
421
+ </div>
422
+ </div>
423
+ <div class="grid grid-cols-2 gap-4 mb-8">
424
+ <div class="bg-gray-800/50 p-4 rounded-xl">
425
+ <p class="text-gray-400 text-sm mb-1">Installs</p>
426
+ <h4 class="text-2xl font-bold text-primary">750K+</h4>
427
+ </div>
428
+ <div class="bg-gray-800/50 p-4 rounded-xl">
429
+ <p class="text-gray-400 text-sm mb-1">Day 30 Retention</p>
430
+ <h4 class="text-2xl font-bold text-secondary">+28%</h4>
431
+ </div>
432
+ <div class="bg-gray-800/50 p-4 rounded-xl">
433
+ <p class="text-gray-400 text-sm mb-1">ARPPU Increase</p>
434
+ <h4 class="text-2xl font-bold text-accent">+65%</h4>
435
+ </div>
436
+ <div class="bg-gray-800/50 p-4 rounded-xl">
437
+ <p class="text-gray-400 text-sm mb-1">Countries</p>
438
+ <h4 class="text-2xl font-bold text-white">6</h4>
439
+ </div>
440
+ </div>
441
+ <p class="text-gray-300 mb-6">"Expanding our MMORPG to Mexico and Argentina was a challenge until we partnered with GameFuel. Their market-specific strategies and payment method optimizations drove both volume and quality users."</p>
442
+ <div class="flex items-center">
443
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-10 h-10 rounded-full mr-3" alt="Client">
444
+ <div>
445
+ <p class="font-medium">Ana Silva</p>
446
+ <p class="text-sm text-gray-400">Marketing Director, RPG Studio</p>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </div>
451
+
452
+ <div class="mt-12 text-center">
453
+ <button class="border border-primary text-primary hover:bg-primary/10 font-bold px-8 py-3 rounded-full transition">
454
+ View All Case Studies
455
+ </button>
456
+ </div>
457
+ </div>
458
+ </section>
459
+
460
+ <!-- Why Latin America Section -->
461
+ <section class="py-20">
462
+ <div class="container mx-auto px-6">
463
+ <div class="flex flex-col lg:flex-row items-center">
464
+ <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
465
+ <span class="inline-block px-3 py-1 bg-primary/10 text-primary rounded-full text-sm font-semibold mb-4">MARKET INSIGHTS</span>
466
+ <h2 class="text-3xl md:text-4xl font-bold font-display mb-6">Why <span class="text-primary">Latin America</span> is the Next Gaming Frontier</h2>
467
+ <p class="text-gray-400 mb-8">With over 300 million gamers and rapidly growing mobile penetration, Latin America represents one of the most exciting growth opportunities for game developers worldwide.</p>
468
+
469
+ <div class="space-y-6">
470
+ <div class="flex">
471
+ <div class="mr-4">
472
+ <div class="w-12 h-12 rounded-xl bg-primary/10 text-primary flex items-center justify-center">
473
+ <i class="fas fa-chart-bar"></i>
474
+ </div>
475
+ </div>
476
+ <div>
477
+ <h4 class="font-bold mb-2">Fastest Growing Mobile Market</h4>
478
+ <p class="text-gray-400">Latin America's mobile gaming market is growing at 15% YoY, outpacing North America and Europe.</p>
479
+ </div>
480
+ </div>
481
+
482
+ <div class="flex">
483
+ <div class="mr-4">
484
+ <div class="w-12 h-12 rounded-xl bg-secondary/10 text-secondary flex items-center justify-center">
485
+ <i class="fas fa-dollar-sign"></i>
486
+ </div>
487
+ </div>
488
+ <div>
489
+ <h4 class="font-bold mb-2">Untapped Monetization Potential</h4>
490
+ <p class="text-gray-400">While ARPUs are currently lower than mature markets, they're growing rapidly as payment infrastructure improves.</p>
491
+ </div>
492
+ </div>
493
+
494
+ <div class="flex">
495
+ <div class="mr-4">
496
+ <div class="w-12 h-12 rounded-xl bg-accent/10 text-accent flex items-center justify-center">
497
+ <i class="fas fa-globe"></i>
498
+ </div>
499
+ </div>
500
+ <div>
501
+ <h4 class="font-bold mb-2">Cultural Nuances Matter</h4>
502
+ <p class="text-gray-400">Success requires deep understanding of local gaming preferences, cultural references, and payment methods.</p>
503
+ </div>
504
+ </div>
505
+ </div>
506
+ </div>
507
+
508
+ <div class="lg:w-1/2">
509
+ <div class="bg-gray-800/50 rounded-2xl p-6 border border-gray-700">
510
+ <div class="flex justify-between items-center mb-6">
511
+ <h3 class="font-bold text-lg">Latin America Gaming Stats</h3>
512
+ <div class="flex items-center text-sm text-gray-400">
513
+ <i class="fas fa-circle text-green-500 mr-1"></i>
514
+ <span>2023 Data</span>
515
+ </div>
516
+ </div>
517
+
518
+ <div class="space-y-5">
519
+ <div>
520
+ <div class="flex justify-between mb-2">
521
+ <span class="text-gray-400">Mobile Gamers</span>
522
+ <span class="font-bold">280M+</span>
523
+ </div>
524
+ <div class="w-full bg-gray-700 rounded-full h-2">
525
+ <div class="bg-primary h-2 rounded-full" style="width: 85%"></div>
526
+ </div>
527
+ </div>
528
+
529
+ <div>
530
+ <div class="flex justify-between mb-2">
531
+ <span class="text-gray-400">Market Value</span>
532
+ <span class="font-bold">$7.2B</span>
533
+ </div>
534
+ <div class="w-full bg-gray-700 rounded-full h-2">
535
+ <div class="bg-secondary h-2 rounded-full" style="width: 65%"></div>
536
+ </div>
537
+ </div>
538
+
539
+ <div>
540
+ <div class="flex justify-between mb-2">
541
+ <span class="text-gray-400">YoY Growth</span>
542
+ <span class="font-bold">15.4%</span>
543
+ </div>
544
+ <div class="w-full bg-gray-700 rounded-full h-2">
545
+ <div class="bg-accent h-2 rounded-full" style="width: 90%"></div>
546
+ </div>
547
+ </div>
548
+
549
+ <div>
550
+ <div class="flex justify-between mb-2">
551
+ <span class="text-gray-400">Avg. Playtime</span>
552
+ <span class="font-bold">4.7h/week</span>
553
+ </div>
554
+ <div class="w-full bg-gray-700 rounded-full h-2">
555
+ <div class="bg-green-500 h-2 rounded-full" style="width: 78%"></div>
556
+ </div>
557
+ </div>
558
+ </div>
559
+
560
+ <div class="mt-8 pt-6 border-t border-gray-700">
561
+ <h4 class="font-bold mb-4">Top Countries by Revenue</h4>
562
+ <div class="grid grid-cols-3 gap-4 text-center">
563
+ <div class="bg-gray-700/50 p-3 rounded-xl">
564
+ <div class="w-10 h-10 mx-auto mb-2 bg-primary/10 text-primary flex items-center justify-center rounded-full">
565
+ <span>1</span>
566
+ </div>
567
+ <p class="font-medium">Brazil</p>
568
+ </div>
569
+ <div class="bg-gray-700/50 p-3 rounded-xl">
570
+ <div class="w-10 h-10 mx-auto mb-2 bg-secondary/10 text-secondary flex items-center justify-center rounded-full">
571
+ <span>2</span>
572
+ </div>
573
+ <p class="font-medium">Mexico</p>
574
+ </div>
575
+ <div class="bg-gray-700/50 p-3 rounded-xl">
576
+ <div class="w-10 h-10 mx-auto mb-2 bg-accent/10 text-accent flex items-center justify-center rounded-full">
577
+ <span>3</span>
578
+ </div>
579
+ <p class="font-medium">Argentina</p>
580
+ </div>
581
+ </div>
582
+ </div>
583
+ </div>
584
+ </div>
585
+ </div>
586
+ </div>
587
+ </section>
588
+
589
+ <!-- Testimonials Section -->
590
+ <section class="py-20 bg-gray-900/50">
591
+ <div class="container mx-auto px-6">
592
+ <div class="text-center mb-16">
593
+ <span class="inline-block px-3 py-1 bg-primary/10 text-primary rounded-full text-sm font-semibold mb-4">CLIENT TESTIMONIALS</span>
594
+ <h2 class="text-3xl md:text-4xl font-bold font-display mb-4">Trusted by <span class="text-primary">Leading Gaming Studios</span></h2>
595
+ <p class="text-gray-400 max-w-2xl mx-auto">Don't just take our word for it. Here's what our partners say about working with us.</p>
596
+ </div>
597
+
598
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
599
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700">
600
+ <div class="flex items-center mb-4">
601
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
602
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
603
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
604
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
605
+ <i class="fas fa-star text-yellow-400"></i>
606
+ </div>
607
+ <p class="text-gray-300 mb-6">"GameFuel's understanding of the Brazilian gaming market is unparalleled. They helped us localize our hyper-casual game and achieve a 40% reduction in CPI while doubling our install volume."</p>
608
+ <div class="flex items-center">
609
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" class="w-12 h-12 rounded-full mr-4" alt="Client">
610
+ <div>
611
+ <p class="font-bold">Ricardo Oliveira</p>
612
+ <p class="text-sm text-gray-400">Growth Lead, Casual Games</p>
613
+ </div>
614
+ </div>
615
+ </div>
616
+
617
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700">
618
+ <div class="flex items-center mb-4">
619
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
620
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
621
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
622
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
623
+ <i class="fas fa-star text-yellow-400"></i>
624
+ </div>
625
+ <p class="text-gray-300 mb-6">"As a European studio, we struggled to break into Mexico. GameFuel's influencer marketing strategy and localized creatives helped us achieve our most successful launch outside our home market."</p>
626
+ <div class="flex items-center">
627
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-12 h-12 rounded-full mr-4" alt="Client">
628
+ <div>
629
+ <p class="font-bold">Sophie Müller</p>
630
+ <p class="text-sm text-gray-400">CMO, Midcore Studio</p>
631
+ </div>
632
+ </div>
633
+ </div>
634
+
635
+ <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700">
636
+ <div class="flex items-center mb-4">
637
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
638
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
639
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
640
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
641
+ <i class="fas fa-star text-yellow-400"></i>
642
+ </div>
643
+ <p class="text-gray-300 mb-6">"The team at GameFuel transformed our performance in Argentina. Their payment method optimizations alone increased our conversion rate by 3x. They truly understand the local nuances."</p>
644
+ <div class="flex items-center">
645
+ <img src="https://randomuser.me/api/portraits/men/22.jpg" class="w-12 h-12 rounded-full mr-4" alt="Client">
646
+ <div>
647
+ <p class="font-bold">Diego Fernandez</p>
648
+ <p class="text-sm text-gray-400">Head of UA, RPG Publisher</p>
649
+ </div>
650
+ </div>
651
+ </div>
652
+ </div>
653
+ </div>
654
+ </section>
655
+
656
+ <!-- CTA Section -->
657
+ <section class="py-20 bg-gradient-to-r from-primary/10 to-secondary/10">
658
+ <div class="container mx-auto px-6">
659
+ <div class="bg-dark rounded-2xl p-12 text-center border border-gray-700 relative overflow-hidden">
660
+ <div class="absolute -right-20 -top-20 w-60 h-60 rounded-full bg-primary/10 blur-3xl"></div>
661
+ <div class="absolute -left-20 -bottom-20 w-60 h-60 rounded-full bg-secondary/10 blur-3xl"></div>
662
+
663
+ <div class="relative z-10 max-w-3xl mx-auto">
664
+ <h2 class="text-3xl md:text-4xl font-bold font-display mb-6">Ready to <span class="text-primary">Dominate</span> the Latin American Gaming Market?</h2>
665
+ <p class="text-gray-400 mb-8 text-lg">Schedule a free consultation with our growth experts to discuss how we can help you acquire and retain high-value gamers in Latin America.</p>
666
+
667
+ <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
668
+ <input type="email" placeholder="Your email address" class="flex-grow bg-gray-800 border border-gray-700 rounded-full px-6 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
669
+ <button type="submit" class="bg-primary hover:bg-primary/90 text-dark font-bold px-8 py-3 rounded-full transition">
670
+ Get Started
671
+ </button>
672
+ </form>
673
+
674
+ <div class="mt-8 flex flex-wrap justify-center items-center gap-4 text-gray-400">
675
+ <div class="flex items-center">
676
+ <i class="fas fa-check-circle text-primary mr-2"></i>
677
+ <span>No long-term contracts</span>
678
+ </div>
679
+ <div class="flex items-center">
680
+ <i class="fas fa-check-circle text-primary mr-2"></i>
681
+ <span>Performance-based pricing</span>
682
+ </div>
683
+ <div class="flex items-center">
684
+ <i class="fas fa-check-circle text-primary mr-2"></i>
685
+ <span>30-day risk-free trial</span>
686
+ </div>
687
+ </div>
688
+ </div>
689
+ </div>
690
+ </div>
691
+ </section>
692
+
693
+ <!-- Footer -->
694
+ <footer class="bg-dark py-12 border-t border-gray-800">
695
+ <div class="container mx-auto px-6">
696
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
697
+ <div>
698
+ <a href="#" class="flex items-center mb-6">
699
+ <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">
700
+ <i class="fas fa-gamepad text-xl text-dark"></i>
701
+ </div>
702
+ <span class="text-2xl font-bold font-display">Game<span class="text-primary">Fuel</span></span>
703
+ </a>
704
+ <p class="text-gray-400 mb-6">Performance marketing and user acquisition specialists for the Latin American gaming market.</p>
705
+ <div class="flex space-x-4">
706
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary hover:text-dark transition">
707
+ <i class="fab fa-twitter"></i>
708
+ </a>
709
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary hover:text-dark transition">
710
+ <i class="fab fa-linkedin-in"></i>
711
+ </a>
712
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-primary hover:text-dark transition">
713
+ <i class="fab fa-instagram"></i>
714
+ </a>
715
+ </div>
716
+ </div>
717
+
718
+ <div>
719
+ <h3 class="text-lg font-bold mb-6">Services</h3>
720
+ <ul class="space-y-3">
721
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">User Acquisition</a></li>
722
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Retention Marketing</a></li>
723
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Influencer Marketing</a></li>
724
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Creative Studio</a></li>
725
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Market Expansion</a></li>
726
+ </ul>
727
+ </div>
728
+
729
+ <div>
730
+ <h3 class="text-lg font-bold mb-6">Countries</h3>
731
+ <ul class="space-y-3">
732
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Brazil</a></li>
733
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Mexico</a></li>
734
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Argentina</a></li>
735
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Colombia</a></li>
736
+ <li><a href="#" class="text-gray-400 hover:text-primary transition">Chile</a></li>
737
+ </ul>
738
+ </div>
739
+
740
+ <div>
741
+ <h3 class="text-lg font-bold mb-6">Contact</h3>
742
+ <ul class="space-y-3">
743
+ <li class="flex items-center">
744
+ <i class="fas fa-map-marker-alt text-primary mr-3"></i>
745
+ <span class="text-gray-400">São Paulo, Brazil</span>
746
+ </li>
747
+ <li class="flex items-center">
748
+ <i class="fas fa-envelope text-primary mr-3"></i>
749
+ <a href="mailto:
750
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ create an ad agency website focused on gaming and user acquistions, focused on latin america