Update index.html

bernardoyt1093-wq · web-flow · commit 5afbc90430c2 · 2026-05-09T09:55:45.000-03:00
diff --git a/index.html b/index.html
@@ -4,6 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>JS Master - Prof. Bernardo</title>
+    
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Playwrite+IE+Sj:wght@100..400&display=swap" rel="stylesheet">
+    
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
@@ -15,29 +20,53 @@
             <li><a href="aulas.html">Aulas</a></li>
             <li><a href="praticas.html">Práticas</a></li>
             <li><a href="https://discord.com/channels/1499755355570176081/1499755770991083570" target="_blank" class="btn-comunidade">Comunidade</a></li>
-            <li><button id="theme-button" class="theme-switch">Trocar Tema</button></li>
         </ul>
     </nav>
 
     <header class="hero">
-        <h1>Laboratório <span>Bernardo</span></h1>
-        <p>Aprenda JavaScript com Estilo e Prática.</p>
+        <h1>Domine o <span>JavaScript</span> do zero com o prof. Bernardo.</h1>
+        <p>Aprenda programação de um jeito simples, prático e interativo.</p>
+        <div style="margin-top: 20px;">
+            <button class="btn-primary" onclick="window.location.href='aulas.html'">Começar a Estudar</button>
+        </div>
     </header>
 
     <main class="container">
-        <div id="tutorial-texto"></div>
-
-        <section class="card">
-            <h2>Desafios de Código</h2>
-            <p>Selecione um nível para abrir o laboratório:</p>
-            <div style="display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap;">
-                <button onclick="verAula(1)" class="btn-primary">Nível 1: Variáveis</button>
-                <button onclick="verAula(2)" class="btn-primary">Nível 2: Funções</button>
-                <button onclick="verAula(3)" class="btn-primary">Nível 3: Lógica</button>
-            </div>
+        
+        <section class="card" style="text-align: center; margin-bottom: 40px;">
+            <h2 style="font-family: 'Playwrite IE Sj', cursive; color: var(--js-yellow);">Bem-vindo ao Portal</h2>
+            <p>Este é o seu espaço para dominar a linguagem que move a internet. Navegue pelas aulas teóricas ou vá direto para o nosso laboratório praticar!</p>
         </section>
+
+        <div class="cards-container">
+            <div class="card">
+                <span class="badge">Teoria</span>
+                <h3>Aulas Explicativas</h3>
+                <p>Conteúdo detalhado sobre variáveis, funções e lógica de programação.</p>
+                <button onclick="window.location.href='aulas.html'" class="btn-lesson">Ver Aulas</button>
+            </div>
+
+            <div class="card">
+                <span class="badge">Mão na Massa</span>
+                <h3>Laboratório JS</h3>
+                <p>Um editor de código interativo para você testar seus conhecimentos agora.</p>
+                <button onclick="window.location.href='praticas.html'" class="btn-lesson">Ir para Práticas</button>
+            </div>
+
+            <div class="card">
+                <span class="badge">Networking</span>
+                <h3>Comunidade</h3>
+                <p>Tire suas dúvidas e interaja com outros alunos no nosso Discord.</p>
+                <button onclick="window.location.href='https://discord.com/channels/1499755355570176081/1499755770991083570'" class="btn-lesson" style="background:#5865F2;">Abrir Discord</button>
+            </div>
+        </div>
     </main>
 
+    <footer style="text-align: center; padding: 40px; color: var(--js-yellow); opacity: 0.8; font-size: 0.9rem;">
+        &copy; 2026 JS Master - Criado por Prof. Bernardo.
+    </footer>
+
     <script src="script.js"></script>
+
 </body>
 </html>
