remocao do header

app/page.tsx

@@ -62,9 +62,8 @@ export default function InicialPage() {
 
         {/* Navegação principal */}
         <nav
-          className={`${
+          className={`${isMenuOpen ? "block" : "hidden"
-            isMenuOpen ? "block" : "hidden"
+            } absolute top-[76px] left-0 w-full bg-card shadow-md py-4 md:relative md:top-auto md:left-auto md:w-auto md:block md:bg-transparent md:shadow-none z-10`}
-          } absolute top-[76px] left-0 w-full bg-card shadow-md py-4 md:relative md:top-auto md:left-auto md:w-auto md:block md:bg-transparent md:shadow-none z-10`}
         >
           <div className="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-6 text-muted-foreground font-medium items-center">
             <Link href="#home" className="hover:text-primary">

components/doctor-layout.tsx

@@ -167,9 +167,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
     // O restante do seu código JSX permanece exatamente o mesmo
     <div className="min-h-screen bg-background flex">
       <div
-        className={`bg-card border-r border transition-all duration-300 ${
+        className={`bg-card border-r border transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
-          sidebarCollapsed ? "w-16" : "w-64"
+          } fixed left-0 top-0 h-screen flex flex-col z-50`}
-        } fixed left-0 top-0 h-screen flex flex-col z-50`}
       >
         <div className="p-4 border-b border">
           <div className="flex items-center justify-between">
@@ -205,11 +204,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                    isActive
+                    ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
-                      ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
+                    : "text-gray-600 hover:bg-gray-50"
-                      : "text-gray-600 hover:bg-gray-50"
+                    }`}
-                  }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -223,9 +221,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
         // ... (seu código anterior)
         {/* Sidebar para desktop */}
         <div
-          className={`bg-white border-r border-gray-200 transition-all duration-300 ${
+          className={`bg-white border-r border-gray-200 transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
-            sidebarCollapsed ? "w-16" : "w-64"
+            } fixed left-0 top-0 h-screen flex flex-col z-50`}
-          } fixed left-0 top-0 h-screen flex flex-col z-50`}
         >
           <div className="p-4 border-b border-gray-200">
             <div className="flex items-center justify-between">
@@ -264,11 +261,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
               return (
                 <Link key={item.href} href={item.href}>
                   <div
-                    className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                    className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                      isActive
+                      ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
-                        ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
+                      : "text-gray-600 hover:bg-gray-50"
-                        : "text-gray-600 hover:bg-gray-50"
+                      }`}
-                    }`}
                   >
                     <Icon className="w-5 h-5 flex-shrink-0" />
                     {!sidebarCollapsed && (
@@ -317,9 +313,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             </div>
 
             <div
-              className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors text-muted-foreground hover:bg-accent cursor-pointer ${
+              className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors text-muted-foreground hover:bg-accent cursor-pointer ${sidebarCollapsed ? "justify-center" : ""
-                sidebarCollapsed ? "justify-center" : ""
+                }`}
-              }`}
               onClick={handleLogout}
             >
               <LogOut className="w-5 h-5 flex-shrink-0" />
@@ -335,9 +330,8 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
         ></div>
       )}
       <div
-        className={`bg-white border-r border-gray-200 fixed left-0 top-0 h-screen flex flex-col z-50 transition-transform duration-300 md:hidden ${
+        className={`bg-white border-r border-gray-200 fixed left-0 top-0 h-screen flex flex-col z-50 transition-transform duration-300 md:hidden ${isMobileMenuOpen ? "translate-x-0 w-64" : "-translate-x-full w-64"
-          isMobileMenuOpen ? "translate-x-0 w-64" : "-translate-x-full w-64"
+          }`}
-        }`}
       >
         <div className="p-4 border-b border-gray-200 flex items-center justify-between">
           <div className="flex items-center gap-2">
@@ -366,11 +360,10 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href} onClick={toggleMobileMenu}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                    isActive
+                    ? "bg-accent text-accent-foreground border-r-2 border-primary"
-                      ? "bg-accent text-accent-foreground border-r-2 border-primary"
+                    : "text-muted-foreground hover:bg-accent"
-                      : "text-muted-foreground hover:bg-accent"
+                    }`}
-                  }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   <span className="font-medium">{item.label}</span>
@@ -416,24 +409,9 @@ export default function DoctorLayout({ children }: PatientLayoutProps) {
       </div>
 
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
-          sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
-        }`}
       >
-        <header className="bg-card border-b border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-red-500 text-white text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         <main className="flex-1 p-6">{children}</main>
       </div>

components/manager-layout.tsx

@@ -130,9 +130,8 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
   return (
     <div className="min-h-screen bg-gray-50 flex">
       <div
-        className={`bg-white border-r border-gray-200 transition-all duration-300 fixed top-0 h-screen flex flex-col z-30 ${
+        className={`bg-white border-r border-gray-200 transition-all duration-300 fixed top-0 h-screen flex flex-col z-30 ${sidebarCollapsed ? "w-16" : "w-64"
-          sidebarCollapsed ? "w-16" : "w-64"
+          }`}
-        }`}
       >
         <div className="p-4 border-b border-gray-200 flex items-center justify-between">
           {!sidebarCollapsed && (
@@ -164,11 +163,10 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
             return (
               <Link key={item.label} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                    isActive
                       ? "bg-blue-50 text-blue-600 border-r-2 border-blue-600"
                       : "text-gray-600 hover:bg-gray-50"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -219,21 +217,10 @@ export default function ManagerLayout({ children }: ManagerLayoutProps) {
       </div>
 
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 w-full ${
+        className={`flex-1 flex flex-col transition-all duration-300 w-full ${sidebarCollapsed ? "ml-16" : "ml-64"
-          sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
-        }`}
       >
-        <header className="bg-white border-b border-gray-200 px-4 md:px-6 py-4 flex items-center justify-between">
+
-          <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-          <div className="flex items-center gap-4 ml-auto">
-            <Button variant="ghost" size="sm" className="relative">
-              <Bell className="w-5 h-5" />
-              <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-red-500 text-white text-xs">
-                1
-              </Badge>
-            </Button>
-          </div>
-        </header>
         <main className="flex-1 p-4 md:p-6">{children}</main>
       </div>
 

components/patient-layout.tsx

@@ -134,9 +134,8 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
     <div className="min-h-screen bg-background flex">
       {/* Sidebar */}
       <div
-        className={`bg-card border-r border-border transition-all duration-300 ${
+        className={`bg-card border-r border-border transition-all duration-300 ${sidebarCollapsed ? "w-16" : "w-64"
-          sidebarCollapsed ? "w-16" : "w-64"
+          } fixed left-0 top-0 h-screen flex flex-col z-10`}
-        } fixed left-0 top-0 h-screen flex flex-col z-10`}
       >
         {/* Header da Sidebar */}
         <div className="p-4 border-b border-border">
@@ -177,11 +176,10 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                    isActive
                       ? "bg-accent text-accent-foreground"
                       : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -237,25 +235,9 @@ export default function PatientLayout({ children }: PatientLayoutProps) {
 
       {/* Main Content */}
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
-          sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
-        }`}
       >
-        {/* Header */}
-        <header className="bg-card border-b border-border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-destructive text-destructive-foreground text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         {/* Page Content */}
         <main className="flex-1 p-6">{children}</main>

components/secretary-layout.tsx

@@ -175,11 +175,10 @@ export default function SecretaryLayout({ children }: SecretaryLayoutProps) {
             return (
               <Link key={item.href} href={item.href}>
                 <div
-                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${
+                  className={`flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors ${isActive
-                    isActive
                       ? "bg-accent text-accent-foreground"
                       : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                  }`}
+                    }`}
                 >
                   <Icon className="w-5 h-5 flex-shrink-0" />
                   {!sidebarCollapsed && (
@@ -231,24 +230,9 @@ export default function SecretaryLayout({ children }: SecretaryLayoutProps) {
 
       {/* Main Content */}
       <div
-        className={`flex-1 flex flex-col transition-all duration-300 ${
+        className={`flex-1 flex flex-col transition-all duration-300 ${sidebarCollapsed ? "ml-16" : "ml-64"
-          sidebarCollapsed ? "ml-16" : "ml-64"
+          }`}
-        }`}
       >
-        <header className="bg-card border-b border-border px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-4 flex-1 max-w-md"></div>
-
-            <div className="flex items-center gap-4">
-              <Button variant="ghost" size="sm" className="relative">
-                <Bell className="w-5 h-5" />
-                <Badge className="absolute -top-1 -right-1 w-5 h-5 p-0 flex items-center justify-center bg-destructive text-destructive-foreground text-xs">
-                  1
-                </Badge>
-              </Button>
-            </div>
-          </div>
-        </header>
 
         <main className="flex-1 p-6">{children}</main>
       </div>