From 0cf64baf48278c4f583dda4eb40f7f942be1d970 Mon Sep 17 00:00:00 2001
From: Ovodo <ovdizzle@gmail.com>
Date: Tue, 21 May 2024 00:03:21 +0100
Subject: [PATCH] changed nextconfig

---
 public/images/arrow.svg       |  4 ++++
 src/components/FooterItem.jsx | 13 ++++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 public/images/arrow.svg

diff --git a/public/images/arrow.svg b/public/images/arrow.svg
new file mode 100644
index 00000000..28f41e18
--- /dev/null
+++ b/public/images/arrow.svg
@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="6" cy="6" r="6" fill="#424F7F"/>
+<path d="M6.78821 4H7.86536C7.90107 4 7.93531 4.01419 7.96056 4.03944C7.98581 4.06469 8 4.09893 8 4.13464V5.21179C8.00005 5.23846 7.99218 5.26454 7.97739 5.28673C7.96259 5.30891 7.94155 5.32621 7.91691 5.33642C7.89228 5.34663 7.86517 5.34929 7.83902 5.34408C7.81287 5.33886 7.78886 5.326 7.77003 5.30712L7.32678 4.86361L4.19066 8L4 7.80934L7.13639 4.67322L6.69288 4.22997C6.674 4.21114 6.66114 4.18713 6.65592 4.16098C6.65071 4.13483 6.65337 4.10772 6.66358 4.08309C6.67379 4.05845 6.69109 4.03741 6.71327 4.02261C6.73546 4.00782 6.76154 3.99995 6.78821 4Z" fill="white"/>
+</svg>
diff --git a/src/components/FooterItem.jsx b/src/components/FooterItem.jsx
index e95b76eb..16b4adc5 100644
--- a/src/components/FooterItem.jsx
+++ b/src/components/FooterItem.jsx
@@ -1,20 +1,27 @@
 import useFonts from "@/hooks/useFonts";
+import Image from "next/image";
 import Link from "next/link";
 import React from "react";
 
 const FooterItem = ({ item }) => {
   const { roboto } = useFonts();
   return (
-    <div style={roboto.style} className='w-max  px-[20px]'>
+    <div style={roboto.style} className='w-[200px] px-[20px]'>
       <h4 className=' text-white text-[22px] mb-[49px]'>{item.title}</h4>
       {item.content.map((content, index) => {
         return (
           <Link
             key={index.toString()}
             href={content.link}
-            className='text-white hover:text-cta duration-200 block my-2 font-thin'
+            className='text-white flex hover:text-cta duration-200 gap-2 hover:gap-3 my-2 font-thin'
           >
-            {content.name}
+            <p>{content.name}</p>
+            <Image
+              src={"images/arrow.svg"}
+              width={12}
+              height={12}
+              alt='arrow'
+            />
           </Link>
         );
       })}