Changed logo

frontend/index.html

@@ -5,7 +5,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="./src/assets/icon.ico"
+      href="./src/assets/logo.png"
     />
     <!-- href="/vite.svg" -->
     <meta

frontend/src/assets/verified-symbol-icon.png:Zone.Identifier

@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://uxwing.com/wp-content/themes/uxwing/download/arts-graphic-shapes/verified-symbol-icon.png
+HostUrl=https://uxwing.com/wp-content/themes/uxwing/download/arts-graphic-shapes/verified-symbol-icon.png

frontend/src/components/Footer.tsx

@@ -1,4 +1,6 @@
-import { LogoIcon } from "./Icons";
+import LogoIcon from "../assets/logo.png";
+
+interface FeatureProps {                                                      image: string;                                                            }                                                                                                                                                       const features: FeatureProps[] = [                                            {                                                                             image: LogoIcon,                                                          },                                                                        ];
 
 export const Footer = () => {
   return (
@@ -11,8 +13,14 @@ export const Footer = () => {
             href="/"
             className="font-bold text-xl flex"
           >
-            <LogoIcon />
-            DocVerifyRAG
+             {features.map(({ image }: FeatureProps) => (
+
+              <img
+                src={LogoIcon}
+                alt="About feature"
+                className="w-[18px] lg:w-[28px] mx-2"
+              />
+        ))}    DocVerifyRAG
           </a>
         </div>
 

frontend/src/components/Icons.tsx

@@ -1,28 +1,3 @@
-export const LogoIcon = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className="lucide lucide-panels-top-left mr-2 w-6 h-6"
-    >
-      <rect
-        width="18"
-        height="18"
-        x="3"
-        y="3"
-        rx="2"
-      />
-      <path d="M3 9h18" />
-      <path d="M9 21V9" />
-    </svg>
-  );
-};
-
 export const MedalIcon = () => {
   return (
     <svg

frontend/src/components/Navbar.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Button } from "./ui/button";
+import LogoIcon from "../assets/logo.png";
 import { buttonVariants } from "./ui/button";
 import {
   NavigationMenu,
@@ -15,13 +16,22 @@ import {
 } from "@/components/ui/sheet";
 import { Menu } from "lucide-react";
 import { ModeToggle } from "./mode-toggle";
-import { LogoIcon } from "./Icons";
 
 interface RouteProps {
   href: string;
   label: string;
 }
 
+interface FeatureProps {
+  image: string;
+}
+
+const features: FeatureProps[] = [
+  {
+    image: LogoIcon,
+  },
+];
+
 const routeList: RouteProps[] = [
   {
     href: "#features",
@@ -44,9 +54,14 @@ export const Navbar = () => {
               href="/"
               className="ml-2 font-bold text-xl flex"
             >
-              <LogoIcon />
-              DocVerifyRAG
-            </a>
+         {features.map(({ image }: FeatureProps) => (
+    
+              <img
+                src={LogoIcon}
+                alt="About feature"
+                className="w-[18px] lg:w-[28px] mx-2"
+              />
+        ))}DocVerifyRAG</a>
           </NavigationMenuItem>
 
           {/* mobile */}