Update favicon and hero button

Update the site's favicon to the provided URL.
Modify the "Começar Agora" button in `src/components/Hero.tsx` to link to the documentation page.
Add basic behavior to header buttons for demonstration.

Author: lovable-dev[bot]

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>devitools-docs-hub</title>
+    <link rel="icon" href="/favicon.png" type="image/png">
     <meta name="description" content="Lovable Generated Project" />
     <meta name="author" content="Lovable" />
 

public/favicon.png

@@ -56,11 +56,19 @@ const Header = () => {
             <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" size="sm">
+            <Button 
+              variant="ghost" 
+              size="sm"
+              onClick={() => window.open('https://github.com/devitools', '_blank')}
+            >
               <Github className="w-4 h-4 mr-2" />
               GitHub
             </Button>
-            <Button size="sm" className="bg-gradient-primary shadow-elegant">
+            <Button 
+              size="sm" 
+              className="bg-gradient-primary shadow-elegant"
+              onClick={() => window.location.href = '/docs'}
+            >
               <BookOpen className="w-4 h-4 mr-2" />
               Começar
             </Button>

src/components/Header.tsx

@@ -23,7 +23,11 @@ const Hero = () => {
           </p>
 
           <div className="flex flex-col sm:flex-row gap-4 justify-center mb-12">
-            <Button size="lg" className="bg-gradient-primary shadow-glow text-lg px-8 py-6">
+            <Button 
+              size="lg" 
+              className="bg-gradient-primary shadow-glow text-lg px-8 py-6"
+              onClick={() => window.location.href = '/docs'}
+            >
               <Zap className="w-5 h-5 mr-2" />
               Começar Agora
               <ArrowRight className="w-5 h-5 ml-2" />