From b98ece1d2cffd3fb5c713cffbc7ba25e4e2192e2 Mon Sep 17 00:00:00 2001
From: Bartosz Nowak <bartoszn337@gmail.com>
Date: Sun, 29 Oct 2023 14:16:31 +0100
Subject: [PATCH] ceo imporvements

---
 public/manifest.json                |  1 +
 src/components/footer/footer.tsx    |  8 ++++----
 src/components/header/header.tsx    | 18 ++++++++++++------
 src/components/technology/index.tsx | 11 ++++++++---
 4 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/public/manifest.json b/public/manifest.json
index b2ab0c0..53df879 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -5,5 +5,6 @@
   "start_url": ".",
   "display": "standalone",
   "background_color": "#040c18",
+  "theme_color": "#040c18",
   "description": "Exchange, Transfer, Build Your Crypto Business with KSOX"
 }
diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx
index 7f24907..d35301b 100644
--- a/src/components/footer/footer.tsx
+++ b/src/components/footer/footer.tsx
@@ -29,28 +29,28 @@ export default component$(() => {
             target="_blank"
             rel="noreferrer"
           >
-            <img src={DiscordSvg} width={30} height={30} />
+            <img src={DiscordSvg} width={30} height={30} alt="discord" />
           </a>
           <a
             href={"https://t.me/ksox_community"}
             target="_blank"
             rel="noreferrer"
           >
-            <img src={TelegramSvg} width={30} height={30} />
+            <img src={TelegramSvg} width={30} height={30} alt="telegram" />
           </a>
           <a
             href={"https://www.linkedin.com/company/ksox"}
             target="_blank"
             rel="noreferrer"
           >
-            <img src={LinkedInSvg} width={30} height={30} />
+            <img src={LinkedInSvg} width={30} height={30} alt="linkedin" />
           </a>
           <a
             href={"https://twitter.com/KsoxExchange"}
             target="_blank"
             rel="noreferrer"
           >
-            <img src={XSvg} width={30} height={30} />
+            <img src={XSvg} width={30} height={30} alt="twitter" />
           </a>
         </div>
       </div>
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index 28a1114..568e87b 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -21,24 +21,30 @@ export default component$(() => {
       <div class={wrapper}>
         <div class={leftSide}>
           <a href="#landing-page">
-            <img src={LogoSvg} width={100} height={40} class={navItem} />
+            <img
+              src={LogoSvg}
+              width={100}
+              height={40}
+              class={navItem}
+              alt="ksox"
+            />
           </a>
         </div>
         <div class={rightSide}>
           <a href={"#ksox-solutions"}>
             <div class={[box, navItem]}>
               <div class={boxText}>Solutions</div>
-              <img src={SolutionsSvg} width={20} height={20} />
+              <img src={SolutionsSvg} width={20} height={20} alt="solutions" />
             </div>
           </a>
-          <img src={DotSvg} width={5} height={5} />
+          <img src={DotSvg} width={5} height={5} alt="spacer" />
           <a href={"#contact"}>
             <div class={[box, navItem]}>
               <div class={boxText}>Connect</div>
-              <img src={ConnectSvg} width={20} height={20} />
+              <img src={ConnectSvg} width={20} height={20} alt="contact" />
             </div>
           </a>
-          <img src={DotSvg} width={5} height={5} />
+          <img src={DotSvg} width={5} height={5} alt="spacer" />
           <a
             href={"https://github.com/visoftsolutions"}
             target="_blank"
@@ -46,7 +52,7 @@ export default component$(() => {
           >
             <div class={[box, navItem]}>
               <div class={boxText}>Source Code</div>
-              <img src={GithubSvg} width={20} height={20} />
+              <img src={GithubSvg} width={20} height={20} alt="github" />
             </div>
           </a>
         </div>
diff --git a/src/components/technology/index.tsx b/src/components/technology/index.tsx
index 8c92b54..78a938f 100644
--- a/src/components/technology/index.tsx
+++ b/src/components/technology/index.tsx
@@ -34,7 +34,7 @@ export default component$(() => {
             </div>
           </div>
           <div q:slot="image">
-            <img src={ServerSvg} width={280} height={200} />
+            <img src={ServerSvg} width={280} height={200} alt="safety image" />
           </div>
         </InfoboxLeft>
         <InfoboxRight>
@@ -53,7 +53,7 @@ export default component$(() => {
             </div>
           </div>
           <div q:slot="image">
-            <img src={LaptopSvg} width={280} height={200} />
+            <img src={LaptopSvg} width={280} height={200} alt="offer image" />
           </div>
         </InfoboxRight>
         <InfoboxLeft>
@@ -71,7 +71,12 @@ export default component$(() => {
             </div>
           </div>
           <div q:slot="image">
-            <img src={ReceiptSvg} width={280} height={200} />
+            <img
+              src={ReceiptSvg}
+              width={280}
+              height={200}
+              alt="features image"
+            />
           </div>
         </InfoboxLeft>
       </div>