top of page
  • Facebook
  • Pinterest
  • Instagram
Dúvidas que sempre surgem:
  • 01
  • 02
  • 03
  • 04
bottom of page
import { useState } from "react"; import { Tooltip } from "@reach/tooltip"; import { FaPlus, FaMinus, FaCalendarAlt } from "react-icons/fa"; const environments = [ { id: 1, name: "Banheiro", description: "Transforme aquele lavabo ou banheiro social em um ambiente incrível.", info: "Pode ser aquele lavabo que você não usa mais, banheiro social ou banho master." }, { id: 2, name: "Dormitório", description: "Crie o seu refúgio ou um espaço multifuncional como home office.", info: "Pode ser o seu possível closet, espaço de home office, futuro dormitório do bebê ou seu quarto principal." }, { id: 3, name: "Sala", description: "Ambiente perfeito para relaxar ou para o seu home theater.", info: "Pode ser seu espaço de estar, hall de entrada ou hometeather." }, { id: 4, name: "Cozinha", description: "Cozinha moderna ou área gourmet, um toque de sofisticação.", info: "Pode ser uma cozinha integrada, espaço para refeições rápidas, sala de jantar ou copa." }, { id: 5, name: "Varanda", description: "Sua área de lazer ou um jardim relaxante.", info: "Pode ser sua varanda, quintal, terraço ou área externa de lazer." }, { id: 6, name: "Área de Serviço", description: "Renove sua área de serviço, deixando mais funcional e organizada.", info: "Pode ser um espaço para lavanderia, organização de roupas ou até um cantinho para seu pet." }, ]; const packages = { "Transformação Rápida": 600, "Renovação Express": 999.99, "Projeto Completo": "Consultar valores com nossos especialistas", }; export default function CheckoutPage() { const [selectedEnvironments, setSelectedEnvironments] = useState({}); const [selectedPackage, setSelectedPackage] = useState(null); const updateEnvironmentCount = (env, change) => { setSelectedEnvironments((prev) => { const newCount = (prev[env.id] || 0) + change; return { ...prev, [env.id]: newCount >= 0 ? newCount : 0 }; }); }; const totalEnvironments = Object.values(selectedEnvironments).reduce((sum, count) => sum + count, 0); const promotionalDate = new Date(); promotionalDate.setDate(promotionalDate.getDate() + 10); const formattedDate = promotionalDate.toLocaleDateString("pt-BR"); return (

Escolha os Ambientes para Transformação

{environments.map((env) => (
{env.name} {env.info}
{selectedEnvironments[env.id] || 0}
))}

Escolha Seu Pacote de Transformação

{Object.keys(packages).map((pkg, index) => { const originalPrice = typeof packages[pkg] === "number" ? (totalEnvironments * packages[pkg] * 1.1).toLocaleString("pt-BR", { minimumFractionDigits: 2 }) : "-"; const discountedPrice = typeof packages[pkg] === "number" ? (totalEnvironments * packages[pkg]).toLocaleString("pt-BR", { minimumFractionDigits: 2 }) : packages[pkg]; return ( ); })}
); }