Hugging Face's logo

Spaces:
R87
/
pecas
Running

App Files Community
R87 commited on
Commit
47e90a5
·
verified ·
1 Parent(s): 7465e86

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +652 -379
  2. prompts.txt +4 -1
index.html CHANGED
@@ -3,491 +3,764 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>AutoPeças - O maior mercado de peças automotivas</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
  <style>
10
- .search-bar {
11
- background-color: #fff159;
12
- }
13
- .ml-blue {
14
- background-color: #2968c8;
15
- }
16
- .ml-yellow {
17
- background-color: #fff159;
18
  }
19
- .category-card:hover {
20
- box-shadow: 0 4px 8px rgba(0,0,0,0.1);
21
- transform: translateY(-2px);
 
 
 
 
 
 
22
  }
23
- .product-card:hover {
24
- box-shadow: 0 4px 12px rgba(0,0,0,0.15);
25
- transform: translateY(-5px);
 
26
  }
27
- .product-image {
 
 
 
28
  transition: all 0.3s ease;
29
- transform-origin: center center;
30
  }
 
31
  .product-card:hover .product-image {
32
  transform: scale(1.05);
 
33
  }
34
- .deal-badge {
35
- position: absolute;
36
- top: 10px;
37
- left: 10px;
38
- background-color: #00a650;
39
- color: white;
40
- padding: 2px 8px;
41
- border-radius: 4px;
42
- font-size: 12px;
43
- font-weight: bold;
44
- z-index: 2;
45
- }
46
- .free-shipping {
47
- color: #00a650;
48
- font-weight: bold;
49
- }
50
- .dropdown:hover .dropdown-menu {
51
- display: block;
52
  }
53
- .banner-fx {
54
- position: relative;
55
- overflow: hidden;
56
- border-radius: 8px;
 
57
  }
58
- .banner-fx::before {
59
- content: '';
60
- position: absolute;
61
- top: 0;
62
- left: 0;
63
- right: 0;
64
- bottom: 0;
65
- background: linear-gradient(45deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 50%);
66
- z-index: 1;
67
  }
68
- .banner-fx:hover::before {
69
- background: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%);
 
 
 
 
70
  }
71
- .pulse {
72
- animation: pulse 2s infinite;
 
73
  }
74
- @keyframes pulse {
75
- 0% {
76
- transform: scale(1);
77
- }
78
- 50% {
79
- transform: scale(1.05);
80
- }
81
- 100% {
82
- transform: scale(1);
83
- }
84
  }
85
- .shine {
 
86
  position: relative;
87
  overflow: hidden;
88
  }
89
- .shine::after {
 
90
  content: '';
91
  position: absolute;
92
  top: -50%;
93
  left: -60%;
94
  width: 20%;
95
  height: 200%;
96
- background: rgba(255,255,255,0.2);
97
  transform: rotate(30deg);
98
  transition: all 0.3s ease;
99
  }
100
- .shine:hover::after {
 
101
  left: 120%;
102
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  </style>
104
  </head>
105
- <body class="bg-gray-100">
106
- <!-- Header -->
107
- <header class="search-bar py-2">
108
- <div class="container mx-auto px-4">
109
- <div class="flex items-center justify-between">
110
- <!-- Logo -->
111
- <div class="flex items-center">
112
- <a href="#" class="flex items-center shine">
113
- <img src="https://via.placeholder.com/134x34?text=AutoPeças" alt="AutoPeças" class="h-10">
114
- </a>
115
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
 
117
- <!-- Search Bar -->
118
- <div class="flex-1 mx-4">
119
- <div class="relative">
120
- <input type="text" placeholder="Buscar peças, marcas e muito mais..."
121
- class="w-full py-2 px-4 rounded shadow-sm focus:outline-none">
122
- <button class="absolute right-0 top-0 h-full px-4 bg-gray-200 rounded-r hover:bg-gray-300 transition">
123
- <i class="fas fa-search"></i>
124
- </button>
125
- </div>
 
 
 
 
 
 
 
126
  </div>
127
 
128
- <!-- User Menu -->
129
  <div class="flex items-center space-x-4">
130
- <a href="#" class="text-sm hidden md:block hover:text-blue-600 transition">
131
- <i class="fas fa-map-marker-alt mr-1"></i>
132
- <span>Enviar para São Paulo</span>
133
- </a>
134
- <div class="dropdown relative">
135
- <button class="flex items-center text-sm hover:text-blue-600 transition">
136
- <i class="fas fa-user-circle mr-1 text-xl"></i>
137
- <span class="hidden md:inline">Minha conta</span>
138
- <i class="fas fa-chevron-down ml-1 text-xs"></i>
139
- </button>
140
- <div class="dropdown-menu absolute hidden right-0 mt-2 w-48 bg-white rounded shadow-lg py-2 z-10">
141
- <a href="#" class="block px-4 py-2 hover:bg-gray-100 transition">Minhas compras</a>
142
- <a href="#" class="block px-4 py-2 hover:bg-gray-100 transition">Favoritos</a>
143
- <a href="#" class="block px-4 py-2 hover:bg-gray-100 transition">Meus anúncios</a>
144
- <div class="border-t my-1"></div>
145
- <a href="#" class="block px-4 py-2 hover:bg-gray-100 transition">Entrar</a>
146
- <a href="#" class="block px-4 py-2 hover:bg-gray-100 transition">Criar conta</a>
147
- </div>
148
- </div>
149
- <a href="#" class="text-sm hover:text-blue-600 transition relative">
150
- <i class="fas fa-shopping-cart mr-1 text-xl"></i>
151
- <span class="hidden md:inline">Carrinho</span>
152
- <span class="absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
153
- </a>
154
  </div>
155
  </div>
156
  </div>
157
- </header>
158
-
159
- <!-- Categories Nav -->
160
- <nav class="bg-white shadow-sm">
161
- <div class="container mx-auto px-4">
162
- <div class="flex overflow-x-auto py-2 space-x-6 text-sm">
163
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Motor</a>
164
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Freios</a>
165
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Suspensão</a>
166
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Transmissão</a>
167
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Elétrica</a>
168
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Arrefecimento</a>
169
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Escapamento</a>
170
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Interior</a>
171
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Exterior</a>
172
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Acessórios</a>
173
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Pneus e Rodas</a>
174
- <a href="#" class="whitespace-nowrap hover:text-blue-500 transition">Óleos e Fluidos</a>
175
- </div>
176
- </div>
177
  </nav>
178
 
179
- <!-- Main Content -->
180
- <main class="container mx-auto px-4 py-6">
181
- <!-- Banner -->
182
- <div class="mb-6 banner-fx">
183
- <img src="https://via.placeholder.com/1200x300?text=Promoções+de+Peças+Automotivas"
184
- alt="Promoções" class="w-full rounded pulse">
185
- </div>
186
-
187
- <!-- Categories Grid -->
188
- <div class="mb-8">
189
- <h2 class="text-xl font-bold mb-4">Categorias</h2>
190
- <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
191
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
192
- <div class="h-16 mx-auto mb-2">
193
- <i class="fas fa-car-battery text-4xl text-gray-600"></i>
194
- </div>
195
- <span class="text-sm font-medium">Baterias</span>
196
  </a>
197
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
198
- <div class="h-16 mx-auto mb-2">
199
- <i class="fas fa-oil-can text-4xl text-gray-600"></i>
200
- </div>
201
- <span class="text-sm font-medium">Óleos</span>
202
  </a>
203
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
204
- <div class="h-16 mx-auto mb-2">
205
- <i class="fas fa-tire text-4xl text-gray-600"></i>
206
- </div>
207
- <span class="text-sm font-medium">Pneus</span>
208
- </a>
209
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
210
- <div class="h-16 mx-auto mb-2">
211
- <i class="fas fa-tools text-4xl text-gray-600"></i>
212
- </div>
213
- <span class="text-sm font-medium">Ferramentas</span>
214
  </a>
215
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
216
- <div class="h-16 mx-auto mb-2">
217
- <i class="fas fa-lightbulb text-4xl text-gray-600"></i>
218
- </div>
219
- <span class="text-sm font-medium">Lâmpadas</span>
220
  </a>
221
- <a href="#" class="category-card bg-white rounded p-4 text-center transition duration-200 shine">
222
- <div class="h-16 mx-auto mb-2">
223
- <i class="fas fa-fan text-4xl text-gray-600"></i>
224
- </div>
225
- <span class="text-sm font-medium">Radiador</span>
226
  </a>
227
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
228
  </div>
229
 
230
- <!-- Featured Products -->
231
- <div class="mb-8">
232
- <div class="flex justify-between items-center mb-4">
233
- <h2 class="text-xl font-bold">Ofertas especiais</h2>
234
- <a href="#" class="text-blue-500 text-sm font-medium hover:text-blue-700 transition">Ver todas</a>
 
 
 
 
 
 
 
 
235
  </div>
236
- <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
 
237
  <!-- Product 1 -->
238
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
239
- <span class="deal-badge">OFERTA</span>
240
- <div class="overflow-hidden">
241
- <img src="https://via.placeholder.com/200x200?text=Kit+Amortecedor"
242
- alt="Kit Amortecedor" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
 
 
243
  </div>
244
- <div class="text-sm text-gray-500 mb-1">Suspensão</div>
245
- <h3 class="font-medium mb-2">Kit Amortecedor Dianteiro Gol 1.0 2015 a 2020</h3>
246
- <div class="text-xl font-bold mb-1">R$ 289,90</div>
247
- <div class="text-green-500 text-sm mb-2">12x R$ 24,16 sem juros</div>
248
- <div class="free-shipping text-sm mb-2">
249
- <i class="fas fa-truck"></i> Frete grátis
 
250
  </div>
251
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
252
- Comprar agora
253
- </button>
254
  </div>
255
 
256
  <!-- Product 2 -->
257
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
258
- <div class="overflow-hidden">
259
- <img src="https://via.placeholder.com/200x200?text=Bateria+Moura"
260
- alt="Bateria Moura" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
261
  </div>
262
- <div class="text-sm text-gray-500 mb-1">Baterias</div>
263
- <h3 class="font-medium mb-2">Bateria Moura 60Ah M60L - Original</h3>
264
- <div class="text-xl font-bold mb-1">R$ 429,90</div>
265
- <div class="text-green-500 text-sm mb-2">12x R$ 35,83 sem juros</div>
266
- <div class="free-shipping text-sm mb-2">
267
- <i class="fas fa-truck"></i> Frete grátis
268
  </div>
269
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
270
- Comprar agora
271
- </button>
272
  </div>
273
 
274
  <!-- Product 3 -->
275
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
276
- <span class="deal-badge">10% OFF</span>
277
- <div class="overflow-hidden">
278
- <img src="https://via.placeholder.com/200x200?text=Pastilha+Freio"
279
- alt="Pastilha de Freio" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
 
 
280
  </div>
281
- <div class="text-sm text-gray-500 mb-1">Freios</div>
282
- <h3 class="font-medium mb-2">Pastilha de Freio Dianteira Bosch HB193B</h3>
283
- <div class="flex items-center">
284
- <div class="text-xl font-bold mr-2">R$ 89,90</div>
285
- <div class="text-sm text-gray-500 line-through">R$ 99,90</div>
 
286
  </div>
287
- <div class="text-green-500 text-sm mb-2">3x R$ 29,97 sem juros</div>
288
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
289
- Comprar agora
290
- </button>
291
  </div>
292
 
293
  <!-- Product 4 -->
294
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
295
- <div class="overflow-hidden">
296
- <img src="https://via.placeholder.com/200x200?text=Filtro+Ar"
297
- alt="Filtro de Ar" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
298
  </div>
299
- <div class="text-sm text-gray-500 mb-1">Filtros</div>
300
- <h3 class="font-medium mb-2">Filtro de Ar Original Toyota Corolla 2.0</h3>
301
- <div class="text-xl font-bold mb-1">R$ 49,90</div>
302
- <div class="text-green-500 text-sm mb-2">Em até 2x sem juros</div>
303
- <div class="text-sm text-gray-500 mb-2">Frete: R$ 12,90</div>
304
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
305
- Comprar agora
306
- </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
307
  </div>
308
 
309
- <!-- Product 5 -->
310
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
311
- <span class="deal-badge">LANÇAMENTO</span>
312
- <div class="overflow-hidden">
313
- <img src="https://via.placeholder.com/200x200?text=Óleo+Motor"
314
- alt="Óleo de Motor" class="w-full h-40 object-contain mb-3 product-image">
315
  </div>
316
- <div class="text-sm text-gray-500 mb-1">Óleos</div>
317
- <h3 class="font-medium mb-2">Óleo Mobil Super 3000 5W30 1L - Sintético</h3>
318
- <div class="text-xl font-bold mb-1">R$ 39,90</div>
319
- <div class="text-green-500 text-sm mb-2">Em até 2x sem juros</div>
320
- <div class="free-shipping text-sm mb-2">
321
- <i class="fas fa-truck"></i> Frete grátis
 
 
 
 
322
  </div>
323
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
324
- Comprar agora
325
- </button>
 
326
  </div>
327
  </div>
328
- </div>
329
-
330
- <!-- Brands Section -->
331
- <div class="mb-8">
332
- <h2 class="text-xl font-bold mb-4">Marcas populares</h2>
333
- <div class="grid grid-cols-3 md:grid-cols-6 gap-4">
334
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
335
- <img src="https://via.placeholder.com/100x50?text=Bosch" alt="Bosch" class="h-10 object-contain hover:scale-105 transition">
336
- </a>
337
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
338
- <img src="https://via.placeholder.com/100x50?text=Moura" alt="Moura" class="h-10 object-contain hover:scale-105 transition">
339
- </a>
340
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
341
- <img src="https://via.placeholder.com/100x50?text=VW" alt="Volkswagen" class="h-10 object-contain hover:scale-105 transition">
342
- </a>
343
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
344
- <img src="https://via.placeholder.com/100x50?text=GM" alt="GM" class="h-10 object-contain hover:scale-105 transition">
345
- </a>
346
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
347
- <img src="https://via.placeholder.com/100x50?text=Shell" alt="Shell" class="h-10 object-contain hover:scale-105 transition">
348
- </a>
349
- <a href="#" class="bg-white p-4 rounded flex items-center justify-center hover:shadow-md transition">
350
- <img src="https://via.placeholder.com/100x50?text=Goodyear" alt="Goodyear" class="h-10 object-contain hover:scale-105 transition">
351
  </a>
352
  </div>
353
  </div>
354
-
355
- <!-- More Products -->
356
- <div class="mb-8">
357
- <div class="flex justify-between items-center mb-4">
358
- <h2 class="text-xl font-bold">Peças em destaque</h2>
359
- <a href="#" class="text-blue-500 text-sm font-medium hover:text-blue-700 transition">Ver todas</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
360
  </div>
361
- <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
362
- <!-- Product 6 -->
363
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
364
- <div class="overflow-hidden">
365
- <img src="https://via.placeholder.com/200x200?text=Correia+Dentada"
366
- alt="Correia Dentada" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
367
  </div>
368
- <div class="text-sm text-gray-500 mb-1">Motor</div>
369
- <h3 class="font-medium mb-2">Kit Correia Dentada HB20 1.0 2012-2017</h3>
370
- <div class="text-xl font-bold mb-1">R$ 189,90</div>
371
- <div class="text-green-500 text-sm mb-2">6x R$ 31,65 sem juros</div>
372
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
373
- Comprar agora
374
- </button>
375
- </div>
376
-
377
- <!-- Product 7 -->
378
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
379
- <div class="overflow-hidden">
380
- <img src="https://via.placeholder.com/200x200?text=Velas+Ignição"
381
- alt="Velas de Ignição" class="w-full h-40 object-contain mb-3 product-image">
382
  </div>
383
- <div class="text-sm text-gray-500 mb-1">Motor</div>
384
- <h3 class="font-medium mb-2">Vela de Ignição NGK Laser Iridium LFR5AIX-11</h3>
385
- <div class="text-xl font-bold mb-1">R$ 59,90</div>
386
- <div class="text-green-500 text-sm mb-2">2x R$ 29,95 sem juros</div>
387
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
388
- Comprar agora
389
- </button>
390
  </div>
391
 
392
- <!-- Product 8 -->
393
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
394
- <div class="overflow-hidden">
395
- <img src="https://via.placeholder.com/200x200?text=Disco+Freio"
396
- alt="Disco de Freio" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
397
  </div>
398
- <div class="text-sm text-gray-500 mb-1">Freios</div>
399
- <h3 class="font-medium mb-2">Disco de Freio Traseiro Onix 1.4 2012-2019</h3>
400
- <div class="text-xl font-bold mb-1">R$ 129,90</div>
401
- <div class="text-green-500 text-sm mb-2">4x R$ 32,48 sem juros</div>
402
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
403
- Comprar agora
404
- </button>
405
  </div>
406
 
407
- <!-- Product 9 -->
408
- <div class="product-card bg-white rounded p-4 relative transition duration-200">
409
- <div class="overflow-hidden">
410
- <img src="https://via.placeholder.com/200x200?text=Farol+Dianteiro"
411
- alt="Farol Dianteiro" class="w-full h-40 object-contain mb-3 product-image">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
412
  </div>
413
- <div class="text-sm text-gray-500 mb-1">Elétrica</div>
414
- <h3 class="font-medium mb-2">Farol Dianteiro Esquerdo Civic 2015-2020</h3>
415
- <div class="text-xl font-bold mb-1">R$ 459,90</div>
416
- <div class="text-green-500 text-sm mb-2">12x R$ 38,33 sem juros</div>
417
- <button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded text-sm transition">
418
- Comprar agora
419
- </button>
420
  </div>
421
  </div>
422
  </div>
423
- </main>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
424
 
425
  <!-- Footer -->
426
- <footer class="bg-gray-800 text-white py-8">
427
  <div class="container mx-auto px-4">
428
- <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
429
  <div>
430
- <h3 class="font-bold mb-4">Informações</h3>
431
- <ul class="space-y-2 text-sm">
432
- <li><a href="#" class="hover:underline transition">Sobre nós</a></li>
433
- <li><a href="#" class="hover:underline transition">Política de privacidade</a></li>
434
- <li><a href="#" class="hover:underline transition">Termos e condições</a></li>
435
- <li><a href="#" class="hover:underline transition">Trocas e devoluções</a></li>
436
- </ul>
 
 
 
 
 
 
 
 
 
 
 
437
  </div>
 
438
  <div>
439
- <h3 class="font-bold mb-4">Atendimento</h3>
440
- <ul class="space-y-2 text-sm">
441
- <li><a href="#" class="hover:underline transition">Central de ajuda</a></li>
442
- <li><a href="#" class="hover:underline transition">Perguntas frequentes</a></li>
443
- <li><a href="#" class="hover:underline transition">Fale conosco</a></li>
444
- <li><a href="#" class="hover:underline transition">Nossas lojas</a></li>
 
445
  </ul>
446
  </div>
 
447
  <div>
448
- <h3 class="font-bold mb-4">Formas de pagamento</h3>
449
- <div class="grid grid-cols-3 gap-2">
450
- <img src="https://via.placeholder.com/50x30?text=Visa" alt="Visa" class="h-8 hover:scale-110 transition">
451
- <img src="https://via.placeholder.com/50x30?text=Master" alt="Mastercard" class="h-8 hover:scale-110 transition">
452
- <img src="https://via.placeholder.com/50x30?text=Elo" alt="Elo" class="h-8 hover:scale-110 transition">
453
- <img src="https://via.placeholder.com/50x30?text=Boleto" alt="Boleto" class="h-8 hover:scale-110 transition">
454
- <img src="https://via.placeholder.com/50x30?text=Pix" alt="Pix" class="h-8 hover:scale-110 transition">
455
- <img src="https://via.placeholder.com/50x30?text=Hiper" alt="Hipercard" class="h-8 hover:scale-110 transition">
456
- </div>
457
  </div>
 
458
  <div>
459
- <h3 class="font-bold mb-4">Redes sociais</h3>
460
- <div class="flex space-x-4">
461
- <a href="#" class="text-2xl hover:text-blue-400 transition"><i class="fab fa-facebook"></i></a>
462
- <a href="#" class="text-2xl hover:text-pink-600 transition"><i class="fab fa-instagram"></i></a>
463
- <a href="#" class="text-2xl hover:text-red-600 transition"><i class="fab fa-youtube"></i></a>
464
- <a href="#" class="text-2xl hover:text-blue-400 transition"><i class="fab fa-twitter"></i></a>
465
- </div>
466
- <div class="mt-4">
467
- <h4 class="font-bold mb-2">Baixe nosso app</h4>
468
- <div class="flex space-x-2">
469
- <a href="#" class="hover:scale-105 transition">
470
- <img src="https://via.placeholder.com/120x40?text=App+Store" alt="App Store" class="h-10">
 
 
 
 
 
 
 
 
 
 
471
  </a>
472
- <a href="#" class="hover:scale-105 transition">
473
- <img src="https://via.placeholder.com/120x40?text=Play+Store" alt="Play Store" class="h-10">
474
- </a>
475
- </div>
476
- </div>
477
  </div>
478
  </div>
479
- <div class="border-t border-gray-700 mt-8 pt-6 text-sm text-center">
480
- <p>© 2023 AutoPeças - CNPJ 00.000.000/0000-00 - Todos os direitos reservados</p>
481
- <p class="mt-2">Preços e condições de pagamento exclusivos para compras via internet. Ofertas válidas até o término de nossos estoques.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
482
  </div>
483
  </div>
484
  </footer>
485
 
486
- <!-- Floating WhatsApp Button -->
487
- <div class="fixed bottom-6 right-6 animate-bounce">
488
- <a href="#" class="bg-green-500 hover:bg-green-600 text-white rounded-full p-4 shadow-lg flex items-center justify-center transition transform hover:scale-110">
489
- <i class="fab fa-whatsapp text-2xl"></i>
490
- </a>
491
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
492
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=R87/pecas" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
493
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>GreenLeaf Collective | Cannabis Wellness</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
  <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');
11
+
12
+ body {
13
+ font-family: 'Raleway', sans-serif;
14
+ scroll-behavior: smooth;
 
 
 
15
  }
16
+
17
+ .hero-section {
18
+ height: 100vh;
19
+ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
20
+ url('https://images.unsplash.com/photo-1598983062491-5934abe9fcf5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
21
+ background-size: cover;
22
+ background-position: center;
23
+ background-attachment: fixed;
24
+ animation: fadeIn 1.5s ease-in-out;
25
  }
26
+
27
+ @keyframes fadeIn {
28
+ from { opacity: 0; }
29
+ to { opacity: 1; }
30
  }
31
+
32
+ .nav-scrolled {
33
+ background-color: rgba(22, 50, 34, 0.95);
34
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
35
  transition: all 0.3s ease;
 
36
  }
37
+
38
  .product-card:hover .product-image {
39
  transform: scale(1.05);
40
+ transition: transform 0.3s ease;
41
  }
42
+
43
+ .product-card:hover .quick-view {
44
+ opacity: 1;
45
+ transform: translateY(0);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  }
47
+
48
+ .quick-view {
49
+ opacity: 0;
50
+ transform: translateY(10px);
51
+ transition: all 0.3s ease;
52
  }
53
+
54
+ .countdown-item {
55
+ background: rgba(255, 255, 255, 0.1);
56
+ backdrop-filter: blur(5px);
 
 
 
 
 
57
  }
58
+
59
+ .parallax-section {
60
+ background-attachment: fixed;
61
+ background-position: center;
62
+ background-repeat: no-repeat;
63
+ background-size: cover;
64
  }
65
+
66
+ .zoom-hover {
67
+ transition: transform 0.5s ease;
68
  }
69
+
70
+ .zoom-hover:hover {
71
+ transform: scale(1.03);
 
 
 
 
 
 
 
72
  }
73
+
74
+ .shine-effect {
75
  position: relative;
76
  overflow: hidden;
77
  }
78
+
79
+ .shine-effect::after {
80
  content: '';
81
  position: absolute;
82
  top: -50%;
83
  left: -60%;
84
  width: 20%;
85
  height: 200%;
86
+ background: rgba(255, 255, 255, 0.2);
87
  transform: rotate(30deg);
88
  transition: all 0.3s ease;
89
  }
90
+
91
+ .shine-effect:hover::after {
92
  left: 120%;
93
  }
94
+
95
+ .floating {
96
+ animation: floating 3s ease-in-out infinite;
97
+ }
98
+
99
+ @keyframes floating {
100
+ 0% { transform: translateY(0px); }
101
+ 50% { transform: translateY(-15px); }
102
+ 100% { transform: translateY(0px); }
103
+ }
104
+
105
+ .pulse {
106
+ animation: pulse 2s infinite;
107
+ }
108
+
109
+ @keyframes pulse {
110
+ 0% { transform: scale(1); }
111
+ 50% { transform: scale(1.05); }
112
+ 100% { transform: scale(1); }
113
+ }
114
+
115
+ .thc-badge {
116
+ background: linear-gradient(135deg, #8e44ad, #9b59b6);
117
+ }
118
+
119
+ .cbd-badge {
120
+ background: linear-gradient(135deg, #27ae60, #2ecc71);
121
+ }
122
+
123
+ .organic-badge {
124
+ background: linear-gradient(135deg, #f39c12, #f1c40f);
125
+ }
126
+
127
+ .premium-badge {
128
+ background: linear-gradient(135deg, #3498db, #2980b9);
129
+ }
130
+
131
+ .age-gate {
132
+ background: rgba(22, 50, 34, 0.95);
133
+ backdrop-filter: blur(10px);
134
+ }
135
  </style>
136
  </head>
137
+ <body class="bg-gray-50">
138
+ <!-- Age Verification Modal -->
139
+ <div class="fixed inset-0 flex items-center justify-center z-50 age-gate" id="ageVerification">
140
+ <div class="bg-white rounded-xl max-w-md w-full mx-4 p-8 text-center">
141
+ <div class="w-20 h-20 mx-auto mb-6 flex items-center justify-center bg-emerald-100 rounded-full">
142
+ <i class="fas fa-cannabis text-3xl text-emerald-700"></i>
143
+ </div>
144
+ <h2 class="text-2xl font-bold mb-4">Verificação de Idade</h2>
145
+ <p class="text-gray-700 mb-6">Você deve ter 21 anos ou mais para acessar este site. Ao entrar, você concorda com nossos Termos de Serviço e Política de Privacidade.</p>
146
+
147
+ <div class="flex flex-col space-y-4">
148
+ <button id="verifyAge" class="bg-emerald-700 hover:bg-emerald-800 text-white px-6 py-3 rounded-full font-bold transition">
149
+ Sim, sou maior de 21 anos
150
+ </button>
151
+ <button id="exitSite" class="bg-transparent border border-gray-300 hover:bg-gray-100 text-gray-700 px-6 py-3 rounded-full font-medium transition">
152
+ Não, sou menor de idade
153
+ </button>
154
+ </div>
155
+
156
+ <p class="text-xs text-gray-500 mt-6">
157
+ Este site não incentiva o uso irresponsável de cannabis. A venda é restrita a maiores de 21 anos e segue as leis locais.
158
+ </p>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Navigation -->
163
+ <nav class="fixed w-full z-40 transition-all duration-300 bg-emerald-900" id="mainNav">
164
+ <div class="container mx-auto px-4 py-3">
165
+ <div class="flex justify-between items-center">
166
+ <a href="#" class="text-2xl font-bold text-white shine-effect">
167
+ <span class="text-emerald-300">GREEN</span>LEAF
168
+ </a>
169
 
170
+ <div class="hidden md:flex space-x-8">
171
+ <a href="#" class="text-white hover:text-emerald-300 transition font-medium">
172
+ <i class="fas fa-leaf mr-1"></i> Flores
173
+ </a>
174
+ <a href="#" class="text-white hover:text-emerald-300 transition font-medium">
175
+ <i class="fas fa-flask mr-1"></i> Concentrados
176
+ </a>
177
+ <a href="#" class="text-white hover:text-emerald-300 transition font-medium">
178
+ <i class="fas fa-cookie-bite mr-1"></i> Edibles
179
+ </a>
180
+ <a href="#" class="text-white hover:text-emerald-300 transition font-medium">
181
+ <i class="fas fa-smoking mr-1"></i> Acessórios
182
+ </a>
183
+ <a href="#" class="text-emerald-300 font-bold hover:text-emerald-200 transition">
184
+ <i class="fas fa-tag mr-1"></i> Promoções
185
+ </a>
186
  </div>
187
 
 
188
  <div class="flex items-center space-x-4">
189
+ <button class="text-white hover:text-emerald-300 transition">
190
+ <i class="fas fa-search text-lg"></i>
191
+ </button>
192
+ <button class="text-white hover:text-emerald-300 transition">
193
+ <i class="fas fa-user text-lg"></i>
194
+ </button>
195
+ <button class="text-white hover:text-emerald-300 transition relative">
196
+ <i class="fas fa-shopping-bag text-lg"></i>
197
+ <span class="absolute -top-2 -right-2 bg-emerald-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">0</span>
198
+ </button>
199
+ <button class="md:hidden text-white" id="mobileMenuButton">
200
+ <i class="fas fa-bars text-xl"></i>
201
+ </button>
 
 
 
 
 
 
 
 
 
 
 
202
  </div>
203
  </div>
204
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
205
  </nav>
206
 
207
+ <!-- Mobile Menu -->
208
+ <div class="fixed inset-0 bg-emerald-900 bg-opacity-95 z-30 hidden" id="mobileMenu">
209
+ <div class="container mx-auto px-4 py-20">
210
+ <div class="flex flex-col space-y-6 text-center">
211
+ <a href="#" class="text-white text-2xl hover:text-emerald-300 transition font-medium">
212
+ <i class="fas fa-leaf mr-2"></i> Flores
 
 
 
 
 
 
 
 
 
 
 
213
  </a>
214
+ <a href="#" class="text-white text-2xl hover:text-emerald-300 transition font-medium">
215
+ <i class="fas fa-flask mr-2"></i> Concentrados
 
 
 
216
  </a>
217
+ <a href="#" class="text-white text-2xl hover:text-emerald-300 transition font-medium">
218
+ <i class="fas fa-cookie-bite mr-2"></i> Edibles
 
 
 
 
 
 
 
 
 
219
  </a>
220
+ <a href="#" class="text-white text-2xl hover:text-emerald-300 transition font-medium">
221
+ <i class="fas fa-smoking mr-2"></i> Acessórios
 
 
 
222
  </a>
223
+ <a href="#" class="text-emerald-300 text-2xl font-bold hover:text-emerald-200 transition">
224
+ <i class="fas fa-tag mr-2"></i> Promoções
 
 
 
225
  </a>
226
  </div>
227
+ <button class="absolute top-4 right-4 text-white text-2xl" id="closeMobileMenu">
228
+ <i class="fas fa-times"></i>
229
+ </button>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Hero Section -->
234
+ <section class="hero-section flex items-center justify-center relative">
235
+ <div class="container mx-auto px-4 text-center">
236
+ <div class="max-w-4xl mx-auto">
237
+ <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
238
+ ELEVE SEU <span class="text-emerald-300">WELLNESS</span>
239
+ </h1>
240
+ <p class="text-xl text-white mb-8 opacity-90">
241
+ Cannabis premium cultivada com sustentabilidade e ciência. Descubra nossa seleção de produtos certificados.
242
+ </p>
243
+ <div class="flex justify-center space-x-4">
244
+ <a href="#" class="bg-emerald-600 hover:bg-emerald-700 text-white px-8 py-3 rounded-full font-bold transition transform hover:scale-105">
245
+ EXPLORAR PRODUTOS
246
+ </a>
247
+ <a href="#" class="bg-transparent border-2 border-white hover:bg-white hover:text-emerald-900 text-white px-8 py-3 rounded-full font-bold transition transform hover:scale-105">
248
+ CONSULTAR ESPECIALISTA
249
+ </a>
250
+ </div>
251
+ </div>
252
  </div>
253
 
254
+ <div class="absolute bottom-10 left-0 right-0 text-center">
255
+ <a href="#featured" class="text-white animate-bounce inline-block">
256
+ <i class="fas fa-chevron-down text-2xl"></i>
257
+ </a>
258
+ </div>
259
+ </section>
260
+
261
+ <!-- Featured Products -->
262
+ <section class="py-16 bg-white" id="featured">
263
+ <div class="container mx-auto px-4">
264
+ <div class="text-center mb-12">
265
+ <h2 class="text-3xl font-bold mb-4">NOSSOS DESTAQUES</h2>
266
+ <div class="w-20 h-1 bg-emerald-600 mx-auto"></div>
267
  </div>
268
+
269
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
270
  <!-- Product 1 -->
271
+ <div class="product-card bg-gray-50 rounded-lg overflow-hidden relative group">
272
+ <div class="relative overflow-hidden h-80">
273
+ <img src="https://images.unsplash.com/photo-1581539250439-c96689b516dd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1065&q=80"
274
+ alt="Sativa Haze" class="w-full h-full object-cover product-image transition duration-500">
275
+ <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300"></div>
276
+ <div class="quick-view absolute bottom-4 left-0 right-0 text-center">
277
+ <button class="bg-white text-emerald-900 px-6 py-2 rounded-full font-medium hover:bg-gray-100 transition">
278
+ Visualização Rápida
279
+ </button>
280
+ </div>
281
+ <div class="absolute top-4 left-4 flex flex-col space-y-2">
282
+ <span class="thc-badge text-white text-xs font-bold px-2 py-1 rounded">
283
+ THC 22%
284
+ </span>
285
+ <span class="organic-badge text-white text-xs font-bold px-2 py-1 rounded">
286
+ ORGÂNICO
287
+ </span>
288
+ </div>
289
  </div>
290
+ <div class="p-4">
291
+ <h3 class="font-bold text-lg mb-1">Sativa Haze</h3>
292
+ <p class="text-gray-600 text-sm mb-2">Efeito energizante e criativo</p>
293
+ <div class="flex items-center">
294
+ <span class="text-lg font-bold">R$ 89,90</span>
295
+ <span class="text-sm text-gray-500 line-through ml-2">R$ 109,90</span>
296
+ </div>
297
  </div>
 
 
 
298
  </div>
299
 
300
  <!-- Product 2 -->
301
+ <div class="product-card bg-gray-50 rounded-lg overflow-hidden relative group">
302
+ <div class="relative overflow-hidden h-80">
303
+ <img src="https://images.unsplash.com/photo-1598983062491-5934abe9fcf5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
304
+ alt="CBD Oil 1000mg" class="w-full h-full object-cover product-image transition duration-500">
305
+ <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300"></div>
306
+ <div class="quick-view absolute bottom-4 left-0 right-0 text-center">
307
+ <button class="bg-white text-emerald-900 px-6 py-2 rounded-full font-medium hover:bg-gray-100 transition">
308
+ Visualização Rápida
309
+ </button>
310
+ </div>
311
+ <div class="absolute top-4 left-4 flex flex-col space-y-2">
312
+ <span class="cbd-badge text-white text-xs font-bold px-2 py-1 rounded">
313
+ CBD 1000mg
314
+ </span>
315
+ <span class="premium-badge text-white text-xs font-bold px-2 py-1 rounded">
316
+ PREMIUM
317
+ </span>
318
+ </div>
319
  </div>
320
+ <div class="p-4">
321
+ <h3 class="font-bold text-lg mb-1">Óleo Full Spectrum</h3>
322
+ <p class="text-gray-600 text-sm mb-2">Alívio sem psicoatividade</p>
323
+ <div class="flex items-center">
324
+ <span class="text-lg font-bold">R$ 249,90</span>
325
+ </div>
326
  </div>
 
 
 
327
  </div>
328
 
329
  <!-- Product 3 -->
330
+ <div class="product-card bg-gray-50 rounded-lg overflow-hidden relative group">
331
+ <div class="relative overflow-hidden h-80">
332
+ <img src="https://images.unsplash.com/photo-1606313564200-1a0e12b43068?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80"
333
+ alt="Gummies Relax" class="w-full h-full object-cover product-image transition duration-500">
334
+ <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300"></div>
335
+ <div class="quick-view absolute bottom-4 left-0 right-0 text-center">
336
+ <button class="bg-white text-emerald-900 px-6 py-2 rounded-full font-medium hover:bg-gray-100 transition">
337
+ Visualização Rápida
338
+ </button>
339
+ </div>
340
+ <div class="absolute top-4 left-4 flex flex-col space-y-2">
341
+ <span class="thc-badge text-white text-xs font-bold px-2 py-1 rounded">
342
+ THC 10mg/un
343
+ </span>
344
+ <span class="organic-badge text-white text-xs font-bold px-2 py-1 rounded">
345
+ VEGANO
346
+ </span>
347
+ </div>
348
  </div>
349
+ <div class="p-4">
350
+ <h3 class="font-bold text-lg mb-1">Gummies Relax</h3>
351
+ <p class="text-gray-600 text-sm mb-2">Pacote com 20 unidades</p>
352
+ <div class="flex items-center">
353
+ <span class="text-lg font-bold">R$ 129,90</span>
354
+ </div>
355
  </div>
 
 
 
 
356
  </div>
357
 
358
  <!-- Product 4 -->
359
+ <div class="product-card bg-gray-50 rounded-lg overflow-hidden relative group">
360
+ <div class="relative overflow-hidden h-80">
361
+ <img src="https://images.unsplash.com/photo-1606312619470-1a0f5342b4e3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80"
362
+ alt="Vaporizador Pax" class="w-full h-full object-cover product-image transition duration-500">
363
+ <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300"></div>
364
+ <div class="quick-view absolute bottom-4 left-0 right-0 text-center">
365
+ <button class="bg-white text-emerald-900 px-6 py-2 rounded-full font-medium hover:bg-gray-100 transition">
366
+ Visualização Rápida
367
+ </button>
368
+ </div>
369
+ <div class="absolute top-4 left-4">
370
+ <span class="premium-badge text-white text-xs font-bold px-2 py-1 rounded">
371
+ TECNOLOGIA
372
+ </span>
373
+ </div>
374
  </div>
375
+ <div class="p-4">
376
+ <h3 class="font-bold text-lg mb-1">Vaporizador Pax 3</h3>
377
+ <p class="text-gray-600 text-sm mb-2">Discreto e portátil</p>
378
+ <div class="flex items-center">
379
+ <span class="text-lg font-bold">R$ 899,90</span>
380
+ <span class="text-sm text-gray-500 line-through ml-2">R$ 1.099,90</span>
381
+ </div>
382
+ </div>
383
+ </div>
384
+ </div>
385
+
386
+ <div class="text-center mt-12">
387
+ <a href="#" class="inline-block border-2 border-emerald-900 text-emerald-900 hover:bg-emerald-900 hover:text-white px-8 py-3 rounded-full font-bold transition">
388
+ VER TODOS OS PRODUTOS
389
+ </a>
390
+ </div>
391
+ </div>
392
+ </section>
393
+
394
+ <!-- Wellness Benefits -->
395
+ <section class="py-16 bg-emerald-50">
396
+ <div class="container mx-auto px-4">
397
+ <div class="text-center mb-12">
398
+ <h2 class="text-3xl font-bold mb-4">BENEFÍCIOS DO CANNABIS</h2>
399
+ <p class="text-lg text-gray-700">Descubra como a cannabis pode contribuir para seu bem-estar</p>
400
+ </div>
401
+
402
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
403
+ <!-- Benefit 1 -->
404
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition text-center">
405
+ <div class="w-16 h-16 mx-auto mb-4 bg-emerald-100 rounded-full flex items-center justify-center">
406
+ <i class="fas fa-brain text-2xl text-emerald-700"></i>
407
+ </div>
408
+ <h3 class="font-bold text-xl mb-2">Saúde Mental</h3>
409
+ <p class="text-gray-700">
410
+ Estudos mostram que o CBD pode ajudar no gerenciamento de ansiedade, estresse e qualidade do sono.
411
+ </p>
412
  </div>
413
 
414
+ <!-- Benefit 2 -->
415
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition text-center">
416
+ <div class="w-16 h-16 mx-auto mb-4 bg-emerald-100 rounded-full flex items-center justify-center">
417
+ <i class="fas fa-bone text-2xl text-emerald-700"></i>
 
 
418
  </div>
419
+ <h3 class="font-bold text-xl mb-2">Alívio da Dor</h3>
420
+ <p class="text-gray-700">
421
+ Eficaz no tratamento de dores crônicas, inflamações e condições como artrite e fibromialgia.
422
+ </p>
423
+ </div>
424
+
425
+ <!-- Benefit 3 -->
426
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition text-center">
427
+ <div class="w-16 h-16 mx-auto mb-4 bg-emerald-100 rounded-full flex items-center justify-center">
428
+ <i class="fas fa-heartbeat text-2xl text-emerald-700"></i>
429
  </div>
430
+ <h3 class="font-bold text-xl mb-2">Saúde Física</h3>
431
+ <p class="text-gray-700">
432
+ Pode auxiliar no controle de náuseas, estimular o apetite e ajudar em tratamentos como quimioterapia.
433
+ </p>
434
  </div>
435
  </div>
436
+
437
+ <div class="text-center mt-12">
438
+ <a href="#" class="inline-block bg-emerald-700 hover:bg-emerald-800 text-white px-8 py-3 rounded-full font-bold transition">
439
+ APRENDA MAIS NO NOSSO BLOG
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
440
  </a>
441
  </div>
442
  </div>
443
+ </section>
444
+
445
+ <!-- Sustainable Farming -->
446
+ <section class="py-16 parallax-section" style="background-image: url('https://images.unsplash.com/photo-1605000797499-95a51c5269ae?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2071&q=80');">
447
+ <div class="container mx-auto px-4">
448
+ <div class="max-w-2xl mx-auto bg-white bg-opacity-90 backdrop-filter backdrop-blur-sm rounded-xl p-8 shadow-lg">
449
+ <h2 class="text-3xl font-bold mb-6 text-center">CULTIVO SUSTENTÁVEL</h2>
450
+ <p class="text-gray-700 mb-4">
451
+ Na GreenLeaf, priorizamos práticas agrícolas regenerativas que respeitam o meio ambiente. Nossas plantas são cultivadas sem pesticidas sintéticos, usando apenas nutrientes orgânicos e controle biológico de pragas.
452
+ </p>
453
+ <p class="text-gray-700 mb-6">
454
+ Acreditamos que cannabis de qualidade começa com um solo saudável e práticas éticas de cultivo. Todos os nossos produtos passam por rigorosos testes de laboratório para garantir pureza e potência.
455
+ </p>
456
+ <div class="text-center">
457
+ <a href="#" class="inline-block bg-emerald-700 hover:bg-emerald-800 text-white px-8 py-3 rounded-full font-bold transition">
458
+ CONHEÇA NOSSO PROCESSO
459
+ </a>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </section>
464
+
465
+ <!-- Testimonials -->
466
+ <section class="py-16 bg-gray-100">
467
+ <div class="container mx-auto px-4">
468
+ <div class="text-center mb-12">
469
+ <h2 class="text-3xl font-bold mb-4">DEPOIMENTOS VERIFICADOS</h2>
470
+ <div class="w-20 h-1 bg-emerald-600 mx-auto"></div>
471
  </div>
472
+
473
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
474
+ <!-- Testimonial 1 -->
475
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
476
+ <div class="flex items-center mb-4">
477
+ <div class="text-yellow-400 text-xl">
478
+ <i class="fas fa-star"></i>
479
+ <i class="fas fa-star"></i>
480
+ <i class="fas fa-star"></i>
481
+ <i class="fas fa-star"></i>
482
+ <i class="fas fa-star"></i>
483
+ </div>
484
  </div>
485
+ <p class="text-gray-700 mb-4">
486
+ "O óleo de CBD mudou minha vida. Depois de anos sofrendo com ansiedade, finalmente encontrei alívio sem efeitos colaterais."
487
+ </p>
488
+ <div class="flex items-center">
489
+ <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Ana Santos" class="w-10 h-10 rounded-full mr-3">
490
+ <div>
491
+ <h4 class="font-bold">Ana Santos</h4>
492
+ <p class="text-gray-600 text-sm">Cliente desde 2022</p>
493
+ </div>
 
 
 
 
 
494
  </div>
 
 
 
 
 
 
 
495
  </div>
496
 
497
+ <!-- Testimonial 2 -->
498
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
499
+ <div class="flex items-center mb-4">
500
+ <div class="text-yellow-400 text-xl">
501
+ <i class="fas fa-star"></i>
502
+ <i class="fas fa-star"></i>
503
+ <i class="fas fa-star"></i>
504
+ <i class="fas fa-star"></i>
505
+ <i class="fas fa-star-half-alt"></i>
506
+ </div>
507
+ </div>
508
+ <p class="text-gray-700 mb-4">
509
+ "A qualidade das flores é incomparável. Frescor, aroma e efeito consistentes. Minha fonte confiável para cannabis medicinal."
510
+ </p>
511
+ <div class="flex items-center">
512
+ <img src="https://randomuser.me/api/portraits/men/44.jpg" alt="Carlos Mendes" class="w-10 h-10 rounded-full mr-3">
513
+ <div>
514
+ <h4 class="font-bold">Carlos Mendes</h4>
515
+ <p class="text-gray-600 text-sm">Paciente medicinal</p>
516
+ </div>
517
  </div>
 
 
 
 
 
 
 
518
  </div>
519
 
520
+ <!-- Testimonial 3 -->
521
+ <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition">
522
+ <div class="flex items-center mb-4">
523
+ <div class="text-yellow-400 text-xl">
524
+ <i class="fas fa-star"></i>
525
+ <i class="fas fa-star"></i>
526
+ <i class="fas fa-star"></i>
527
+ <i class="fas fa-star"></i>
528
+ <i class="fas fa-star"></i>
529
+ </div>
530
+ </div>
531
+ <p class="text-gray-700 mb-4">
532
+ "Atendimento excepcional e produtos de altíssima qualidade. Os gummies são perfeitos para dosagem precisa e discreta."
533
+ </p>
534
+ <div class="flex items-center">
535
+ <img src="https://randomuser.me/api/portraits/women/75.jpg" alt="Juliana Oliveira" class="w-10 h-10 rounded-full mr-3">
536
+ <div>
537
+ <h4 class="font-bold">Juliana Oliveira</h4>
538
+ <p class="text-gray-600 text-sm">Cliente premium</p>
539
+ </div>
540
  </div>
 
 
 
 
 
 
 
541
  </div>
542
  </div>
543
  </div>
544
+ </section>
545
+
546
+ <!-- Newsletter -->
547
+ <section class="py-16 bg-emerald-900 text-white">
548
+ <div class="container mx-auto px-4">
549
+ <div class="max-w-3xl mx-auto text-center">
550
+ <h2 class="text-3xl font-bold mb-4">JUNTE-SE À NOSSA COMUNIDADE</h2>
551
+ <p class="text-emerald-200 mb-8">
552
+ Cadastre-se para receber conteúdos exclusivos, ofertas especiais e as últimas novidades sobre cannabis medicinal e wellness.
553
+ </p>
554
+ <form class="flex flex-col md:flex-row gap-4 max-w-xl mx-auto">
555
+ <input type="email" placeholder="Seu melhor e-mail"
556
+ class="flex-1 px-4 py-3 rounded-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-emerald-500">
557
+ <button type="submit"
558
+ class="bg-emerald-600 hover:bg-emerald-700 px-6 py-3 rounded-full font-bold transition transform hover:scale-105">
559
+ ASSINAR
560
+ </button>
561
+ </form>
562
+ <p class="text-emerald-300 text-sm mt-4">
563
+ Respeitamos sua privacidade. Consulte nossa <a href="#" class="text-white hover:underline">Política de Privacidade</a>.
564
+ </p>
565
+ </div>
566
+ </div>
567
+ </section>
568
 
569
  <!-- Footer -->
570
+ <footer class="bg-gray-900 text-white py-12">
571
  <div class="container mx-auto px-4">
572
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
573
  <div>
574
+ <h3 class="text-xl font-bold mb-4">GREENLEAF COLLECTIVE</h3>
575
+ <p class="text-gray-400 mb-4">
576
+ Tecnologia e natureza trabalhando juntas para seu bem-estar.
577
+ </p>
578
+ <div class="flex space-x-4">
579
+ <a href="#" class="text-gray-400 hover:text-white transition">
580
+ <i class="fab fa-facebook-f"></i>
581
+ </a>
582
+ <a href="#" class="text-gray-400 hover:text-white transition">
583
+ <i class="fab fa-instagram"></i>
584
+ </a>
585
+ <a href="#" class="text-gray-400 hover:text-white transition">
586
+ <i class="fab fa-twitter"></i>
587
+ </a>
588
+ <a href="#" class="text-gray-400 hover:text-white transition">
589
+ <i class="fab fa-youtube"></i>
590
+ </a>
591
+ </div>
592
  </div>
593
+
594
  <div>
595
+ <h4 class="font-bold mb-4">PRODUTOS</h4>
596
+ <ul class="space-y-2">
597
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Flores</a></li>
598
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Concentrados</a></li>
599
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Edibles</a></li>
600
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Acessórios</a></li>
601
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Kits Wellness</a></li>
602
  </ul>
603
  </div>
604
+
605
  <div>
606
+ <h4 class="font-bold mb-4">INFORMAÇÕES</h4>
607
+ <ul class="space-y-2">
608
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Blog Educativo</a></li>
609
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Guia de Dosagem</a></li>
610
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Perguntas Frequentes</a></li>
611
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Termos de Serviço</a></li>
612
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Política de Privacidade</a></li>
613
+ </ul>
 
614
  </div>
615
+
616
  <div>
617
+ <h4 class="font-bold mb-4">ATENDIMENTO</h4>
618
+ <ul class="space-y-2 text-gray-400">
619
+ <li class="flex items-start">
620
+ <i class="fas fa-map-marker-alt mt-1 mr-2"></i>
621
+ <span>Av. das Flores, 420 - São Paulo/SP</span>
622
+ </li>
623
+ <li class="flex items-center">
624
+ <i class="fas fa-phone-alt mr-2"></i>
625
+ <span>(11) 4200-6969</span>
626
+ </li>
627
+ <li class="flex items-center">
628
+ <i class="fas fa-envelope mr-2"></i>
629
+ <span>[email protected]</span>
630
+ </li>
631
+ <li class="flex items-center">
632
+ <i class="fas fa-clock mr-2"></i>
633
+ <span>Seg-Sex: 9h-18h</span>
634
+ </li>
635
+ <li class="flex items-center">
636
+ <i class="fab fa-trello mr-2"></i>
637
+ <a href="https://trello.com/b/2aGtz8Ds/ecommerce2" target="_blank" class="text-gray-400 hover:text-white transition">
638
+ Nosso Trello
639
  </a>
640
+ </li>
641
+ </ul>
 
 
 
642
  </div>
643
  </div>
644
+
645
+ <div class="border-t border-gray-800 pt-8">
646
+ <div class="flex flex-col md:flex-row justify-between items-center">
647
+ <div class="mb-4 md:mb-0">
648
+ <p class="text-gray-400 text-sm">
649
+ © 2024 GreenLeaf Collective. Todos os direitos reservados.
650
+ </p>
651
+ <p class="text-gray-500 text-xs mt-1">
652
+ A venda de cannabis é restrita a maiores de 21 anos. Consulte a legislação da sua região.
653
+ </p>
654
+ </div>
655
+ <div class="flex space-x-6">
656
+ <img src="https://via.placeholder.com/40x25?text=Visa" alt="Visa" class="h-6">
657
+ <img src="https://via.placeholder.com/40x25?text=Master" alt="Mastercard" class="h-6">
658
+ <img src="https://via.placeholder.com/40x25?text=BTC" alt="Bitcoin" class="h-6">
659
+ <img src="https://via.placeholder.com/40x25?text=Pix" alt="Pix" class="h-6">
660
+ </div>
661
+ </div>
662
  </div>
663
  </div>
664
  </footer>
665
 
666
+ <!-- Floating WhatsApp -->
667
+ <a href="#" class="fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white rounded-full p-4 shadow-xl transition transform hover:scale-110 z-50">
668
+ <i class="fab fa-whatsapp text-2xl"></i>
669
+ </a>
670
+
671
+ <!-- Back to Top -->
672
+ <a href="#" id="backToTop" class="fixed bottom-24 right-6 bg-emerald-700 hover:bg-emerald-800 text-white rounded-full p-3 shadow-xl transition transform hover:scale-110 z-50 hidden">
673
+ <i class="fas fa-arrow-up"></i>
674
+ </a>
675
+
676
+ <script>
677
+ // Age Verification
678
+ const ageVerified = localStorage.getItem('ageVerified');
679
+ const ageVerification = document.getElementById('ageVerification');
680
+ const verifyAge = document.getElementById('verifyAge');
681
+ const exitSite = document.getElementById('exitSite');
682
+
683
+ if (!ageVerified) {
684
+ ageVerification.classList.remove('hidden');
685
+ document.body.style.overflow = 'hidden';
686
+ }
687
+
688
+ verifyAge.addEventListener('click', () => {
689
+ localStorage.setItem('ageVerified', 'true');
690
+ ageVerification.classList.add('hidden');
691
+ document.body.style.overflow = '';
692
+ });
693
+
694
+ exitSite.addEventListener('click', () => {
695
+ window.location.href = 'https://www.google.com';
696
+ });
697
+
698
+ // Mobile Menu Toggle
699
+ const mobileMenuButton = document.getElementById('mobileMenuButton');
700
+ const mobileMenu = document.getElementById('mobileMenu');
701
+ const closeMobileMenu = document.getElementById('closeMobileMenu');
702
+
703
+ mobileMenuButton.addEventListener('click', () => {
704
+ mobileMenu.classList.remove('hidden');
705
+ document.body.style.overflow = 'hidden';
706
+ });
707
+
708
+ closeMobileMenu.addEventListener('click', () => {
709
+ mobileMenu.classList.add('hidden');
710
+ document.body.style.overflow = '';
711
+ });
712
+
713
+ // Navbar Scroll Effect
714
+ window.addEventListener('scroll', () => {
715
+ const nav = document.getElementById('mainNav');
716
+ if (window.scrollY > 50) {
717
+ nav.classList.add('nav-scrolled');
718
+ } else {
719
+ nav.classList.remove('nav-scrolled');
720
+ }
721
+
722
+ // Back to Top Button
723
+ const backToTop = document.getElementById('backToTop');
724
+ if (window.scrollY > 300) {
725
+ backToTop.classList.remove('hidden');
726
+ } else {
727
+ backToTop.classList.add('hidden');
728
+ }
729
+ });
730
+
731
+ // Smooth Scrolling
732
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
733
+ anchor.addEventListener('click', function(e) {
734
+ e.preventDefault();
735
+
736
+ const targetId = this.getAttribute('href');
737
+ if (targetId === '#') return;
738
+
739
+ const targetElement = document.querySelector(targetId);
740
+ if (targetElement) {
741
+ window.scrollTo({
742
+ top: targetElement.offsetTop - 80,
743
+ behavior: 'smooth'
744
+ });
745
+
746
+ // Close mobile menu if open
747
+ if (!mobileMenu.classList.contains('hidden')) {
748
+ mobileMenu.classList.add('hidden');
749
+ document.body.style.overflow = '';
750
+ }
751
+ }
752
+ });
753
+ });
754
+
755
+ // Product Image Zoom Effect
756
+ document.querySelectorAll('.product-image').forEach(image => {
757
+ image.addEventListener('mousemove', (e) => {
758
+ const { left, top, width, height } = image.getBoundingClientRect();
759
+ const x = (e.clientX - left) / width * 100;
760
+ const y = (e.clientY - top) / height * 100;
761
+ image.style.transformOrigin = `${x}% ${y}%`;
762
+ });
763
+ });
764
+ </script>
765
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=R87/pecas" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
766
  </html>
prompts.txt CHANGED
@@ -1,2 +1,5 @@
1
  CRIA UM SITE DE PEÇAS DE CARRO ESTILO O MERCADOLIVRE
2
- ADD IMAGEM EFEITO FX E ZOOM DE VIDA AO SITE
 
 
 
 
1
  CRIA UM SITE DE PEÇAS DE CARRO ESTILO O MERCADOLIVRE
2
+ ADD IMAGEM EFEITO FX E ZOOM DE VIDA AO SITE
3
+ Estrutura e Layout: Página Inicial: Hero Section: Banner em fullscreen com animação suave, destaque para uma promoção ou lançamento (ex: "Coleção Outono 2024"). Menu de Navegação: Cabeçalho fixo com categorias (Homem, Mulher, Crianças, Esportes, Ofertas). Seção de Produtos em Destaque: Grade de produtos com cards interativos (hover com zoom e detalhes rápidos). Promoções: Seção de descontos com contador regressivo para ofertas relâmpago. Sobre a Marca: Texto curto com valores da empresa (ex: sustentabilidade, inovação). Páginas de Categoria (ex: Tênis, Roupas): Filtros laterais (tamanho, cor, preço, esporte). Visualização em grade ou lista. Ordenação por relevância, preço ou lançamentos. Página de Produto: Imagens em alta resolução com galeria (360° se possível). Descrição detalhada, especificações técnicas e tabela de tamanhos. Botões de "Adicionar ao Carrinho" e "Comprar Agora". Avaliações e comentários dos clientes. Carrinho e Checkout: Resumo do pedido com opção de editar quantidades. Cálculo automático de frete. Opções de pagamento (cartão, PayPal, PIX). Campo para cupons de desconto. Conta do Usuário: Login/Cadastro (incluindo opção por redes sociais). Painel com histórico de pedidos, favoritos e endereços salvos. Blog/Notícias: Artigos sobre esportes, lifestyle e lançamentos. Integração com redes sociais (Instagram, Twitter). Contato: Formulário de contato, FAQ e chat online. Localização de lojas físicas com mapa interativo. Design e Identidade Visual: Cores: Preto, branco e vermelho (paleta da Nike). Tipografia: Fonte sans-serif moderna (ex: Helvetica, Futura). Elementos Gráficos: Ícones minimalistas, overlays em camadas e efeitos de parallax. Responsividade: Otimizado para mobile e tablets. Funcionalidades Técnicas: CMS: Gerenciamento de conteúdo para atualização de produtos e blog. SEO: Meta tags, URLs amigáveis e otimização de imagens. Performance: Tempo de carregamento rápido (< 2 segundos). Segurança: Certificado SSL, proteção contra ataques e dados criptografados. Extras: Animações: Transições suaves entre páginas e microinterações (ex: botões vibrantes). Personalização: Opção de customizar produtos (ex: escolher cores de tênis). Notificações: Alertas de estoque baixo ou promoções por e-mail/SMS. Exemplo de Conteúdo: Produtos Fictícios: "Nike Air Max 2024", "Jaqueta ThermaFit", "Meia de Performance". Blog: "Como escolher o tênis ideal para corrida" ou "Tendências de moda esportiva 2024". Observação: Evite usar logos, slogans ou imagens reais da Nike para não infringir direitos autorais. Mantenha a identidade visual inspirada, mas original. Pronto! Este prompt pode ser usado como base para desenvolver o site em ferramentas como Figma (protótipo), WordPress (com WooCommerce) ou frameworks como React.js + Next.js.
4
+ Prompt Adaptado para um Site de Vendas de Cannabis (Estilo Nike) Objetivo: Desenvolver um site moderno, profissional e seguro para venda de produtos de cannabis (como flores, óleos, acessórios ou produtos de wellness), inspirado no design minimalista e na experiência de usuário da Nike, mas adaptado às particularidades do setor. Estrutura e Layout: Página Inicial: Hero Section: Vídeo ou imagens de alta qualidade mostrando produtos, lifestyle saudável ou agricultura sustentável. Chamada clara como "Descubra o poder da natureza" ou "Qualidade que você confia" . Menu de Navegação: Categorias: Flores , Concentrados , Edíveis , Acessórios , Promoções . Botão de Verificação de Idade (obrigatória para acesso). Seção de Produtos em Destaque: Cards com imagens profissionais, preços e selos como "Orgânico" ou "Premiado" . Seção Educativa: Links para guias sobre uso responsável, benefícios terapêuticos ou segurança. Páginas de Categoria: Filtros por tipo de produto, THC/CBD, marca, preço e uso (medicinal/recreativo). Descrições técnicas detalhadas (ex: teor de cannabinoides, origem da planta). Página de Produto: Galeria de imagens ou vídeos explicativos. Informações sobre cultivo, aroma, efeitos e dosagem recomendada. Botão "Adicionar ao Carrinho" e opção de "Consultar um Especialista" . Avaliações de clientes verificados. Carrinho e Checkout: Cálculo de impostos e frete com base na região. Opções de pagamento seguras (cartão, criptomoedas, transferência). Aviso legal sobre restrições de envio e idade mínima. Blog/Recursos: Artigos sobre cannabis e saúde, receitas com edíveis, notícias do setor. Vídeos educativos com profissionais da saúde ou cultivadores. Segurança e Compliance: Verificação de idade na entrada do site. Pop-up de consentimento para termos de uso e privacidade. Sistema de autenticação de dois fatores para pedidos. Design e Identidade Visual (Estilo Nike): Cores: Tons terrosos (verde-esmeralda, bege, dourado) combinados com preto e branco. Tipografia: Fontes modernas e limpas (ex: Montserrat ou Raleway ). Elementos Gráficos: Ícones minimalistas para categorias (ex: folha de cannabis estilizada). Animações suaves para transições e interações. Funcionalidades Técnicas: Idioma e Localização: Suporte a múltiplos idiomas e moedas. SEO: Otimização para termos como "comprar cannabis orgânica" ou "produtos CBD" . Segurança: Certificado SSL e criptografia de dados. Sistema antifraude para transações. Integrações: Parceria com laboratórios para certificação de qualidade. API de rastreamento de pedidos. Diferenciais (Adaptados ao Nicho): Programa de Fidelidade: Pontos por compras, resgatáveis em descontos ou produtos exclusivos. Assinaturas Mensais: Kits personalizados de wellness com cannabis. Área de Parceiros: Para médicos, cultivadores ou revendedores autorizados. Aviso Legal Obrigatório: Incluir cláusulas como: "Este site não incentiva o uso irresponsável de cannabis. A venda é restrita a maiores de 21 anos e segue as leis locais." Link para políticas de privacidade e termos de uso detalhados. Dica Final: Se a legislação da sua região ainda não permite a venda online, adapte o site para ser um hub educativo ou blog de lifestyle , gerando engajamento até que a regulamentação avance. Mantenha a marca alinhada a valores como saúde, sustentabilidade e transparência, seguindo o exemplo de empresas como a Curaleaf ou Canopy Growth . Copiar Pergunte Explique
5
+ CRIAR https://trello.com/b/2aGtz8Ds/ecommerce2