Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -11,8 +11,29 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Calendar, Zap, Lightbulb, Home, Sun, TrendingUp, HelpCircle, Mail } from 'lucide-react';
+import { useState } from 'react';
+import Input from '@/components/form/Input';
 
 export default function LandingPage() {
+  const [billValue, setBillValue] = useState('');
+  const [showCalculator, setShowCalculator] = useState(false);
+
+  const calculateSavings = () => {
+    const monthlyBill = parseFloat(billValue);
+    if (isNaN(monthlyBill) || monthlyBill <= 0) {
+      return null;
+    }
+    // Estimate 70% savings with Eletrotech solar panels
+    const monthlySavings = monthlyBill * 0.70;
+    const yearlySavings = monthlySavings * 12;
+    return {
+      monthly: monthlySavings.toFixed(2),
+      yearly: yearlySavings.toFixed(2)
+    };
+  };
+
+  const savings = calculateSavings();
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -28,7 +49,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
-          brandName="Eletrotec "
+          brandName="ELETROTECH SOLAR"
           navItems={[
             { name: "Sobre", id: "about" },
             { name: "Serviços", id: "services" },
@@ -46,14 +67,14 @@ export default function LandingPage() {
           background={{ variant: "sparkles-gradient" }}
           tag="Energia Renovável Desde 2019"
           tagIcon={Zap}
-          avatarText="Trusted by 1000+ clients"
+          avatarText="Confiança por 1000+ clientes"
           avatars={[
             { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/professional-portrait-of-satisfied-custo-1773171516633-a9739c56.png", alt: "Cliente Eletrosolartec" },
             { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/another-professional-portrait-of-satisfi-1773171517296-7bfddf1b.png", alt: "Cliente Eletrosolartec" },
             { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/professional-headshot-of-another-satisfi-1773171517163-b04595bc.png", alt: "Cliente Eletrosolartec" }
           ]}
           buttons={[
-            { text: "Gerar Orçamento Grátis", href: "contact" },
+            { text: "Simule A sua Economia Grátis", onClick: () => setShowCalculator(!showCalculator) },
             { text: "Saiba Mais", href: "about" }
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/modern-solar-photovoltaic-panels-install-1773171517232-83f497e5.png"
@@ -67,11 +88,59 @@ export default function LandingPage() {
         />
       </div>
 
+      {showCalculator && (
+        <div id="calculator" data-section="calculator" className="py-16 px-6 bg-card rounded-lg max-w-2xl mx-auto">
+          <div className="text-center mb-8">
+            <h2 className="text-3xl font-bold mb-4">Calculadora de Economia Solar</h2>
+            <p className="text-foreground opacity-75">Digite sua conta de energia atual e veja quanto você pode economizar com painéis solares Eletrotech</p>
+          </div>
+          
+          <div className="space-y-6">
+            <div>
+              <label className="block text-sm font-medium mb-2">Sua Conta de Energia Mensal (R$)</label>
+              <Input
+                value={billValue}
+                onChange={setBillValue}
+                type="number"
+                placeholder="Ex: 250.00"
+                required
+              />
+            </div>
+
+            {savings && (
+              <div className="bg-background rounded-lg p-6 border border-accent">
+                <h3 className="text-xl font-semibold mb-4">Sua Economia Estimada com Eletrotech</h3>
+                <div className="grid grid-cols-2 gap-4">
+                  <div className="text-center p-4 bg-card rounded-lg">
+                    <p className="text-sm text-foreground opacity-75 mb-2">Economia Mensal</p>
+                    <p className="text-2xl font-bold text-primary-cta">R$ {savings.monthly}</p>
+                  </div>
+                  <div className="text-center p-4 bg-card rounded-lg">
+                    <p className="text-sm text-foreground opacity-75 mb-2">Economia Anual</p>
+                    <p className="text-2xl font-bold text-primary-cta">R$ {savings.yearly}</p>
+                  </div>
+                </div>
+                <p className="text-xs text-foreground opacity-60 mt-4 text-center">
+                  *Estimativa baseada em 70% de redução com sistemas solares Eletrotech. Consulte nossos especialistas para análise personalizada.
+                </p>
+              </div>
+            )}
+
+            <button
+              onClick={() => setShowCalculator(false)}
+              className="w-full py-3 px-4 bg-primary-cta text-primary-cta-text rounded-lg font-medium hover:opacity-90 transition-opacity"
+            >
+              Fechar Calculadora
+            </button>
+          </div>
+        </div>
+      )}
+
       <div id="about" data-section="about">
         <TextSplitAbout
-          title="Sobre Energia Solar Sorocaba SP"
+          title="Sobre EletroTech"
           description={[
-            "A Energia Solar Sorocaba SP é especializada em soluções fotovoltaicas completas para residências e negócios. Oferecemos serviços de projeto, instalação, homologação e manutenção de sistemas de energia solar de alta qualidade, com atendimento personalizado e conformidade técnica garantida.",            "Com equipamentos de ponta e equipes técnicas certificadas, garantimos a redução significativa da sua conta de energia enquanto contribuímos para um futuro sustentável. Cada projeto é dimensionado especificamente para suas necessidades, desde a análise inicial até o pós-venda, com suporte contínuo para maximizar o desempenho do seu sistema solar."
+            "Somos uma empresa especializada em energia solar fotovoltaica com atuação consolidada desde 2023. Oferecemos soluções completas em instalação, projeto, homologação e manutenção de sistemas de energia solar em todo o território brasileiro.",            "Localizada em Sorocaba, São Paulo, nossa equipe é comprometida com excelência, inovação e sustentabilidade. Ajudamos residências e negócios a reduzir custos com energia enquanto contribuem para um futuro mais limpo e renovável."
           ]}
           useInvertedBackground={false}
           buttons={[
@@ -84,7 +153,7 @@ export default function LandingPage() {
       <div id="services" data-section="services">
         <FeatureCardTwentyFour
           title="Nossos Serviços"
-          description="Soluções especializadas em energia solar fotovoltaica com projetos completos, instalação profissional, homologação técnica, manutenção especializada e equipamentos de alta qualidade."
+          description="Oferecemos soluções completas em energia solar fotovoltaica adaptadas às suas necessidades."
           tag="Serviços Especializados"
           tagIcon={Sun}
           animationType="slide-up"
@@ -92,19 +161,19 @@ export default function LandingPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",              title: "Projetos e Dimensionamento",              author: "Engenharia Especializada",              description: "Projetos técnicos personalizados com análise detalhada do consumo de energia, irradiação solar local e otimização de custos. Garantimos dimensionamento ideal para máxima eficiência e retorno de investimento.",              tags: ["Customizado", "Técnico", "Eficiente"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/professional-engineer-or-technician-exam-1773171517359-9c597d41.png",              imageAlt: "Consultoria técnica em projetos solares"
-            },
-            {
-              id: "2",              title: "Instalação Profissional",              author: "Equipes Certificadas",              description: "Instalação profissional de sistemas fotovoltaicos com tecnologia de ponta e segurança garantida. Nossas equipes especializadas asseguram qualidade, desempenho máximo e conformidade com normas técnicas.",              tags: ["Profissional", "Seguro", "Garantido"],
+              id: "1",              title: "Instalação de Painéis Solares",              author: "Especialistas em Energia",              description: "Instalação profissional de sistemas fotovoltaicos com tecnologia de ponta. Nossas equipes especializadas garantem qualidade, segurança e desempenho máximo do seu sistema.",              tags: ["Profissional", "Seguro", "Garantido"],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/professional-solar-panel-installation-te-1773171518226-afe10183.png",              imageAlt: "Instalação profissional de painéis solares"
             },
             {
-              id: "3",              title: "Homologação e Conformidade Técnica",              author: "Conformidade Regulatória",              description: "Gestão completa do processo de homologação junto à ANEEL e distribuidoras de energia. Garantimos conformidade técnica total e integração segura à rede elétrica com documentação completa.",              tags: ["Regulatório", "Completo", "Credenciado"],
+              id: "2",              title: "Projeto e Dimensionamento",              author: "Engenharia Solar",              description: "Elaboração de projetos técnicos personalizados com análise detalhada do seu imóvel e consumo de energia. Garantimos dimensionamento ideal para máxima eficiência.",              tags: ["Customizado", "Técnico", "Eficiente"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/professional-engineer-or-technician-exam-1773171517359-9c597d41.png",              imageAlt: "Consultoria técnica em projetos solares"
+            },
+            {
+              id: "3",              title: "Homologação com ANEEL",              author: "Conformidade Regulatória",              description: "Gestão completa do processo de homologação junto à ANEEL e distribuidoras de energia. Todos os documentos e procedimentos técnicos para integração à rede.",              tags: ["Regulatório", "Completo", "Credenciado"],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/project-manager-or-consultant-reviewing--1773171517273-a3accd50.png",              imageAlt: "Gestão de projetos e homologação"
             },
             {
-              id: "4",              title: "Manutenção e Monitoramento",              author: "Suporte Contínuo",              description: "Serviços de manutenção preventiva e corretiva com monitoramento remoto contínuo. Garantimos operação otimizada do seu sistema com atendimento técnico especializado e suporte pós-venda de qualidade.",              tags: ["Preventiva", "Monitoramento", "Suporte"],
+              id: "4",              title: "Manutenção Especializada",              author: "Suporte Contínuo",              description: "Serviços de manutenção preventiva e corretiva para garantir operação otimizada do seu sistema. Monitoramento remoto e atendimento técnico especializado.",              tags: ["Preventiva", "Monitoramento", "Suporte"],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AleAYJVuZaVjviN7tEK4F5SJ6k/technician-performing-maintenance-on-sol-1773171516792-2041f1d8.png",              imageAlt: "Manutenção e monitoramento de sistema solar"
             }
           ]}
@@ -140,7 +209,7 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
-          testimonial="A Energia Solar Sorocaba SP transformou completamente minha conta de energia. O sistema foi instalado com profissionalismo, a equipe foi atenciosa, e agora tenho uma redução significativa nos meus custos mensais. Recomendo para todos que buscam energia solar de qualidade!"
+          testimonial="A Eletrotec Solar transformou completamente minha conta de energia. O sistema foi instalado rapidamente, a equipe foi profissional e atenciosa, e agora tenho uma redução significativa nos meus custos mensais. Recomendo para todos que buscam energia solar de qualidade!"
           rating={5}
           author="Cliente Satisfeito, Sorocaba"
           avatars={[