reza added logo

src/components/Navbar/index.js

@@ -2,15 +2,17 @@ import React from "react";
 import { Link } from "react-router-dom";
 import grayBagIcon from "../../assets/icons/gray-bag.svg";
 import graySearchIcon from "../../assets/icons/gray-search.svg";
+import logoIcon from '../../assets/icons/logo.svg';
 
 export default function Navbar({ pages }) {
   return (
     <div className="z-50 flex flex-1 flex-row fixed left-0 top-0 justify-between w-full bg-opacity-20 shadow-sm bg-white backdrop-filter backdrop-blur-md lg:px-5 xl:px-10">
       <div className="flex flex-row items-center">
         <Link to="/">
-          <strong className="ml-3 text-primary lg:text-md xl:text-xl">
+          {/* <strong className="ml-3 text-primary lg:text-md xl:text-xl">
             Desing system
-          </strong>
+          </strong> */}
+          <img src={logoIcon} alt="" className="w-9" />
         </Link>
         <ul className="list-none p-0 m-0 flex flex-row">
           {pages.map((page, i) => (

src/views/Home/Page1/Book/index.js

@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 
 export default function Book({ book }) {
   return (
-    <Link to={`{/products/${book.name}}`} className="flex group relative">
+    <Link to={`{/products/${book.name}}`} className="flex group relative cursor-pointer">
       <img src={book.imageUrl} alt={book.name} />
       <button className="py-1.5 px-5 border absolute border-white rounded-2xl group-hover:opacity-100 bottom-10 opacity-0 transition-all left-1/2 transform -translate-x-1/2 bg-blue90 bg-opacity-90 text-white text-sm">
         مشاهده و خرید

src/views/Home/Page1/Header/index.js

@@ -5,9 +5,9 @@ import _ from "lodash";
 
 export default function Header() {
   return (
-    <header className="container flex flex-row justify-between z-50 transform -translate-y-24">
+    <header className="container flex flex-row justify-between z-20 transform -translate-y-24">
       {[32, 17, 0, -17, -32].map((light, index) => (
-        <Light degree={light} key={index}/>
+        <Light degree={light} key={index} />
       ))}
     </header>
   );
@@ -18,17 +18,14 @@ const Light = ({ degree }) => {
     <div
       className="flex flex-col items-center relative"
       style={{ transform: `rotate(${degree}deg)` }}
+      draggable={false}
     >
-      <img src={projectorIcon} alt="" className="w-12 h-12" />
+      <img src={projectorIcon} alt="" className="w-12 h-12" draggable={false} />
       <img
+        draggable={false}
         src={lightIcon}
         alt=""
-        className={_.join(
+        className={_.join(["absolute z-50 light-animation"], " ")}
-          [
-            "absolute z-50 light-animation",
-          ],
-          " "
-        )}
         style={{ transform: `scale(6) translateY(24%)` }}
       />
     </div>