ssh! и документы

ospabhost/frontend/src/components/header.tsx

@@ -1,5 +1,6 @@
 import { Link } from 'react-router-dom';
 import useAuth from '../context/useAuth';
+import logo from '../assets/logo.svg';
 
 const Header = () => {
   const { isLoggedIn, logout } = useAuth();
@@ -9,10 +10,13 @@ const Header = () => {
   };
 
   return (
-    <header className="fixed top-0 left-0 right-0 z-50 bg-white shadow-md">
+    <header className="static bg-white shadow-md">
       <div className="container mx-auto px-4 py-4 flex justify-between items-center">
-        <div className="text-xl font-bold text-gray-800">
-          <Link to="/" className="font-mono text-2xl">ospab.host</Link>
+        <div className="flex items-center gap-1">
+          <Link to="/" className="flex items-center">
+            <img src={logo} alt="Логотип" className="h-14 w-auto mr-2" />
+            <span className="font-mono text-2xl text-gray-800 font-bold">ospab.host</span>
+          </Link>
         </div>
         <div className="flex items-center space-x-4">
           <Link to="/tariffs" className="text-gray-600 hover:text-ospab-primary transition-colors">Тарифы</Link>