Update sections components

Author: danielfurt

sections/Benefits.tsx

@@ -44,7 +44,7 @@ export default function Benefits({
     {
       title: "Rastreie toda a cadeia",
       description: "Tenha total visibilidade da origem e cada etapa do processo, fortalecendo a confiança do consumidor, consolidando a reputação da marca e mostrando compromisso real com transparência e sustentabilidade.",
-      image: "https://assets.decocache.com/derivative/e4099f66-5377-4140-a714-873fcc659a3c/rastreabilidade.svg"
+      image: "https://assets.decocache.com/deriva-earth/d60645e6-5b25-4c62-9768-bbaa2b62607d/rastreabilidade.svg"
     }
   ],
 }: Props) {

sections/Derivative.tsx

@@ -16,12 +16,12 @@ export default function Derivative({
       text: "Novo destino para ameaças ambientais"
     },
     {
-      icon: "https://assets.decocache.com/derivative/59a05c46-dd77-42a0-b6d5-d8cdf3244268/Frame-(1).svg",
+      icon: "https://assets.decocache.com/deriva-earth/8ff1b507-75a3-4fb8-9f32-cd11b53232f3/materialunico.svg",
       text: "Material único no Brasil"
     },
     {
-      icon: "https://assets.decocache.com/derivative/59a05c46-dd77-42a0-b6d5-d8cdf3244268/Frame-(1).svg",
-      text: "Transparência e rastreabilidade"
+      icon: "https://assets.decocache.com/deriva-earth/c18b8c43-a056-436b-8561-b1ff3a0609d8/cadeiarastreavel.svg",
+      text: "Cadeia rastreável"
     }
   ]
 }: Props) {

sections/Header.tsx

@@ -48,7 +48,7 @@ export default function Header({
       { label: "MISSÃO", url: "#mission" },
     ],
   },
-  backgroundVideo = "https://assets.decocache.com/derivative/d81f13fc-4f89-4c4c-a562-b434436f99bd/background2_header-(1).mp4",
+  backgroundVideo = "https://assets.decocache.com/deriva-earth/63f76078-d3d8-46e9-8f55-bafe3c32fa6b/background2_header-(1)-(1).mp4",
   title = "REGENERANDO O OCEANO, TRANSFORMANDO MARCAS",
   ctaButton = {
     id: "cta-movement",

sections/NetworkRecoverySteps.tsx

@@ -18,25 +18,25 @@ export default function NetworkRecoverySteps({
       id: 1,
       title: "INTERCEPTAR",
       subtitle: "Redes de pesca danificadas são recuperadas junto a comunidades pesqueiras do Rio de Janeiro, evitando que se tornem lixo ou sigam à deriva nos oceanos gerando a morte de animais.",
-      videoUrl: "https://assets.decocache.com/derivative/55b1853a-e446-4934-998d-7161d0b9869d/interceptar_lp.mov"
+      videoUrl: "https://assets.decocache.com/deriva-earth/fa7f65f1-0f77-469e-910e-b2e0940bf74c/interceptar_lp-(1).mp4"
     },
     {
       id: 2,
       title: "PRÉ-PROCESSAR", 
       subtitle: "As redes passam por um processo de triagem, classificação e limpeza, garantindo que estejam em condições ideais para serem recicladas e transformadas em Derivative®.",
-      videoUrl: "https://assets.decocache.com/derivative/d716a957-cf79-4ec6-9ec5-7b2186654888/limpandorede_lp.mov"
+      videoUrl: "https://assets.decocache.com/deriva-earth/d634ccdf-823e-4546-a8b4-fc2f4c273074/limpandorede_lp-(1).mp4"
     },
     {
       id: 3,
       title: "TRANSFORMAR",
       subtitle: "O nylon das redes é reciclado e ganha nova vida como Derivative, uma matéria-prima de alto valor e propósito, pronta para dar origem a produtos que carregam inovação e impacto.",
-      videoUrl: "https://assets.decocache.com/derivative/90115802-fa45-4928-b89d-85e55dda5fc6/transformar_lp.mov"
+      videoUrl: "https://assets.decocache.com/deriva-earth/59a2e9b5-f368-454c-88c7-45f787d91ce4/transformar_lp-(1).mp4"
     },
     {
       id: 4,
       title: "COLLAB",
       subtitle: "Marcas comprometidas com impacto positivo usam nosso material para criar produtos sustentáveis, de alto valor e propósito, ampliando o ciclo de regeneração dos oceanos.",
-      videoUrl: "https://assets.decocache.com/derivative/ed79f4ad-8cb8-43f1-9bec-437422340c18/collab_lp.mov"
+      videoUrl: "https://assets.decocache.com/deriva-earth/22337cd0-9767-4d20-983d-e688bc5f12e7/collab_lp-(1).mp4"
     }
   ],
   stepDuration = 12 // 12 segundos por etapa

sections/Services.tsx

@@ -39,14 +39,14 @@ export default function Services({
       tags: ["Material Exclusivo", "Impacto Regenerativo", "Narrativa de Propósito"]
     },
     {
-      title: "Deriva Way",
+      title: "Estúdio",
       subtitle: "Co-criação de soluções inteligentes",
       description: "Nossa frente criativa combina design, engenharia, biologia e tecnologia para co-criar soluções de produto inteligentes e desejadas usando Derivative®. Vamos além do produto, estruturamos o seu ciclo de vida para que sua existência seja coerente e a experiência com o cliente seja memorável.",
       icon: "https://assets.decocache.com/derivative/ef364b7e-91ce-4e8b-a4d3-0e2c53d1e06b/services_2.jpg",
       tags: ["Design Multidisciplinar", "Ciclo de Vida Completo", "Objetos de Desejo"]
     },
     {
-      title: "Own your Derivative®",
+      title: "Simbiose",
       subtitle: "Circularidade completa",
       description: "Desenvolvemos Derivative® exclusivo a partir dos resíduos têxteis pré-consumo da sua própria produção. Assim, o que antes seria descartado retorna para o ecossistema de produtos, fortalecendo sua marca e promovendo uma economia circular.",
       icon: "https://assets.decocache.com/derivative/f544e9c6-40e2-4bdc-85f8-9adf0c9e6daf/services_3.jpg",
@@ -511,6 +511,52 @@ export default function Services({
             // Desktop: delay de 1 segundo
             setTimeout(initLottiePlayers, 1000);
           }
+          
+          // Hover effect para abrir cards automaticamente
+          function initHoverEffect() {
+            const serviceCards = document.querySelectorAll('.service-card');
+            
+            serviceCards.forEach((card) => {
+              const detailsElement = card.closest('details');
+              
+              if (detailsElement) {
+                let hoverTimeout;
+                
+                card.addEventListener('mouseenter', () => {
+                  // Limpar timeout anterior se existir
+                  if (hoverTimeout) {
+                    clearTimeout(hoverTimeout);
+                  }
+                  
+                  // Abrir após um pequeno delay para melhor UX
+                  hoverTimeout = setTimeout(() => {
+                    if (!detailsElement.open) {
+                      detailsElement.open = true;
+                    }
+                  }, 300);
+                });
+                
+                card.addEventListener('mouseleave', () => {
+                  // Limpar timeout se o mouse sair antes de abrir
+                  if (hoverTimeout) {
+                    clearTimeout(hoverTimeout);
+                  }
+                  
+                  // Fechar após um delay quando o mouse sair
+                  hoverTimeout = setTimeout(() => {
+                    if (detailsElement.open) {
+                      detailsElement.open = false;
+                    }
+                  }, 500);
+                });
+              }
+            });
+          }
+          
+          // Inicializar hover effect apenas em desktop
+          if (!isMobile) {
+            initHoverEffect();
+          }
         });
       `}</script>
     </div>