Skip to content

Commit

Permalink
feat(footer.jsx): change icons and links colors and add links
Browse files Browse the repository at this point in the history
  • Loading branch information
@Hadj-Said-Bouras
Hadj-Said-Bouras committed Nov 28, 2023
1 parent 87a9fdf commit a56263e
Showing 1 changed file with 20 additions and 20 deletions.
40 changes: 20 additions & 20 deletions src/components/footer/Footer.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
import AboutPage from "@/pages/about";
import Image from "next/image";
import Link from "next/link";
import {
BiLogoFacebookSquare,
BiLogoInstagram,
Expand All @@ -23,24 +25,24 @@ const Footer = () => {
<div className='flex flex-col sm:flex-row lg:flex-row justify-between px-10 mx-auto w-full'>
{/* First Column */}
<div className='flex flex-col items-center sm:mx-2 sm:mb-4'>
<a
href='#'
className='text-[#BAC738] hover:text-lime-950 mb-1'
<Link
href='/about'
className='text-white hover:text-lime-950 mb-1'
>
About us
</a>
<a
href='#'
className='text-[#BAC738] hover:text-lime-950 mb-1'
</Link>
<Link
href='/blog'
className='text-white hover:text-lime-950 mb-1'
>
Blogs
</a>
<a
href='#'
className='text-[#BAC738] hover:text-lime-950 mb-1'
</Link>
<Link
href='/products'
className='text-white hover:text-lime-950 mb-1'
>
Listed items
</a>
Listed Items
</Link>
</div>

{/* Second Column */}
Expand All @@ -49,25 +51,25 @@ const Footer = () => {
<div className='flex items-center space-x-2 p-2'>
<a
href='#'
className='text-lime-950 hover:text-[#BAC738]'
className='text-white hover:text-[#BAC738]'
>
<BiLogoFacebookSquare className='w-6 h-6' />
</a>
<a
href='#'
className='text-lime-950 hover:text-[#BAC738]'
className='text-white hover:text-[#BAC738]'
>
<BiLogoInstagram className='w-6 h-6' />
</a>
<a
href='#'
className='text-lime-950 hover:text-[#BAC738]'
className='text-white hover:text-[#BAC738]'
>
<BiLogoLinkedinSquare className='w-6 h-6' />
</a>
<a
href='#'
className='text-lime-950 hover:text-[#BAC738]'
className='text-white hover:text-[#BAC738]'
>
<BiSolidShareAlt className='w-6 h-6' />
</a>
Expand All @@ -77,9 +79,7 @@ const Footer = () => {
{/* Third Column */}
<div className='mx-4 items-center flex-col flex mb-4'>
<h2>Address</h2>
<p className='text-gray-300'>
123 Street, City, Country
</p>
<p className='text-white'>123 Street, City, Country</p>
</div>
</div>
</div>
Expand Down

1 comment on commit a56263e

@vercel
Copy link

@vercel vercel bot commented on a56263e Nov 28, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

letshare – ./

letshare-team-f-8322dad9.vercel.app
letshare-git-main-team-f-8322dad9.vercel.app
letshare-iota.vercel.app

Please sign in to comment.