Merge branch 'new-website' of https://github.com/NetSepio/website int…

…o new-website
NetSepio · May 21, 2024 · e51f775 · e51f775
2 parents 5703d0a + 8d9f4e1
commit e51f775
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/public/images/arrow.svg b/public/images/arrow.svg
diff --git 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>
         );
       })}