feat: revisão inicial

Author: wilcorrea

src/components/Header.tsx

@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button";
-import { Github, BookOpen, Moon, Sun } from "lucide-react";
+import { Github, Moon, Play, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Link, useNavigate } from "react-router-dom";
 import deviLogo from "@/assets/devitools-logo.png";
@@ -49,28 +49,29 @@ const Header = () => {
               Effulgence
             </Link>
             <Link to="/docs" className="text-muted-foreground hover:text-primary transition-colors">
-              Todas as Ferramentas
+              Todas as Soluções
             </Link>
           </nav>
 
           <div className="flex items-center space-x-4">
             <Button variant="ghost" size="icon" onClick={toggleTheme}>
               {theme === "dark" ? <Sun className="w-4 h-4" /> : <Moon className="w-4 h-4" />}
             </Button>
-            <Button 
-              variant="ghost" 
+            <Button
+              className="hidden xs:flex"
+              variant="ghost"
               size="sm"
-              onClick={() => window.open('https://github.com/devitools', '_blank')}
+              onClick={() => window.open("https://github.com/devitools", "_blank")}
             >
-              <Github className="w-4 h-4 mr-2" />
-              GitHub
+              <Github className="w-4 h-4" />
+              <span className="hidden sm:flex ml-2">GitHub</span>
             </Button>
-            <Button 
-              size="sm" 
+            <Button
+              size="sm"
               className="bg-gradient-primary shadow-elegant"
-              onClick={() => navigate('/docs')}
+              onClick={() => navigate("/docs")}
             >
-              <BookOpen className="w-4 h-4 mr-2" />
+              <Play className="w-4 h-4 mr-2" />
               Começar
             </Button>
           </div>

src/pages/Index.tsx

@@ -3,7 +3,7 @@ import Packages from "@/components/Packages";
 import CodeExamples from "@/components/CodeExamples.tsx";
 import Footer from "@/components/Footer";
 import { Button } from "@/components/ui/button";
-import { ArrowRight, Code, Radar, Rocket, Sparkles, Zap } from "lucide-react";
+import { Code, Play, Radar, Rocket, Sparkles } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 import Hero from "@/components/Hero.tsx";
 
@@ -39,9 +39,8 @@ const Index = () => {
               className="bg-gradient-primary shadow-glow text-lg px-8 py-6"
               onClick={() => navigate("/docs")}
             >
-              <Zap className="w-5 h-5 mr-2" />
+              <Play className="w-5 h-5 mr-2" />
               Começar Agora
-              <ArrowRight className="w-5 h-5 ml-2" />
             </Button>
             <Button variant="outline" size="lg" className="text-lg px-8 py-6">
               <Code className="w-5 h-5 mr-2" />

tailwind.config.ts

@@ -10,6 +10,14 @@ export default {
 	],
 	prefix: "",
 	theme: {
+    screens: {
+      'xs': '460px',
+      'sm': '640px',
+      'md': '768px',
+      'lg': '1024px',
+      'xl': '1280px',
+      '2xl': '1536px',
+    },
 		container: {
 			center: true,
 			padding: '2rem',