Revisão Logo, Favicon, Robots

src/components/HomologationBanner.tsx

@@ -1,31 +1,34 @@
 import { useState } from 'react';
 import { AlertTriangle, X } from 'lucide-react';
-import { IS_HOMOLOGATION } from '@/config/mautic';
+import { ENV_CONFIG, IS_PRODUCTION } from '../config/environment';
 
 /**
- * Banner visual que aparece em ambiente de homologacao
- * Avisa que Mautic, Google Ads e Facebook Pixel estao em modo simulacao
+ * Banner visual que aparece em ambiente NAO-producao
+ * Avisa qual ambiente esta rodando
  */
-export default function HomologationBanner() {
+export default function AmbientBanner() {
   const [dismissed, setDismissed] = useState(false);
 
-  if (!IS_HOMOLOGATION || dismissed) return null;
+  // So mostra em producao
+  if (IS_PRODUCTION || dismissed) return null;
+
+  const { bannerText, bannerColor } = ENV_CONFIG;
 
   return (
     <div className="fixed bottom-4 right-4 z-[100] max-w-md">
-      <div className="bg-amber-500 text-[#0e0e0e] rounded-xl shadow-2xl p-4 border-2 border-amber-400">
+      <div className={`${bannerColor} text-[#0e0e0e] rounded-xl shadow-2xl p-4 border-2 border-white/20`}>
         <div className="flex items-start gap-3">
           <AlertTriangle className="w-5 h-5 shrink-0 mt-0.5" />
           <div className="flex-1">
-            <p className="font-bold text-sm">Ambiente de Homologacao</p>
+            <p className="font-bold text-sm">Ambiente: {bannerText}</p>
             <p className="text-xs mt-1 opacity-90">
-              Mautic, Google Ads e Facebook Pixel estao em modo <strong>simulacao</strong>.
-              Nenhum dado real e enviado. Verifique o console (F12) para ver o que seria enviado.
+              Tracking desativado | SEO: noindex | 
+              Nenhum dado enviado a Mautic, GA4, Ads ou Pixel.
             </p>
           </div>
           <button
             onClick={() => setDismissed(true)}
-            className="shrink-0 p-1 hover:bg-amber-600 rounded-lg transition-colors"
+            className="shrink-0 p-1 hover:bg-black/20 rounded-lg transition-colors"
             aria-label="Fechar"
           >
             <X className="w-4 h-4" />