v7

fezcode · fezcode · commit 4c8110af61e9 · 2025-10-15T01:13:47.000+03:00
diff --git a/src/components/Fez.js b/src/components/Fez.js
@@ -0,0 +1,29 @@
+import React from 'react';
+
+const Fez = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    width="40"
+    height="40"
+    className="text-white"
+    style={{ transform: 'rotate(-30deg)' }}
+  >
+    <g transform="translate(0, -2)">
+      <path
+        d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z"
+        fill="white"
+        stroke="white"
+        strokeWidth="2"
+      />
+      <path
+        d="M 50 25 Q 60 15, 70 25"
+        stroke="white"
+        strokeWidth="2"
+        fill="none"
+      />
+    </g>
+  </svg>
+);
+
+export default Fez;
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
-import Logo from './Logo';
+import Fez from './Fez';
 
 const Navbar = () => {
   const [isScrolled, setIsScrolled] = useState(false);
@@ -19,7 +19,7 @@ const Navbar = () => {
     <header className={`backdrop-blur-sm sticky top-0 z-40 transition-colors border-b ${isScrolled ? 'border-gray-700/50' : 'border-transparent'}`}>
       <div className="container mx-auto flex justify-between items-center p-4 text-white">
         <Link to="/" className="flex items-center space-x-2">
-          <Logo />
+          <Fez />
           <span className="text-2xl font-semibold tracking-tight">fezcode</span>
         </Link>
         <div className="flex items-center space-x-6">
