function ServiceCard({ icon, title, description }) { return /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-lg shadow-lg bg-white hover:shadow-xl transition-shadow duration-300 max-w-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl text-[#006400] mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: icon, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, description))); } function ServiceCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 p-6", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ServiceCard, { icon: "fa-solid fa-calculator", title: "Contabilidade Empresarial", description: "Gestão contábil completa para empresas de todos os portes.", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ServiceCard, { icon: "fa-solid fa-file-invoice-dollar", title: "Departamento Fiscal", description: "Emissão de notas fiscais e apuração de impostos.", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ServiceCard, { icon: "fa-solid fa-users", title: "Departamento Pessoal", description: "Folha de pagamento, férias e gestão de funcionários.", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function TestimonialCard({ image, name, testimonial }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 max-w-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `Foto de ${name}`, className: "w-16 h-16 rounded-full object-cover mr-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, name)), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600 leading-relaxed", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, testimonial)); } function TestimonialCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TestimonialCard, { image: "/cliente1.jpg", name: "Ana Silva", testimonial: "Serviço incrível! Superou todas as minhas expectativas. Recomendo fortemente para todos.", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TestimonialCard, { image: "/cliente2.jpg", name: "João Santos", testimonial: "Profissionalismo e qualidade excepcionais. Fiquei muito satisfeito com o resultado final.", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TestimonialCard, { image: "/cliente3.jpg", name: "Maria Oliveira", testimonial: "Atendimento nota 10! Equipe muito atenciosa e comprometida com a satisfação do cliente.", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); } function Footer() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#111111] text-white py-12", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#006400]", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "LUCAF"), " Serviços Contábeis"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Soluções contábeis personalizadas para o sucesso do seu negócio.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Contato"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 19 }, __self: this }), "(32) 3271-4122"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }), "contato@lucaf.com.br"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }), "RUA CAPITAO PEDRO ASSIS AMARAL, 60, SALA 204"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Links Úteis"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/blog", className: "hover:text-[#006400]", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, "Blog Contábil")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/servicos", className: "hover:text-[#006400]", __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, "Nossos Serviços")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#006400]", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, "Portal do Cliente")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#006400]", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, "Área do Colaborador")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Siga-nos"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#006400] text-2xl", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#006400] text-2xl", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#006400] text-2xl", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-800 mt-8 pt-8 text-center", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "© 2024 LUCAF Serviços Contábeis. Todos os direitos reservados."))))); } function FooterStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this })); } function Header({ title = "LUCAF Serviços Contábeis" }) { return /*#__PURE__*/ React.createElement("header", { className: "bg-[#111111] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-xl font-roboto font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calculator text-[#006400]", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#006400]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "LUCAF"), " Serviços Contábeis"), /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-6 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#006400] transition-colors", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Início")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/servicos", className: "hover:text-[#006400] transition-colors", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Serviços")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/sobre", className: "hover:text-[#006400] transition-colors", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Sobre")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contato", className: "hover:text-[#006400] transition-colors", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Contato")))))); } function HeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function ContactForm() { const [formData, setFormData] = useState({ nome: "", email: "", telefone: "", mensagem: "" }); const handleSubmit = (e)=>{ e.preventDefault(); console.log(formData); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto p-6 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 font-roboto text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Entre em Contato"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome", value: formData.nome, onChange: handleChange, placeholder: "Seu nome", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, placeholder: "Seu email", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefone", value: formData.telefone, onChange: handleChange, placeholder: "Seu telefone", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "mensagem", value: formData.mensagem, onChange: handleChange, placeholder: "Sua mensagem", rows: "4", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Enviar Mensagem"))); } function ContactFormStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ContactForm, { __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-12 px-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto font-bold text-center text-gray-800 mb-12", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Entre em Contato"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold mb-6 text-[#006400]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Envie sua mensagem"), /*#__PURE__*/ React.createElement(ContactForm, { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold mb-6 text-[#006400]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Informações de Contato"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#006400] text-xl w-8", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, "Rua Capitão Pedro Assis Amaral, 60, Sala 204 - Centro, Bicas/MG, CEP 36600-000")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#006400] text-xl w-8", __source: { fileName: "", lineNumber: 31, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, "(32) 3271-4122")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#006400] text-xl w-8", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }, "contato@lucaf.com.br")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#006400] text-xl w-8", __source: { fileName: "", lineNumber: 39, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, "Segunda a Sexta: 8h às 18h")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 h-[300px]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold mb-6 text-[#006400]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Nossa Localização"), /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3715.5897436435787!2d-43.3650373!3d-21.3641872!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x989bf3f24d8b8f%3A0x7c0c6f7b9f7f7f7f!2sRua%20Capit%C3%A3o%20Pedro%20Assis%20Amaral%2C%2060%20-%20Centro%2C%20Bicas%20-%20MG%2C%2036600-000!5e0!3m2!1spt-BR!2sbr!4v1650000000000!5m2!1spt-BR!2sbr", className: "w-full h-full rounded-lg", allowFullScreen: true, loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this })))))); }