Создай favicon

components/navbar.js

@@ -26,7 +26,9 @@ class CustomNavbar extends HTMLElement {
       </style>
       <nav class="navbar fixed w-full z-50 py-4 px-6 bg-white md:bg-transparent">
         <div class="container mx-auto flex justify-between items-center">
-          <a href="/" class="text-2xl font-bold text-primary">Toptera</a>
-          
-          <div class="hidden md:flex space-x-8">
+          <a href="/" class="text-2xl font-bold text-primary flex items-center">
+            <img src="/static/favicon.ico" alt="Logo" class="w-6 h-6 mr-2">
+            Toptera
+          </a>
+<div class="hidden md:flex space-x-8">
             <a href="#problem" class="text-zinc-700 hover:text-primary transition duration-300">

index.html

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Toptera - Контент-машины для роста трафика</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>