diff --git a/src/components/LandingContent.tsx b/src/components/LandingContent.tsx
new file mode 100644
index 0000000..7d1dc4f
--- /dev/null
+++ b/src/components/LandingContent.tsx
@@ -0,0 +1,76 @@
+import { ShieldCheck, Ruler, Scissors, ArrowRight } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+
+export function LandingContent() {
+ return (
+
+ {/* Hero Section */}
+
+
+ Controle total da qualidade em obras metálicas e civis —
+ direto no canteiro, em Realidade Aumentada.
+
+
+ visualize. Meça. inspire confiança.
+
+
+
+ {/* Benefits Section */}
+
+
+
+
+
+
+ Inspeção por Checklist Digital com Gravação de Voz
+
+
+ Elimine planilhas de papel. Faça inspeções de qualidade diretamente no modelo 3D, com aprovação ou reprovação de cada item e anotações por voz — tudo rastreável e auditável.
+
+
+
+
+
+
+
+
+ Medições Precisas em AR com Snap Inteligente
+
+
+ O controlador XR identifica automaticamente vértices, arestas e furos nos modelos IFC. O resultado são medições em milímetros reais, sem depender de trena ou cálculos manuais.
+
+
+
+
+
+
+
+
+ Cortes de Seção Interativos para Análise Estrutural
+
+
+ Visualize o interior de estruturas metálicas com cortes dinâmicos nos eixos X, Y e Z — sem desmontar nada. Ideal para validar projetos complexos antes da montagem.
+
+
+
+
+ {/* Final CTA Section */}
+
+
+
+ Atrasos por erros de medição, retrabalho por falhas de comunicação e perdas por não conformidade são o pesadelo de qualquer gestão de produção metalmecânica ou obra civil. O TrackSteelXR coloca o modelo 3D IFC no canteiro — em AR — para que engenheiros e gestores tomem decisões precisas no momento certo. Menos retrabalho, mais produtividade, entregas dentro do prazo.
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 2cc728b..4424d07 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,6 +1,7 @@
import { useEffect, useRef, useCallback, useState } from 'react';
import { useNavigate } from 'react-router-dom';
-import { Upload, Glasses, CheckCircle, XCircle, Loader2, Box, Package, Users } from 'lucide-react';
+import { Upload, Glasses, CheckCircle, XCircle, Loader2, Box, Package, Users, Info } from 'lucide-react';
+import { LandingContent } from '@/components/LandingContent';
import { Button } from '@/components/ui/button';
import { useModelStore } from '@/stores/useModelStore';
import { toast } from 'sonner';
@@ -20,6 +21,7 @@ const Index = () => {
const fileInputRef = useRef(null);
const [loadingDemoIFC, setLoadingDemoIFC] = useState(false);
const [loadingDemoCotovelo, setLoadingDemoCotovelo] = useState(false);
+ const [showLanding, setShowLanding] = useState(false);
const [converting, setConverting] = useState(false);
const { model, addModel, models, maxModels, xrSupported, setXrSupported } = useModelStore();
@@ -209,18 +211,23 @@ const Index = () => {
{/* Logo area */}
-