adicionei os tutoriais na barra lateral

Author: fercarvalho

src/components/Sidebar.tsx

@@ -13,6 +13,7 @@ import {
   Bot,
   Settings,
   DollarSign,
+  PlayCircle,
 } from "lucide-react";
 import { useState } from "react";
 
@@ -22,6 +23,7 @@ const categories = [
   { icon: Settings, label: "Automações", count: 1, active: false },
   { icon: MessageCircle, label: "Atalhos para WhatsApp", count: 1, active: false },
   { icon: DollarSign, label: "Financeiro", count: 5, active: false },
+  { icon: PlayCircle, label: "Tutoriais", count: 1, active: false },
 ];
 
 const Sidebar = () => {
@@ -72,6 +74,7 @@ const Sidebar = () => {
                 if (category.label === "Automações") href = "#automacoes";
                 if (category.label === "Atalhos para WhatsApp") href = "#outros-atalhos-whatsapp";
                 if (category.label === "Financeiro") href = "#financeiro";
+                if (category.label === "Tutoriais") href = "#tutoriais";
                 return (
                   <a
                     key={category.label}

src/pages/Index.tsx

@@ -397,7 +397,7 @@ function Index() {
               </section>
 
               {/* Tutoriais Section */}
-              <section>
+              <section id="tutoriais">
                 <h2 className="text-2xl font-bold text-foreground mb-6">Tutoriais</h2>
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                   {tutorials.map((tutorial) => (