fix: fix web audit

esc-chula · Sep 14, 2024 · 962f346 · 962f346
1 parent e2e4b40
commit 962f346
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 8 deletions.
diff --git a/src/components/landing/Footer.tsx b/src/components/landing/Footer.tsx
@@ -6,17 +6,44 @@ import Tiktok from "@/assets/landing/tiktok.svg";
 export default function Footer() {
   return (
     <footer className="flex w-full items-center justify-center gap-3 border-t-[2px] border-black bg-base-03">
-      <img alt="larngear logo" src={LarngearLogo.src} />
+      <img alt="larngear logo" src={LarngearLogo.src} loading="lazy" />
       <p className="text-[20px] font-semibold text-black">LarnGear Camp</p>
       <div className="flex justify-center space-x-4">
-        <a href="#" aria-label="Facebook" className="text-gray-600">
-          <img className="aspect-square w-9" src={Facebook.src} />
+        <a
+          href="https://www.facebook.com/LARNGEARCAMP"
+          aria-label="Facebook"
+          className="text-gray-600"
+        >
+          <img
+            className="aspect-square w-9"
+            src={Facebook.src}
+            alt="Facebook logo"
+            loading="lazy"
+          />
         </a>
-        <a href="#" aria-label="Instagram" className="text-gray-600">
-          <img className="aspect-square w-9" src={InstagramBlack.src} />
+        <a
+          href="https://www.instagram.com/larngear_camp/"
+          aria-label="Instagram"
+          className="text-gray-600"
+        >
+          <img
+            className="aspect-square w-9"
+            src={InstagramBlack.src}
+            alt="Instagram logo"
+            loading="lazy"
+          />
         </a>
-        <a href="#" aria-label="TikTok" className="text-gray-600">
-          <img className="aspect-square w-9" src={Tiktok.src} />
+        <a
+          href="https://www.tiktok.com/@larngear_camp"
+          aria-label="TikTok"
+          className="text-gray-600"
+        >
+          <img
+            className="aspect-square w-9"
+            src={Tiktok.src}
+            alt="Tiktok logo"
+            loading="lazy"
+          />
         </a>
       </div>
     </footer>

diff --git a/src/components/landing/ShopCard.tsx b/src/components/landing/ShopCard.tsx
@@ -16,7 +16,10 @@ export default function ShopCard() {
             className="bg-gray aspect-square w-[171px] rounded-[15px]"
           />
         </a>
-        <a className="transition hover:cursor-not-allowed">
+        <a
+          href="https://www.instagram.com/chulaintaniashop"
+          className="transition hover:cursor-not-allowed"
+        >
           <img
             src={ComingSoon.src}
             alt="Coming Soon"
@@ -32,6 +35,8 @@ export default function ShopCard() {
           <img
             src={InstagramColor.src}
             className="mr-2 aspect-square w-[25px]"
+            alt="Instagram logo"
+            loading="lazy"
           />
           @chulaintaniashop
         </a>