export default function IluminarSite() { const whatsapp = "https://wa.me/5521982268568"; const produtos = [ { categoria: "Perfumaria", nome: "Perfumes Árabes e Importados", descricao: "Fragrâncias marcantes e sofisticadas.", imagem: "https://images.unsplash.com/photo-1541643600914-78b084683601?q=80&w=1200&auto=format&fit=crop", }, { categoria: "Moda Íntima", nome: "Moda Íntima Feminina", descricao: "Conforto, sensualidade e elegância.", imagem: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?q=80&w=1200&auto=format&fit=crop", }, { categoria: "Semi Joias", nome: "Semi Joias Premium", descricao: "Peças delicadas para realçar sua beleza.", imagem: "https://images.unsplash.com/photo-1617038220319-276d3cfab638?q=80&w=1200&auto=format&fit=crop", }, ]; return ( <div className="min-h-screen bg-white text-gray-900"> <section className="bg-gradient-to-r from-pink-100 via-rose-50 to-pink-200 px-6 py-20"> <div className="max-w-6xl mx-auto grid md:grid-cols-2 gap-10 items-center"> <div> <div className="mb-8"> <img src="/mnt/data/WhatsApp Image 2026-05-12 at 09.33.23.jpeg" alt="Logo Iluminar" className="w-full max-w-md rounded-3xl shadow-2xl" /> </div> <p className="text-lg text-rose-700 font-medium"> Delicadeza, sofisticação e beleza para realçar sua essência. </p> <p className="mt-4 text-gray-600 leading-relaxed"> Trabalhamos com perfumes árabes e importados, moda íntima feminina e semi joias sofisticadas. Atendimento rápido pelo WhatsApp e pronta entrega. </p> <div className="mt-8 flex gap-4 flex-wrap"> <a href={whatsapp} target="_blank" className="bg-rose-500 text-white px-6 py-3 rounded-2xl shadow-lg hover:scale-105 transition" > Comprar pelo WhatsApp </a> <button className="border border-rose-400 text-rose-500 px-6 py-3 rounded-2xl hover:bg-rose-500 hover:text-white transition"> Ver Catálogo </button> </div> </div> <div> <img src="https://images.unsplash.com/photo-1521572267360-ee0c2909d518?q=80&w=1200&auto=format&fit=crop" alt="Iluminar" className="rounded-3xl shadow-2xl object-cover h-[500px] w-full" /> </div> </div> </section> <section className="py-20 px-6"> <div className="max-w-6xl mx-auto text-center"> <h2 className="text-4xl font-bold">Nossos Produtos</h2> <p className="text-gray-600 mt-4"> Qualidade, estilo e sofisticação para você. </p> <div className="grid md:grid-cols-3 gap-8 mt-14"> {produtos.map((item, index) => ( <div key={index} className="bg-pink-50 rounded-3xl overflow-hidden shadow-xl border border-pink-100 hover:scale-105 transition duration-300" > <img src={item.imagem} alt={item.nome} className="h-72 w-full object-cover" /> <div className="p-6 text-left"> <span className="text-sm uppercase tracking-wider text-rose-400 font-semibold"> {item.categoria} </span> <h3 className="text-2xl font-bold mt-2">{item.nome}</h3> <p className="text-gray-600 mt-3">{item.descricao}</p> <a href={whatsapp} target="_blank" className="inline-block mt-6 bg-rose-500 text-white px-5 py-3 rounded-xl hover:opacity-90 transition" > Solicitar Atendimento </a> </div> </div> ))} </div> </div> </section> <section className="bg-gradient-to-r from-rose-500 to-pink-400 text-white py-20 px-6"> <div className="max-w-5xl mx-auto text-center"> <h2 className="text-4xl font-bold"> Atendimento em todo o Rio de Janeiro </h2> <p className="mt-6 text-gray-300 text-lg leading-relaxed"> Faça seu pedido diretamente pelo WhatsApp. Trabalhamos com pronta entrega e produtos selecionados. </p> <a href={whatsapp} target="_blank" className="inline-block mt-8 bg-white text-rose-500 px-8 py-4 rounded-2xl font-semibold hover:scale-105 transition" > Chamar no WhatsApp </a> </div> </section> <footer className="py-8 text-center text-gray-500 text-sm"> © 2026 Iluminar Perfumaria, Moda Íntima e Semi Joias • Elegância Feminina </footer> </div> ); }