Update index.html

index.html

@@ -113,15 +113,15 @@
                 <p class="text-lg text-gray-700 mb-8">
                     Criamos sites modernos, otimizados e feitos sob medida para seu negócio. Tenha um site que atrai, converte e impressiona!
                 </p>
-                <a href="https://wa.me/554195260377?text=Ol%C3%A1%2C%20gostaria%20de%20fazer%20um%20site." 
-                   class="bg-primary hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-flex items-center">
+                <a href="https://wa.me/554195260377?text=Ol%C3%A1%2C%20gostaria%20de%20fazer%20um%20site."
+                    class="bg-primary hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-flex items-center">
                     <i class="fab fa-whatsapp mr-2 text-xl"></i> Fale com um especialista
                 </a>
             </div>
             <div class="md:w-1/2 flex justify-center">
-                <img src="https://images.unsplash.com/photo-1551650975-87deedd944c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80" 
-                     alt="Site profissional" 
-                     class="rounded-lg shadow-xl w-full max-w-md animate-float">
+                <img src="https://images.unsplash.com/photo-1551650975-87deedd944c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80"
+                      alt="Site profissional"
+                      class="rounded-lg shadow-xl w-full max-w-md animate-float">
             </div>
         </div>
     </section>
@@ -191,7 +191,7 @@
                     Desenvolvemos soluções completas para sua presença online. Confira os tipos de sites que criamos:
                 </p>
             </div>
-            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <div class="grid md:grid-cols-2 lg:grid-cols-2 gap-8">
                 <!-- Service 1 -->
                 <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
                     <div class="h-48 bg-primary flex items-center justify-center">
@@ -215,32 +215,8 @@
                         </ul>
                     </div>
                 </div>
-                
+                                
                 <!-- Service 2 -->
-                <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
-                    <div class="h-48 bg-primary flex items-center justify-center">
-                        <i class="fas fa-shopping-cart text-white text-6xl"></i>
-                    </div>
-                    <div class="p-6">
-                        <h3 class="text-xl font-bold text-primary mb-3">E-commerce</h3>
-                        <p class="text-gray-600 mb-4">
-                            Criação de lojas virtuais funcionais, seguras e otimizadas para aumentar suas vendas.
-                        </p>
-                        <ul class="text-gray-600 space-y-2">
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Catálogo de produtos
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Carrinho de compras
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Integração com pagamentos
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                
-                <!-- Service 3 -->
                 <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
                     <div class="h-48 bg-primary flex items-center justify-center">
                         <i class="fas fa-blog text-white text-6xl"></i>
@@ -263,8 +239,8 @@
                         </ul>
                     </div>
                 </div>
-                
-                <!-- Service 4 -->
+                                
+                <!-- Service 3 -->
                 <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
                     <div class="h-48 bg-primary flex items-center justify-center">
                         <i class="fas fa-mobile text-white text-6xl"></i>
@@ -287,32 +263,8 @@
                         </ul>
                     </div>
                 </div>
-                
-                <!-- Service 5 -->
-                <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
-                    <div class="h-48 bg-primary flex items-center justify-center">
-                        <i class="fas fa-tools text-white text-6xl"></i>
-                    </div>
-                    <div class="p-6">
-                        <h3 class="text-xl font-bold text-primary mb-3">Manutenção</h3>
-                        <p class="text-gray-600 mb-4">
-                            Oferecemos planos de manutenção contínuos para garantir que seu site esteja sempre funcionando bem.
-                        </p>
-                        <ul class="text-gray-600 space-y-2">
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Atualizações regulares
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Backup diário
-                            </li>
-                            <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Suporte técnico
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                
-                <!-- Service 6 -->
+                                
+                <!-- Service 4 -->
                 <div class="service-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300">
                     <div class="h-48 bg-primary flex items-center justify-center">
                         <i class="fas fa-search-dollar text-white text-6xl"></i>
@@ -360,7 +312,7 @@
                         </p>
                     </div>
                 </div>
-                
+                                
                 <div class="flex flex-col md:flex-row mb-8">
                     <div class="md:w-1/4 flex flex-col items-center mb-4 md:mb-0">
                         <div class="w-20 h-20 rounded-full bg-primary text-white flex items-center justify-center text-3xl font-bold mb-2">
@@ -374,7 +326,7 @@
                         </p>
                     </div>
                 </div>
-                
+                                
                 <div class="flex flex-col md:flex-row mb-8">
                     <div class="md:w-1/4 flex flex-col items-center mb-4 md:mb-0">
                         <div class="w-20 h-20 rounded-full bg-primary text-white flex items-center justify-center text-3xl font-bold mb-2">
@@ -388,7 +340,7 @@
                         </p>
                     </div>
                 </div>
-                
+                                
                 <div class="flex flex-col md:flex-row">
                     <div class="md:w-1/4 flex flex-col items-center mb-4 md:mb-0">
                         <div class="w-20 h-20 rounded-full bg-primary text-white flex items-center justify-center text-3xl font-bold mb-2">
@@ -439,7 +391,7 @@
                         <i class="fas fa-star"></i>
                     </div>
                 </div>
-                
+                                
                 <!-- Placeholder testimonial 2 -->
                 <div class="bg-white bg-opacity-10 p-8 rounded-lg backdrop-filter backdrop-blur-sm">
                     <div class="flex items-center mb-4">
@@ -452,7 +404,7 @@
                         </div>
                     </div>
                     <p class="italic">
-                        "Profissionais muito competentes e atenciosos. Nosso e-commerce superou todas as expectativas."
+                        "Profissionais muito competentes e atenciosos. Nosso site institucional superou todas as expectativas."
                     </p>
                     <div class="flex mt-4 text-secondary">
                         <i class="fas fa-star"></i>
@@ -462,7 +414,7 @@
                         <i class="fas fa-star"></i>
                     </div>
                 </div>
-                
+                                
                 <!-- Placeholder testimonial 3 -->
                 <div class="bg-white bg-opacity-10 p-8 rounded-lg backdrop-filter backdrop-blur-sm">
                     <div class="flex items-center mb-4">
@@ -520,7 +472,7 @@
                                 <i class="fas fa-check text-secondary mr-2"></i> Integração com redes sociais
                             </li>
                             <li class="flex items-center text-gray-400">
-                                <i class="fas fa-times mr-2"></i> Sem e-commerce
+                                <i class="fas fa-times mr-2"></i> Blog não incluso
                             </li>
                         </ul>
                         <a href="#contact" class="block w-full bg-secondary hover:bg-yellow-400 text-primary font-bold py-3 px-4 rounded text-center transition duration-300">
@@ -528,7 +480,7 @@
                         </a>
                     </div>
                 </div>
-                
+                                
                 <!-- Intermediate Plan -->
                 <div class="price-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300 border-t-4 border-primary transform scale-105">
                     <div class="bg-primary text-white py-2 text-center font-bold">
@@ -551,34 +503,31 @@
                             <li class="flex items-center">
                                 <i class="fas fa-check text-secondary mr-2"></i> SEO básico
                             </li>
-                            <li class="flex items-center text-gray-400">
-                                <i class="fas fa-times mr-2"></i> Sem e-commerce
-                            </li>
                         </ul>
                         <a href="#contact" class="block w-full bg-primary hover:bg-blue-800 text-white font-bold py-3 px-4 rounded text-center transition duration-300">
                             Solicitar Orçamento
                         </a>
                     </div>
                 </div>
-                
+                                
                 <!-- Complete Plan -->
                 <div class="price-card bg-white rounded-lg shadow-lg overflow-hidden transition duration-300 border-t-4 border-secondary">
                     <div class="p-6">
                         <h3 class="text-2xl font-bold text-primary mb-2">Pacote Completo</h3>
-                        <p class="text-gray-600 mb-6">Um projeto completo com e-commerce e ferramentas avançadas</p>
-                        <div class="text-4xl font-bold text-primary mb-6">R$ 5.999</div>
+                        <p class="text-gray-600 mb-6">Um projeto completo com blog avançado e ferramentas premium</p>
+                        <div class="text-4xl font-bold text-primary mb-6">R$ 4.499</div>
                         <ul class="text-gray-700 space-y-3 mb-8">
                             <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> E-commerce completo
+                                <i class="fas fa-check text-secondary mr-2"></i> Até 15 páginas
                             </li>
                             <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Até 50 produtos
+                                <i class="fas fa-check text-secondary mr-2"></i> Blog profissional
                             </li>
                             <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> Pagamento online
+                                <i class="fas fa-check text-secondary mr-2"></i> SEO avançado
                             </li>
                             <li class="flex items-center">
-                                <i class="fas fa-check text-secondary mr-2"></i> SEO avançado
+                                <i class="fas fa-check text-secondary mr-2"></i> Formulários customizados
                             </li>
                             <li class="flex items-center">
                                 <i class="fas fa-check text-secondary mr-2"></i> 1 mês de suporte grátis
@@ -594,8 +543,8 @@
                 <p class="text-gray-700 mb-6">
                     Precisa de algo personalizado? Entre em contato para um orçamento sob medida.
                 </p>
-                <a href="https://wa.me/554195260377?text=Ol%C3%A1%2C%20gostaria%20de%20fazer%20um%20site." 
-                   class="bg-primary hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-flex items-center">
+                <a href="https://wa.me/554195260377?text=Ol%C3%A1%2C%20gostaria%20de%20fazer%20um%20site."
+                    class="bg-primary hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-flex items-center">
                     <i class="fab fa-whatsapp mr-2 text-xl"></i> Fale com um especialista
                 </a>
             </div>
@@ -667,7 +616,6 @@
                                     <p class="text-gray-600">Segunda a Sexta: 9h às 18h</p>
                                 </div>
                             </div>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -685,7 +633,7 @@
                 <div class="flex flex-col items-center md:items-end">
                     <div class="flex space-x-6 mb-4">
                         <a href="#home" class="hover:text-secondary transition duration-300">Home</a>
-                        <a href="#about" class="hover:text-secondary transition duration-300">Sobre</a>
+                        <a href="#about", class="hover:text-secondary transition duration-300">Sobre</a>
                         <a href="#services" class="hover:text-secondary transition duration-300">Serviços</a>
                         <a href="#pricing" class="hover:text-secondary transition duration-300">Preços</a>
                         <a href="#contact" class="hover:text-secondary transition duration-300">Contato</a>
@@ -714,7 +662,7 @@
 
         // Back to top button
         const backToTopButton = document.getElementById('back-to-top');
-        
+                
         window.addEventListener('scroll', function() {
             if (window.pageYOffset > 300) {
                 backToTopButton.classList.remove('opacity-0', 'invisible');
@@ -724,7 +672,7 @@
                 backToTopButton.classList.add('opacity-0', 'invisible');
             }
         });
-        
+                
         backToTopButton.addEventListener('click', function() {
             window.scrollTo({
                 top: 0,
@@ -735,24 +683,24 @@
         // Form submission
         document.getElementById('contact-form').addEventListener('submit', function(e) {
             e.preventDefault();
-            
+                    
             // Get form values
             const name = document.getElementById('name').value;
             const email = document.getElementById('email').value;
             const subject = document.getElementById('subject').value;
             const message = document.getElementById('message').value;
-            
+                    
             // Create mailto link
             const mailtoLink = `mailto:upstream@digital.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(
                 `Nome: ${name}\nEmail: ${email}\n\nMensagem:\n${message}`
             )}`;
-            
+                    
             // Open default email client
             window.location.href = mailtoLink;
-            
+                    
             // Reset form
             this.reset();
-            
+                    
             // Show confirmation (optional)
             alert('Obrigado por sua mensagem! Você será redirecionado para seu cliente de e-mail.');
         });
@@ -761,16 +709,16 @@
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function(e) {
                 e.preventDefault();
-                
+                                
                 const targetId = this.getAttribute('href');
                 const targetElement = document.querySelector(targetId);
-                
+                                
                 if (targetElement) {
                     window.scrollTo({
                         top: targetElement.offsetTop - 80,
                         behavior: 'smooth'
                     });
-                    
+                                        
                     // Close mobile menu if open
                     const mobileMenu = document.getElementById('mobile-menu');
                     if (!mobileMenu.classList.contains('hidden')) {
@@ -780,5 +728,5 @@
             });
         });
     </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=MatheusMathiasFernandes/upstream-technology" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</body>
 </html>