diff --git a/assets/aastar/logo-aastar.png b/assets/aastar/logo-aastar.png
new file mode 100644
index 0000000..522d3bf
Binary files /dev/null and b/assets/aastar/logo-aastar.png differ
diff --git a/components/layout/footer/footer.tsx b/components/layout/footer/footer.tsx
index da095f2..d689d2e 100644
--- a/components/layout/footer/footer.tsx
+++ b/components/layout/footer/footer.tsx
@@ -5,7 +5,8 @@ import { AiFillInstagram } from "react-icons/ai";
 import { Container } from "../../util/container";
 import { RawRenderer } from "./rawRenderer";
 import { useTheme } from "..";
-import { Icon } from "../../util/icon";
+import LogoImg from "../../../assets/aastar/logo-aastar.png";
+import Image from "next/image";
 
 export const Footer = ({ data, icon, rawData }) => {
   const theme = useTheme();
@@ -50,15 +51,7 @@ export const Footer = ({ data, icon, rawData }) => {
             href="/"
             className="group mx-2 flex items-center font-bold tracking-tight text-gray-400 dark:text-gray-300 opacity-50 hover:opacity-100 transition duration-150 ease-out whitespace-nowrap"
           >
-            <Icon
-              parentColor={data.color}
-              data={{
-                name: icon.name,
-                color: data.color === "primary" ? "primary" : icon.color,
-                style: icon.style,
-              }}
-              className="inline-block h-10 w-auto group-hover:text-orange-500"
-            />
+             <Image src={LogoImg}  alt="logo" style={{"width": "5rem"}} />
           </Link>
           <div className="flex gap-4">
             {data.social && data.social.facebook && (
@@ -122,7 +115,7 @@ export const Footer = ({ data, icon, rawData }) => {
               </a>
             )}
           </div>
-          <RawRenderer parentColor={data.color} rawData={rawData} />
+          {/* <RawRenderer parentColor={data.color} rawData={rawData} /> */}
         </div>
         <div
           className={`absolute h-1 bg-gradient-to-r from-transparent ${
diff --git a/components/layout/header.tsx b/components/layout/header.tsx
index 4ab6249..eb143a5 100644
--- a/components/layout/header.tsx
+++ b/components/layout/header.tsx
@@ -6,6 +6,8 @@ import { useTheme } from ".";
 import { Icon } from "../util/icon";
 import { tinaField } from "tinacms/dist/react";
 import { GlobalHeader } from "../../tina/__generated__/types";
+import Image from "next/image";
+import LogoImg from "../../assets/aastar/logo-aastar.png";
 
 export const Header = ({ data }: { data: GlobalHeader }) => {
   const router = useRouter();
@@ -72,15 +74,7 @@ export const Header = ({ data }: { data: GlobalHeader }) => {
               href="/"
               className="flex gap-1 items-center whitespace-nowrap tracking-[.002em]"
             >
-              <Icon
-                tinaField={tinaField(data, "icon")}
-                parentColor={data.color}
-                data={{
-                  name: data.icon.name,
-                  color: data.icon.color,
-                  style: data.icon.style,
-                }}
-              />
+              <Image src={LogoImg}  alt="logo" style={{"width": "5rem"}}></Image>
               <span data-tina-field={tinaField(data, "name")}>{data.name}</span>
             </Link>
           </h4>
diff --git a/public/favicon.ico b/public/favicon.ico
index 80d117d..af90cc0 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ