Spaces:
Running
Running
Coloque nessa seção de preços dos stands um espaço para imagem dos stands - Follow Up Deployment
Browse files- index.html +64 -0
index.html
CHANGED
|
@@ -403,6 +403,70 @@
|
|
| 403 |
</div>
|
| 404 |
</section>
|
| 405 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 406 |
<!-- Benefits Section -->
|
| 407 |
<section class="py-16 bg-white">
|
| 408 |
<div class="container mx-auto px-4">
|
|
|
|
| 403 |
</div>
|
| 404 |
</section>
|
| 405 |
|
| 406 |
+
<!-- Pricing Section -->
|
| 407 |
+
<section class="py-16 bg-gray-50">
|
| 408 |
+
<div class="container mx-auto px-4">
|
| 409 |
+
<div class="text-center mb-12 fade-in">
|
| 410 |
+
<h2 class="serif-title text-4xl font-bold text-[#ff5a1f] mb-4">Escolha seu Stand e participe da ExpoMix</h2>
|
| 411 |
+
<p class="text-lg text-gray-600 max-w-2xl mx-auto">Do básico ao exclusivo, temos a opção certa para o seu negócio.</p>
|
| 412 |
+
</div>
|
| 413 |
+
|
| 414 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
|
| 415 |
+
<!-- Stand 3x3 -->
|
| 416 |
+
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 fade-in">
|
| 417 |
+
<div class="mb-6 h-40 bg-gray-100 rounded-lg flex items-center justify-center overflow-hidden">
|
| 418 |
+
<img src="stand-3x3.jpg" alt="Stand 3x3" class="w-full h-full object-cover">
|
| 419 |
+
</div>
|
| 420 |
+
<h3 class="serif-title text-2xl font-bold text-[#ff5a1f] mb-2">Stand 3x3</h3>
|
| 421 |
+
<div class="text-4xl font-bold text-gray-800 mb-6">R$ 2.499<span class="text-lg font-normal">/evento</span></div>
|
| 422 |
+
|
| 423 |
+
<ul class="space-y-3 mb-8">
|
| 424 |
+
<li class="flex items-center">
|
| 425 |
+
<i data-feather="check" class="text-green-500 mr-3"></i>
|
| 426 |
+
<span>Localização estratégica</span>
|
| 427 |
+
</li>
|
| 428 |
+
<li class="flex items-center">
|
| 429 |
+
<i data-feather="check" class="text-green-500 mr-3"></i>
|
| 430 |
+
<span>Visibilidade garantida</span>
|
| 431 |
+
</li>
|
| 432 |
+
<li class="flex items-center">
|
| 433 |
+
<i data-feather="check" class="text-green-500 mr-3"></i>
|
| 434 |
+
<span>Estrutura básica inclusa</span>
|
| 435 |
+
</li>
|
| 436 |
+
</ul>
|
| 437 |
+
|
| 438 |
+
<a href="https://wa.me/55619993073003" class="btn-orange block text-center text-white font-bold py-3 px-6 rounded-md">Reservar Stand</a>
|
| 439 |
+
</div>
|
| 440 |
+
|
| 441 |
+
<!-- Stand Personalizado -->
|
| 442 |
+
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 fade-in" style="animation-delay: 0.2s;">
|
| 443 |
+
<div class="mb-6 h-40 bg-gray-100 rounded-lg flex items-center justify-center overflow-hidden">
|
| 444 |
+
<img src="stand-personalizado.jpg" alt="Stand Personalizado" class="w-full h-full object-cover">
|
| 445 |
+
</div>
|
| 446 |
+
<h3 class="serif-title text-2xl font-bold text-[#ff5a1f] mb-2">Stand Personalizado</h3>
|
| 447 |
+
<div class="text-4xl font-bold text-gray-800 mb-6">Sob consulta</div>
|
| 448 |
+
|
| 449 |
+
<ul class="space-y-3 mb-8">
|
| 450 |
+
<li class="flex items-center">
|
| 451 |
+
<i data-feather="star" class="text-yellow-500 mr-3"></i>
|
| 452 |
+
<span>Projeto sob medida</span>
|
| 453 |
+
</li>
|
| 454 |
+
<li class="flex items-center">
|
| 455 |
+
<i data-feather="star" class="text-yellow-500 mr-3"></i>
|
| 456 |
+
<span>Destaque exclusivo</span>
|
| 457 |
+
</li>
|
| 458 |
+
<li class="flex items-center">
|
| 459 |
+
<i data-feather="star" class="text-yellow-500 mr-3"></i>
|
| 460 |
+
<span>Maior área de exposição</span>
|
| 461 |
+
</li>
|
| 462 |
+
</ul>
|
| 463 |
+
|
| 464 |
+
<a href="https://wa.me/55619993073003" class="bg-white text-[#ff5a1f] border border-[#ff5a1f] block text-center font-bold py-3 px-6 rounded-md hover:bg-gray-50 transition-colors">Solicitar Orçamento</a>
|
| 465 |
+
</div>
|
| 466 |
+
</div>
|
| 467 |
+
</div>
|
| 468 |
+
</section>
|
| 469 |
+
|
| 470 |
<!-- Benefits Section -->
|
| 471 |
<section class="py-16 bg-white">
|
| 472 |
<div class="container mx-auto px-4">
|