🚀 Auto-deploy: melhoria no snap e medição AR em 31/05/2026 01:08:46

src/pages/Index.tsx

@@ -211,19 +211,23 @@ const Index = () => {
 
 
       {/* Logo area */}
-      <div className="mb-8 text-center">
-        <div className="mb-4 flex items-center justify-center gap-3">
-          <Box className="h-10 w-10 text-primary" />
-          <h1 className="text-3xl font-bold tracking-tight text-foreground md:text-4xl">
-            TrackSteel<span className="text-primary">XR</span>
-          </h1>
-          <Button variant="ghost" size="icon" className="ml-2" onClick={() => setShowLanding(!showLanding)} title="Sobre">
+      <div className="mb-10 flex flex-col items-center justify-center w-full">
+        <div className="relative flex items-center justify-center max-w-[280px] md:max-w-[320px] w-full px-4">
+          <img 
+            src="/logotipo_steelXR_transparente.png" 
+            alt="SteelXR Logo" 
+            className="w-full h-auto object-contain drop-shadow-[0_0_20px_rgba(251,191,36,0.18)]"
+          />
+          <Button 
+            variant="ghost" 
+            size="icon" 
+            className="absolute -right-8 md:-right-10 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground hover:bg-transparent" 
+            onClick={() => setShowLanding(!showLanding)} 
+            title="Sobre"
+          >
             <Info className="h-5 w-5" />
           </Button>
         </div>
-        <p className="font-mono text-sm uppercase tracking-widest text-muted-foreground">
-          Inspeção de Qualidade Industrial
-        </p>
       </div>
 
       {showLanding && <LandingContent />}