criação do website

src/components/layout/Sidebar.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+import { 
+  LayoutDashboard, 
+  Trophy, 
+  Users, 
+  User, 
+  Calendar, 
+  BarChart, 
+  Settings, 
+  LogOut,
+  Zap
+} from 'lucide-react';
+
+const Sidebar = () => {
+  const menuItems = [
+    { icon: LayoutDashboard, label: 'Dashboard', path: '/' },
+    { icon: Zap, label: 'Jogos Live', path: '/games/live' },
+    { icon: Calendar, label: 'Jornadas', path: '/games' },
+    { icon: Trophy, label: 'Classificação', path: '/standings' },
+    { icon: Users, label: 'Clubes', path: '/clubs' },
+    { icon: User, label: 'Jogadores', path: '/players' },
+    { icon: BarChart, label: 'Artilheiros', path: '/scorers' },
+  ];
+
+  return (
+    <aside className="w-60 bg-bg-surface border-r border-border flex flex-col h-screen sticky top-0">
+      <div className="p-6 flex items-center gap-3 border-b border-border">
+        <div className="bg-brand-primary p-2 rounded-lg">
+          <Zap className="text-bg-base fill-bg-base" size={24} />
+        </div>
+        <span className="font-display text-2xl tracking-wider">⚽ ADM</span>
+      </div>
+
+      <nav className="flex-1 py-6 px-3 space-y-1">
+        {menuItems.map((item) => (
+          <NavLink
+            key={item.path}
+            to={item.path}
+            className={({ isActive }) => `
+              flex items-center gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 group
+              ${isActive 
+                ? 'bg-brand-primary/10 text-brand-primary border-l-4 border-brand-primary rounded-l-none' 
+                : 'text-text-secondary hover:bg-bg-overlay hover:text-text-primary'}
+            `}
+          >
+            <item.icon size={20} className="shrink-0" />
+            <span className="font-medium text-sm">{item.label}</span>
+          </NavLink>
+        ))}
+      </nav>
+
+      <div className="p-4 border-t border-border space-y-1">
+        <NavLink
+          to="/settings"
+          className="flex items-center gap-3 px-3 py-2.5 rounded-lg text-text-secondary hover:bg-bg-overlay hover:text-text-primary transition-all"
+        >
+          <Settings size={20} />
+          <span className="font-medium text-sm">Definições</span>
+        </NavLink>
+        <button className="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-brand-danger hover:bg-brand-danger/10 transition-all">
+          <LogOut size={20} />
+          <span className="font-medium text-sm">Sair</span>
+        </button>
+      </div>
+    </aside>
+  );
+};
+
+export default Sidebar;