Hugging Face's logo

Spaces:
antocarloss
/
testeweb-bp
Running

App Files Community
antocarloss commited on
Commit
e0f0d43
路
verified 路
1 Parent(s): 4ca40de

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +152 -183
  2. prompts.txt +1 -0
index.html CHANGED
@@ -49,6 +49,18 @@
49
  border-radius: 3px;
50
  transition: width 0.4s ease;
51
  }
 
 
 
 
 
 
 
 
 
 
 
 
52
  </style>
53
  </head>
54
  <body class="font-sans bg-gray-50">
@@ -223,7 +235,7 @@
223
  <div class="container mx-auto px-4">
224
  <div class="text-center mb-16">
225
  <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Invista em Gado Nelore</h2>
226
- <p class="text-xl text-gray-600 max-w-3xl mx-auto">Escolha a modalidade que melhor se adapta ao seu perfil de investidor.</p>
227
  </div>
228
 
229
  <!-- Investment Form -->
@@ -232,154 +244,120 @@
232
  <div class="mb-8">
233
  <div class="flex justify-between mb-2">
234
  <span class="text-sm font-medium text-gray-700">Progresso</span>
235
- <span class="text-sm font-medium text-gray-700"><span id="current-step">1</span>/4</span>
236
  </div>
237
  <div class="progress-bar">
238
- <div class="progress" id="form-progress" style="width: 25%"></div>
239
  </div>
240
  </div>
241
 
242
- <!-- Step 1: Choose Investment Type -->
243
  <div class="form-step active" id="step-1">
244
- <h3 class="text-2xl font-bold text-gray-800 mb-6">Selecione o Tipo de Investimento</h3>
245
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
246
- <div class="animal-card">
247
- <input type="radio" name="investment-type" id="type-basic" class="hidden peer" value="basic">
248
- <label for="type-basic" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
249
- <div class="text-center mb-4">
250
- <i class="fas fa-cow text-4xl text-amber-700"></i>
251
- </div>
252
- <h4 class="text-xl font-bold text-center text-gray-800 mb-2">Cota Individual</h4>
253
- <p class="text-gray-600 text-center">Investimento a partir de R$ 5.000 em um animal</p>
254
- </label>
255
- </div>
256
- <div class="animal-card">
257
- <input type="radio" name="investment-type" id="type-premium" class="hidden peer" value="premium" checked>
258
- <label for="type-premium" class="block p-6 border-2 border-amber-700 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
259
- <div class="text-center mb-4">
260
- <i class="fas fa-cow text-4xl text-amber-700"></i>
261
- <i class="fas fa-cow text-4xl text-amber-700"></i>
262
- <i class="fas fa-cow text-4xl text-amber-700"></i>
263
- </div>
264
- <h4 class="text-xl font-bold text-center text-gray-800 mb-2">Cota em Lote</h4>
265
- <p class="text-gray-600 text-center">Investimento a partir de R$ 20.000 em um lote de animais</p>
266
- </label>
267
- </div>
268
- <div class="animal-card">
269
- <input type="radio" name="investment-type" id="type-enterprise" class="hidden peer" value="enterprise">
270
- <label for="type-enterprise" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
271
- <div class="text-center mb-4">
272
- <i class="fas fa-tractor text-4xl text-amber-700"></i>
273
- </div>
274
- <h4 class="text-xl font-bold text-center text-gray-800 mb-2">Cota Empresarial</h4>
275
- <p class="text-gray-600 text-center">Investimento a partir de R$ 100.000 com benef铆cios exclusivos</p>
276
- </label>
277
- </div>
278
- </div>
279
- <div class="mt-8 text-right">
280
- <button type="button" onclick="nextStep()" class="btn-primary py-3 px-8 rounded-full text-white font-bold text-lg">Pr贸ximo</button>
281
- </div>
282
- </div>
283
-
284
- <!-- Step 2: Choose Investment Amount -->
285
- <div class="form-step" id="step-2">
286
- <h3 class="text-2xl font-bold text-gray-800 mb-6">Selecione o Valor do Investimento</h3>
287
 
288
- <div id="basic-options" class="investment-options hidden">
289
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
290
- <div class="animal-card">
291
- <input type="radio" name="investment-amount" id="amount-basic-1" class="hidden peer" value="5000">
292
- <label for="amount-basic-1" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
293
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 5.000</h4>
294
- <p class="text-gray-600 text-center">1 animal equivalente</p>
295
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 6.100</p>
296
- </label>
 
 
297
  </div>
298
- <div class="animal-card">
299
- <input type="radio" name="investment-amount" id="amount-basic-2" class="hidden peer" value="10000">
300
- <label for="amount-basic-2" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
301
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 10.000</h4>
302
- <p class="text-gray-600 text-center">2 animais equivalentes</p>
303
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 12.200</p>
304
- </label>
305
  </div>
306
- <div class="animal-card">
307
- <input type="radio" name="investment-amount" id="amount-basic-3" class="hidden peer" value="15000">
308
- <label for="amount-basic-3" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
309
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 15.000</h4>
310
- <p class="text-gray-600 text-center">3 animais equivalentes</p>
311
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 18.300</p>
312
- </label>
313
  </div>
314
  </div>
315
- </div>
316
-
317
- <div id="premium-options" class="investment-options">
318
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
319
- <div class="animal-card">
320
- <input type="radio" name="investment-amount" id="amount-premium-1" class="hidden peer" value="20000" checked>
321
- <label for="amount-premium-1" class="block p-6 border-2 border-amber-700 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
322
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 20.000</h4>
323
- <p class="text-gray-600 text-center">5 animais equivalentes</p>
324
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 24.400</p>
325
- </label>
 
 
326
  </div>
327
- <div class="animal-card">
328
- <input type="radio" name="investment-amount" id="amount-premium-2" class="hidden peer" value="40000">
329
- <label for="amount-premium-2" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
330
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 40.000</h4>
331
- <p class="text-gray-600 text-center">10 animais equivalentes</p>
332
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 48.800</p>
333
- </label>
 
 
 
334
  </div>
335
- <div class="animal-card">
336
- <input type="radio" name="investment-amount" id="amount-premium-3" class="hidden peer" value="60000">
337
- <label for="amount-premium-3" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
338
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 60.000</h4>
339
- <p class="text-gray-600 text-center">15 animais equivalentes</p>
340
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 73.200</p>
341
- </label>
342
  </div>
343
  </div>
344
- </div>
345
-
346
- <div id="enterprise-options" class="investment-options hidden">
347
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
348
- <div class="animal-card">
349
- <input type="radio" name="investment-amount" id="amount-enterprise-1" class="hidden peer" value="100000">
350
- <label for="amount-enterprise-1" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
351
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 100.000</h4>
352
- <p class="text-gray-600 text-center">25 animais equivalentes</p>
353
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 122.000</p>
354
- </label>
 
 
 
 
 
 
 
 
 
355
  </div>
356
- <div class="animal-card">
357
- <input type="radio" name="investment-amount" id="amount-enterprise-2" class="hidden peer" value="200000">
358
- <label for="amount-enterprise-2" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
359
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 200.000</h4>
360
- <p class="text-gray-600 text-center">50 animais equivalentes</p>
361
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 244.000</p>
362
- </label>
363
  </div>
364
- <div class="animal-card">
365
- <input type="radio" name="investment-amount" id="amount-enterprise-3" class="hidden peer" value="300000">
366
- <label for="amount-enterprise-3" class="block p-6 border-2 border-gray-200 rounded-lg cursor-pointer peer-checked:border-amber-700 peer-checked:bg-amber-50">
367
- <h4 class="text-2xl font-bold text-center text-gray-800 mb-2">R$ 300.000</h4>
368
- <p class="text-gray-600 text-center">75 animais equivalentes</p>
369
- <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 366.000</p>
370
- </label>
371
  </div>
372
  </div>
373
  </div>
374
 
375
- <div class="mt-8 flex justify-between">
376
- <button type="button" onclick="prevStep()" class="bg-gray-200 py-3 px-8 rounded-full text-gray-800 font-bold text-lg">Voltar</button>
377
  <button type="button" onclick="nextStep()" class="btn-primary py-3 px-8 rounded-full text-white font-bold text-lg">Pr贸ximo</button>
378
  </div>
379
  </div>
380
 
381
- <!-- Step 3: Personal Information -->
382
- <div class="form-step" id="step-3">
383
  <h3 class="text-2xl font-bold text-gray-800 mb-6">Seus Dados</h3>
384
 
385
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -412,31 +390,31 @@
412
  </div>
413
  </div>
414
 
415
- <!-- Step 4: Review and Submit -->
416
- <div class="form-step" id="step-4">
417
  <h3 class="text-2xl font-bold text-gray-800 mb-6">Confirme seu Investimento</h3>
418
 
419
  <div class="bg-gray-50 p-6 rounded-lg mb-6">
420
  <h4 class="text-lg font-bold text-gray-800 mb-4">Resumo do Investimento</h4>
421
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
422
  <div>
423
- <p class="text-gray-600">Tipo de Cota:</p>
424
- <p class="font-medium" id="review-type">Cota em Lote</p>
425
  </div>
426
  <div>
427
  <p class="text-gray-600">Valor do Investimento:</p>
428
- <p class="font-medium" id="review-amount">R$ 20.000</p>
429
  </div>
430
  <div>
431
- <p class="text-gray-600">Quantidade de Animais:</p>
432
- <p class="font-medium" id="review-animals">5</p>
433
  </div>
434
  <div>
435
- <p class="text-gray-600">Retorno Estimado:</p>
436
- <p class="font-medium" id="review-return">R$ 24.400</p>
437
  </div>
438
  </div>
439
- </div>
440
 
441
  <div class="bg-gray-50 p-6 rounded-lg">
442
  <h4 class="text-lg font-bold text-gray-800 mb-4">Seus Dados</h4>
@@ -714,7 +692,7 @@
714
  <i class="fas fa-chevron-down text-amber-700"></i>
715
  </button>
716
  <div class="mt-4 text-gray-600">
717
- <p>Sim! Investidores das cotas Premium e Empresarial t锚m direito a visitas agendadas. Para cotas B谩sicas, oferecemos visitas coletivas peri贸dicas. Todas as visitas s茫o acompanhadas por nosso time t茅cnico que explica todo o processo de engorda.</p>
718
  </div>
719
  </div>
720
  <div class="mb-6 border-b border-gray-200 pb-6">
@@ -870,11 +848,11 @@
870
  <div>
871
  <h4 class="text-lg font-bold mb-4">Investimento</h4>
872
  <ul class="space-y-2">
873
- <li><a href="#" class="text-gray-400 hover:text-amber-700">Cota Individual</a></li>
874
- <li><a href="#" class="text-gray-400 hover:text-amber-700">Cota em Lote</a></li>
875
- <li><a href="#" class="text-gray-400 hover:text-amber-700">Cota Empresarial</a></li>
876
- <li><a href="#" class="text-gray-400 hover:text-amber-700">Perguntas Frequentes</a></li>
877
- <li><a href="#" class="text-gray-400 hover:text-amber-700">Termos e Condi莽玫es</a></li>
878
  </ul>
879
  </div>
880
  <div>
@@ -903,7 +881,10 @@
903
  <script>
904
  // Form steps functionality
905
  let currentStep = 1;
906
- const totalSteps = 4;
 
 
 
907
 
908
  function showStep(step) {
909
  document.querySelectorAll('.form-step').forEach(el => {
@@ -920,7 +901,7 @@
920
  document.getElementById('current-step').textContent = step;
921
 
922
  // Update review section if on last step
923
- if(step === 4) {
924
  updateReviewSection();
925
  }
926
  }
@@ -939,51 +920,32 @@
939
  }
940
  }
941
 
942
- function submitForm() {
943
- // Here you would normally submit the form to your backend
944
- // For demo purposes, we'll just show the success message
945
- document.getElementById('step-4').classList.add('hidden');
946
- document.getElementById('success-message').classList.remove('hidden');
947
- }
948
-
949
- // Investment type selection
950
- document.querySelectorAll('input[name="investment-type"]').forEach(radio => {
951
- radio.addEventListener('change', function() {
952
- document.querySelectorAll('.investment-options').forEach(el => {
953
- el.classList.add('hidden');
954
- });
955
-
956
- document.getElementById(`${this.value}-options`).classList.remove('hidden');
957
  });
958
- });
959
-
960
- // Update review section with form data
961
- function updateReviewSection() {
962
- // Get selected investment type
963
- const selectedType = document.querySelector('input[name="investment-type"]:checked').value;
964
- let typeText = '';
965
-
966
- if(selectedType === 'basic') typeText = 'Cota Individual';
967
- else if(selectedType === 'premium') typeText = 'Cota em Lote';
968
- else typeText = 'Cota Empresarial';
969
-
970
- document.getElementById('review-type').textContent = typeText;
971
-
972
- // Get selected amount
973
- const selectedAmount = document.querySelector('input[name="investment-amount"]:checked').value;
974
- document.getElementById('review-amount').textContent = `R$ ${Number(selectedAmount).toLocaleString('pt-BR')}`;
975
 
976
- // Calculate animals based on amount
977
- let animals = 0;
978
- if(selectedType === 'basic') animals = selectedAmount / 5000;
979
- else if(selectedType === 'premium') animals = selectedAmount / 4000;
980
- else animals = selectedAmount / 4000;
981
 
982
- document.getElementById('review-animals').textContent = Math.round(animals);
 
 
 
 
 
 
 
 
 
 
 
 
983
 
984
- // Calculate estimated return (22% for demo purposes)
985
- const estimatedReturn = selectedAmount * 1.22;
986
- document.getElementById('review-return').textContent = `R$ ${Math.round(estimatedReturn).toLocaleString('pt-BR')}`;
987
 
988
  // Get personal info
989
  document.getElementById('review-name').textContent = document.getElementById('name').value || '-';
@@ -992,6 +954,13 @@
992
  document.getElementById('review-cpf').textContent = document.getElementById('cpf').value || '-';
993
  }
994
 
 
 
 
 
 
 
 
995
  // FAQ toggle functionality
996
  document.querySelectorAll('#faq button').forEach(button => {
997
  button.addEventListener('click', () => {
 
49
  border-radius: 3px;
50
  transition: width 0.4s ease;
51
  }
52
+ .investment-option {
53
+ border: 2px solid #e5e7eb;
54
+ border-radius: 0.5rem;
55
+ transition: all 0.3s ease;
56
+ }
57
+ .investment-option:hover {
58
+ border-color: #d97706;
59
+ }
60
+ .investment-option.selected {
61
+ border-color: #d97706;
62
+ background-color: #fef3c7;
63
+ }
64
  </style>
65
  </head>
66
  <body class="font-sans bg-gray-50">
 
235
  <div class="container mx-auto px-4">
236
  <div class="text-center mb-16">
237
  <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Invista em Gado Nelore</h2>
238
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Escolha a quantidade de cotas que deseja adquirir.</p>
239
  </div>
240
 
241
  <!-- Investment Form -->
 
244
  <div class="mb-8">
245
  <div class="flex justify-between mb-2">
246
  <span class="text-sm font-medium text-gray-700">Progresso</span>
247
+ <span class="text-sm font-medium text-gray-700"><span id="current-step">1</span>/3</span>
248
  </div>
249
  <div class="progress-bar">
250
+ <div class="progress" id="form-progress" style="width: 33%"></div>
251
  </div>
252
  </div>
253
 
254
+ <!-- Step 1: Choose Investment Amount -->
255
  <div class="form-step active" id="step-1">
256
+ <h3 class="text-2xl font-bold text-gray-800 mb-6">Selecione a Quantidade de Cotas</h3>
257
+ <p class="text-gray-600 mb-6">Cada cota equivale a R$ 3.560,00 e representa uma participa莽茫o no lote de animais.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
 
259
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
260
+ <!-- 1 Cota -->
261
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment(1)">
262
+ <div class="text-center mb-4">
263
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
264
+ </div>
265
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">1 Cota</h4>
266
+ <p class="text-gray-600 text-center">Valor: R$ 3.560,00</p>
267
+ <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 4.343,20</p>
268
+ <div class="mt-4 text-center">
269
+ <span class="text-sm text-amber-700">Rentabilidade: 22%</span>
270
  </div>
271
+ </div>
272
+
273
+ <!-- 2 Cotas -->
274
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment(2)">
275
+ <div class="text-center mb-4">
276
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
277
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
278
  </div>
279
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">2 Cotas</h4>
280
+ <p class="text-gray-600 text-center">Valor: R$ 7.120,00</p>
281
+ <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 8.686,40</p>
282
+ <div class="mt-4 text-center">
283
+ <span class="text-sm text-amber-700">Rentabilidade: 22%</span>
 
 
284
  </div>
285
  </div>
286
+
287
+ <!-- 3 Cotas -->
288
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment(3)">
289
+ <div class="text-center mb-4">
290
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
291
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
292
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
293
+ </div>
294
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">3 Cotas</h4>
295
+ <p class="text-gray-600 text-center">Valor: R$ 10.680,00</p>
296
+ <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 13.029,60</p>
297
+ <div class="mt-4 text-center">
298
+ <span class="text-sm text-amber-700">Rentabilidade: 22%</span>
299
  </div>
300
+ </div>
301
+
302
+ <!-- 5 Cotas -->
303
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment(5)">
304
+ <div class="text-center mb-4">
305
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
306
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
307
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
308
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
309
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
310
  </div>
311
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">5 Cotas</h4>
312
+ <p class="text-gray-600 text-center">Valor: R$ 17.800,00</p>
313
+ <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 21.716,00</p>
314
+ <div class="mt-4 text-center">
315
+ <span class="text-sm text-amber-700">Rentabilidade: 22%</span>
 
 
316
  </div>
317
  </div>
318
+
319
+ <!-- 10 Cotas -->
320
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment(10)">
321
+ <div class="text-center mb-4">
322
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
323
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
324
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
325
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
326
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
327
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
328
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
329
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
330
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
331
+ <i class="fas fa-cow text-4xl text-amber-700"></i>
332
+ </div>
333
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">10 Cotas</h4>
334
+ <p class="text-gray-600 text-center">Valor: R$ 35.600,00</p>
335
+ <p class="text-gray-600 text-center mt-2">Retorno estimado: R$ 43.432,00</p>
336
+ <div class="mt-4 text-center">
337
+ <span class="text-sm text-amber-700">Rentabilidade: 22%</span>
338
  </div>
339
+ </div>
340
+
341
+ <!-- Valor Personalizado -->
342
+ <div class="investment-option p-6 rounded-lg cursor-pointer" onclick="selectInvestment('custom')">
343
+ <div class="text-center mb-4">
344
+ <i class="fas fa-edit text-4xl text-amber-700"></i>
 
345
  </div>
346
+ <h4 class="text-xl font-bold text-center text-gray-800 mb-2">Valor Personalizado</h4>
347
+ <p class="text-gray-600 text-center">A partir de R$ 3.560,00</p>
348
+ <div class="mt-4">
349
+ <input type="number" id="custom-amount" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-amber-700 focus:border-transparent" placeholder="Digite o valor" min="3560" step="3560">
 
 
 
350
  </div>
351
  </div>
352
  </div>
353
 
354
+ <div class="mt-8 text-right">
 
355
  <button type="button" onclick="nextStep()" class="btn-primary py-3 px-8 rounded-full text-white font-bold text-lg">Pr贸ximo</button>
356
  </div>
357
  </div>
358
 
359
+ <!-- Step 2: Personal Information -->
360
+ <div class="form-step" id="step-2">
361
  <h3 class="text-2xl font-bold text-gray-800 mb-6">Seus Dados</h3>
362
 
363
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
 
390
  </div>
391
  </div>
392
 
393
+ <!-- Step 3: Review and Submit -->
394
+ <div class="form-step" id="step-3">
395
  <h3 class="text-2xl font-bold text-gray-800 mb-6">Confirme seu Investimento</h3>
396
 
397
  <div class="bg-gray-50 p-6 rounded-lg mb-6">
398
  <h4 class="text-lg font-bold text-gray-800 mb-4">Resumo do Investimento</h4>
399
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
400
  <div>
401
+ <p class="text-gray-600">Quantidade de Cotas:</p>
402
+ <p class="font-medium" id="review-shares">1</p>
403
  </div>
404
  <div>
405
  <p class="text-gray-600">Valor do Investimento:</p>
406
+ <p class="font-medium" id="review-amount">R$ 3.560,00</p>
407
  </div>
408
  <div>
409
+ <p class="text-gray-600">Retorno Estimado:</p>
410
+ <p class="font-medium" id="review-return">R$ 4.343,20</p>
411
  </div>
412
  <div>
413
+ <p class="text-gray-600">Rentabilidade:</p>
414
+ <p class="font-medium text-green-600">22%</p>
415
  </div>
416
  </div>
417
+ </div>
418
 
419
  <div class="bg-gray-50 p-6 rounded-lg">
420
  <h4 class="text-lg font-bold text-gray-800 mb-4">Seus Dados</h4>
 
692
  <i class="fas fa-chevron-down text-amber-700"></i>
693
  </button>
694
  <div class="mt-4 text-gray-600">
695
+ <p>Sim! Investidores das cotas Premium e Empresarial t锚m direito a visitas agendadas. Para cotas B谩sicas, oferecemos visitas coletivas peri贸dicas. Todas as visitas s茫o acompanhadas por nosso team t茅cnico que explica todo o processo de engorda.</p>
696
  </div>
697
  </div>
698
  <div class="mb-6 border-b border-gray-200 pb-6">
 
848
  <div>
849
  <h4 class="text-lg font-bold mb-4">Investimento</h4>
850
  <ul class="space-y-2">
851
+ <li><a href="#" class="text-gray-400 hover:text-amber-700">1 Cota (R$3.560)</a></li>
852
+ <li><a href="#" class="text-gray-400 hover:text-amber-700">2 Cotas (R$7.120)</a></li>
853
+ <li><a href="#" class="text-gray-400 hover:text-amber-700">3 Cotas (R$10.680)</a></li>
854
+ <li><a href="#" class="text-gray-400 hover:text-amber-700">5 Cotas (R$17.800)</a></li>
855
+ <li><a href="#" class="text-gray-400 hover:text-amber-700">10 Cotas (R$35.600)</a></li>
856
  </ul>
857
  </div>
858
  <div>
 
881
  <script>
882
  // Form steps functionality
883
  let currentStep = 1;
884
+ const totalSteps = 3;
885
+ let selectedShares = 1;
886
+ const shareValue = 3560;
887
+ const profitability = 0.22;
888
 
889
  function showStep(step) {
890
  document.querySelectorAll('.form-step').forEach(el => {
 
901
  document.getElementById('current-step').textContent = step;
902
 
903
  // Update review section if on last step
904
+ if(step === 3) {
905
  updateReviewSection();
906
  }
907
  }
 
920
  }
921
  }
922
 
923
+ function selectInvestment(shares) {
924
+ // Remove selected class from all options
925
+ document.querySelectorAll('.investment-option').forEach(el => {
926
+ el.classList.remove('selected');
 
 
 
 
 
 
 
 
 
 
 
927
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
928
 
929
+ // Add selected class to clicked option
930
+ event.currentTarget.classList.add('selected');
 
 
 
931
 
932
+ if(shares === 'custom') {
933
+ const customAmount = parseFloat(document.getElementById('custom-amount').value);
934
+ if(!isNaN(customAmount) && customAmount >= shareValue) {
935
+ selectedShares = Math.round(customAmount / shareValue);
936
+ }
937
+ } else {
938
+ selectedShares = shares;
939
+ }
940
+ }
941
+
942
+ function updateReviewSection() {
943
+ const investmentAmount = selectedShares * shareValue;
944
+ const estimatedReturn = investmentAmount * (1 + profitability);
945
 
946
+ document.getElementById('review-shares').textContent = selectedShares;
947
+ document.getElementById('review-amount').textContent = `R$ ${investmentAmount.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2})}`;
948
+ document.getElementById('review-return').textContent = `R$ ${estimatedReturn.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2})}`;
949
 
950
  // Get personal info
951
  document.getElementById('review-name').textContent = document.getElementById('name').value || '-';
 
954
  document.getElementById('review-cpf').textContent = document.getElementById('cpf').value || '-';
955
  }
956
 
957
+ function submitForm() {
958
+ // Here you would normally submit the form to your backend
959
+ // For demo purposes, we'll just show the success message
960
+ document.getElementById('step-3').classList.add('hidden');
961
+ document.getElementById('success-message').classList.remove('hidden');
962
+ }
963
+
964
  // FAQ toggle functionality
965
  document.querySelectorAll('#faq button').forEach(button => {
966
  button.addEventListener('click', () => {
prompts.txt CHANGED
@@ -0,0 +1 @@
 
 
1
+ fa莽a assim como no site https://bullpartners.com.br/ na parte de investimentos coloque que 1 cota 茅 = R$3.560,00 2 cotas 茅 = R$7.120,00 e assim sucessivamente