feat: atualizar URLs para octtoengenharia.com.br, adicionar SEO dinâmico em projetos e corrigir WhatsApp button

frontend/public/robots.txt

@@ -16,9 +16,9 @@ User-agent: Bingbot
 Allow: /
 
 # Sitemap
-Sitemap: https://octto-engenharia.com/sitemap.xml
-Sitemap: https://octto-engenharia.com/en/sitemap.xml
-Sitemap: https://octto-engenharia.com/es/sitemap.xml
+Sitemap: https://octtoengenharia.com.br/sitemap.xml
+Sitemap: https://octtoengenharia.com.br/en/sitemap.xml
+Sitemap: https://octtoengenharia.com.br/es/sitemap.xml
 
 # Crawl delay (optional)
 Crawl-delay: 1

frontend/src/app/[locale]/projetos/[id]/metadata.ts

@@ -0,0 +1,82 @@
+import { Metadata } from 'next';
+
+interface Project {
+  id: string;
+  title: string;
+  description: string | null;
+  coverImage: string | null;
+  category: string;
+  client: string | null;
+  completionDate: string | null;
+}
+
+async function getProject(id: string): Promise<Project | null> {
+  try {
+    const res = await fetch(`https://octtoengenharia.com.br/api/projects/${id}`, {
+      next: { revalidate: 3600 }, // Cache 1 hora
+    });
+    if (res.ok) {
+      return await res.json();
+    }
+  } catch (error) {
+    console.error('Erro ao buscar projeto para metadata:', error);
+  }
+  return null;
+}
+
+export async function generateMetadata(
+  { params }: { params: { id: string; locale: string } },
+  parent: any
+): Promise<Metadata> {
+  const project = await getProject(params.id);
+
+  if (!project) {
+    return {
+      title: 'Projeto não encontrado',
+      description: 'O projeto que você procura não existe.',
+    };
+  }
+
+  const baseUrl = 'https://octtoengenharia.com.br';
+  const prefix = params.locale === 'pt' ? '' : `/${params.locale}`;
+  const projectUrl = `${baseUrl}${prefix}/projetos/${project.id}`;
+  const description = project.description || `Projeto de ${project.category} da Octto Engenharia${project.client ? ` para ${project.client}` : ''}`;
+
+  const localeMap: Record<string, string> = {
+    pt: 'pt_BR',
+    en: 'en_US',
+    es: 'es_ES',
+  };
+
+  return {
+    title: `${project.title} | Octto Engenharia`,
+    description,
+    keywords: `${project.title}, ${project.category}, engenharia, ${project.client || 'Octto Engenharia'}`,
+    openGraph: {
+      type: 'article',
+      title: project.title,
+      description,
+      url: projectUrl,
+      images: project.coverImage
+        ? [
+            {
+              url: project.coverImage,
+              width: 1200,
+              height: 630,
+              alt: project.title,
+            },
+          ]
+        : [],
+      locale: localeMap[params.locale] || 'pt_BR',
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: project.title,
+      description,
+      images: project.coverImage ? [project.coverImage] : [],
+    },
+    alternates: {
+      canonical: projectUrl,
+    },
+  };
+}

frontend/src/app/[locale]/projetos/[id]/page.tsx

@@ -4,6 +4,7 @@ import Link from "next/link";
 import { notFound } from "next/navigation";
 import { useState, useEffect } from "react";
 import { useLocale } from "@/contexts/LocaleContext";
+export { generateMetadata } from "./metadata";
 
 interface Project {
   id: string;

frontend/src/app/layout.tsx

@@ -19,17 +19,17 @@ export const metadata: Metadata = {
   title: "Octto Engenharia | Movimentação de Carga e Segurança",
   description: "Especialistas em engenharia de movimentação de carga, projetos de dispositivos de içamento, laudos técnicos e adequação de equipamentos (NR-11/NR-12).",
   keywords: "engenharia, movimentação de carga, içamento, laudos técnicos, NR-11, NR-12, segurança do trabalho, projetos mecânicos",
-  metadataBase: new URL("https://octto-engenharia.com"),
+  metadataBase: new URL("https://octtoengenharia.com.br"),
   openGraph: {
     type: "website",
     locale: "pt_BR",
-    url: "https://octto-engenharia.com",
+    url: "https://octtoengenharia.com.br",
     siteName: "Octto Engenharia",
     title: "Octto Engenharia | Movimentação de Carga e Segurança",
     description: "Especialistas em engenharia de movimentação de carga, projetos de dispositivos de içamento, laudos técnicos e adequação de equipamentos.",
     images: [
       {
-        url: "https://octto-engenharia.com/og-image.jpg",
+        url: "https://octtoengenharia.com.br/og-image.jpg",
         width: 1200,
         height: 630,
         alt: "Octto Engenharia",
@@ -54,9 +54,9 @@ export const metadata: Metadata = {
   },
   alternates: {
     languages: {
-      "pt-BR": "https://octto-engenharia.com/pt",
-      en: "https://octto-engenharia.com/en",
-      es: "https://octto-engenharia.com/es",
+      "pt-BR": "https://octtoengenharia.com.br/pt",
+      en: "https://octtoengenharia.com.br/en",
+      es: "https://octtoengenharia.com.br/es",
     },
   },
 };

frontend/src/app/sitemap.ts

@@ -1,7 +1,7 @@
 import { MetadataRoute } from 'next';
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const baseUrl = 'https://octto-engenharia.com';
+  const baseUrl = 'https://octtoengenharia.com.br';
   const locales = ['', '/en', '/es'];
   
   // Páginas principais

frontend/src/components/JsonLdScript.tsx

@@ -6,9 +6,9 @@ export function JsonLdScript() {
     '@type': 'LocalBusiness',
     name: 'Octto Engenharia',
     description: 'Especialistas em engenharia de movimentação de carga e segurança do trabalho',
-    url: 'https://octto-engenharia.com',
-    logo: 'https://octto-engenharia.com/logo.png',
-    image: 'https://octto-engenharia.com/og-image.jpg',
+    url: 'https://octtoengenharia.com.br',
+    logo: 'https://octtoengenharia.com.br/logo.png',
+    image: 'https://octtoengenharia.com.br/og-image.jpg',
     telephone: '+55 13 99803-0036',
     email: 'contato@octto-engenharia.com',
     areaServed: {
@@ -41,25 +41,25 @@ export function JsonLdScript() {
       {
         '@type': 'CollectionPage',
         name: 'Projetos',
-        url: 'https://octto-engenharia.com/projetos',
+        url: 'https://octtoengenharia.com.br/projetos',
         description: 'Portfólio de projetos de engenharia de movimentação de carga',
       },
       {
         '@type': 'CollectionPage',
         name: 'Serviços',
-        url: 'https://octto-engenharia.com/servicos',
+        url: 'https://octtoengenharia.com.br/servicos',
         description: 'Serviços especializados em engenharia e segurança do trabalho',
       },
       {
         '@type': 'AboutPage',
         name: 'Sobre',
-        url: 'https://octto-engenharia.com/sobre',
+        url: 'https://octtoengenharia.com.br/sobre',
         description: 'Conheça mais sobre a Octto Engenharia',
       },
       {
         '@type': 'ContactPage',
         name: 'Contato',
-        url: 'https://octto-engenharia.com/contato',
+        url: 'https://octtoengenharia.com.br/contato',
         description: 'Entre em contato com a Octto Engenharia',
       },
     ],

frontend/src/components/WhatsAppButton.tsx

@@ -6,30 +6,38 @@ import { useState, useEffect } from 'react';
 
 export default function WhatsAppButton() {
   const { t } = useLanguage();
-  const [whatsappLink, setWhatsappLink] = useState('https://wa.me/5535988229445');
+  const [whatsappLink, setWhatsappLink] = useState('https://wa.me/5513998030036');
+  const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
-    // Busca o número do WhatsApp do CMS
-    fetch('/api/contact-info')
+    setMounted(true);
+    
+    // Busca o número do WhatsApp das configurações
+    fetch('/api/settings')
       .then(res => res.json())
       .then(data => {
-        if (data.whatsappLink) {
-          setWhatsappLink(data.whatsappLink);
+        if (data.whatsapp) {
+          const cleanNumber = data.whatsapp.replace(/\D/g, '');
+          setWhatsappLink(`https://wa.me/${cleanNumber}`);
         }
       })
       .catch(console.error);
   }, []);
 
+  if (!mounted) {
+    return null;
+  }
+
   return (
     <Link
       href={whatsappLink}
       target="_blank"
       rel="noopener noreferrer"
-      className="fixed bottom-6 right-6 z-40 flex flex-row-reverse items-center justify-center bg-[#25D366] text-white w-14 h-14 rounded-full shadow-lg hover:bg-[#20bd5a] transition-all hover:scale-110 group animate-in slide-in-from-bottom-4 duration-700 delay-1000 hover:w-auto hover:px-6"
+      className="fixed bottom-6 right-6 z-40 flex flex-row-reverse items-center justify-center bg-[#25D366] text-white w-14 h-14 rounded-full shadow-lg hover:bg-[#20bd5a] transition-all duration-300 group"
       aria-label={t('whatsapp.label')}
     >
-      <i className="ri-whatsapp-line text-3xl leading-none"></i>
-      <span className="font-bold max-w-0 overflow-hidden group-hover:max-w-xs group-hover:mr-3 transition-all duration-500 whitespace-nowrap">
+      <i className="ri-whatsapp-line text-3xl leading-none group-hover:scale-110 transition-transform duration-300"></i>
+      <span className="font-bold text-sm ml-0 group-hover:ml-2 max-w-0 overflow-hidden group-hover:max-w-xs transition-all duration-300 whitespace-nowrap">
         {t('whatsapp.label')}
       </span>
     </Link>