diff --git a/index.html b/index.html
index 1081008..9d2ea32 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,62 @@
-<h1 style="color:pink">test pink</h1>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="pt">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nexus Solutions | Inovação Tecnológica</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="bg-gray-50 text-gray-900 font-sans">
+
+    <nav class="sticky top-0 bg-white/90 backdrop-blur-sm z-50 border-b border-gray-100 py-4 px-6 flex justify-between items-center">
+        <div class="text-2xl font-black text-blue-700 tracking-tighter">NEXUS<span class="text-gray-400">.</span></div>
+        <div class="hidden md:flex space-x-8 font-medium text-gray-600">
+            <a href="#" class="hover:text-blue-600 transition">Serviços</a>
+            <a href="#" class="hover:text-blue-600 transition">Sobre</a>
+            <a href="#" class="bg-blue-600 text-white px-5 py-2 rounded-full hover:bg-blue-700 transition">Contactar</a>
+        </div>
+    </nav>
+
+    <header class="py-24 px-6 text-center bg-white border-b border-gray-100">
+        <h1 class="text-5xl md:text-7xl font-extrabold mb-6 leading-tight">
+            Elevamos o seu negócio<br> com <span class="text-blue-600">tecnologia de ponta.</span>
+        </h1>
+        <p class="text-xl text-gray-600 mb-10 max-w-2xl mx-auto">
+            Soluções digitais à medida para empresas que querem liderar a transformação digital no mercado atual.
+        </p>
+        <button class="bg-gray-900 text-white px-10 py-4 rounded-xl font-bold hover:bg-gray-800 transition">Começar Projeto</button>
+    </header>
+
+    <section class="max-w-6xl mx-auto py-20 px-6">
+        <h2 class="text-3xl font-bold text-center mb-16">O que fazemos</h2>
+        <div class="grid md:grid-cols-3 gap-10">
+            <div class="bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-gray-100">
+                <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-6 text-blue-600 font-bold">01</div>
+                <h3 class="text-xl font-bold mb-3">Desenvolvimento Web</h3>
+                <p class="text-gray-600">Criamos plataformas robustas, escaláveis e com design moderno focado na experiência do utilizador.</p>
+            </div>
+            <div class="bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-gray-100">
+                <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-6 text-green-600 font-bold">02</div>
+                <h3 class="text-xl font-bold mb-3">Automação de Processos</h3>
+                <p class="text-gray-600">Eliminamos tarefas repetitivas e aumentamos a produtividade da sua equipa com soluções inteligentes.</p>
+            </div>
+            <div class="bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl transition-shadow border border-gray-100">
+                <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-6 text-purple-600 font-bold">03</div>
+                <h3 class="text-xl font-bold mb-3">Consultoria IT</h3>
+                <p class="text-gray-600">Estratégias tecnológicas desenhadas para garantir que o seu negócio está sempre um passo à frente.</p>
+            </div>
+        </div>
+    </section>
+
+    <footer class="bg-gray-900 text-white py-12 px-6 text-center">
+        <div class="text-2xl font-black mb-6">NEXUS.</div>
+        <p class="text-gray-400 mb-4">&copy; 2026 Nexus Solutions. Todos os direitos reservados.</p>
+        <div class="space-x-6 text-sm text-gray-500">
+            <a href="#">Privacidade</a>
+            <a href="#">Termos</a>
+            <a href="#">LinkedIn</a>
+        </div>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
