40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import React from 'react'
|
|
import { FaFacebookF } from "react-icons/fa";
|
|
import { FaInstagram } from "react-icons/fa";
|
|
import { FaTiktok } from "react-icons/fa";
|
|
|
|
const Footer = () => {
|
|
|
|
return (
|
|
<div className='footer text-white flex flex-col gap-8 px-24 pb-2'>
|
|
<div className='top'>
|
|
<div className='item'>
|
|
<h1>Categories</h1>
|
|
<span>Women</span>
|
|
<span>Men</span>
|
|
<span>Shoes</span>
|
|
<span>Accessories</span>
|
|
<span>New Arrivals</span>
|
|
</div>
|
|
<div className='item'>
|
|
<h1>Links</h1>
|
|
<span>FAQ</span>
|
|
<span>Pages</span>
|
|
<span>Stores</span>
|
|
<span>Compare</span>
|
|
<span>Cookies</span>
|
|
</div>
|
|
<div className='item'></div>
|
|
<div className='item'></div>
|
|
</div>
|
|
<div className='Socials flex gap-4 text-xl'>
|
|
<FaFacebookF />
|
|
<FaInstagram />
|
|
<FaTiktok />
|
|
</div>
|
|
<div className='bottom text-xs'><span>© 2024 - Kevos Attire LLC. All rights reserved. All items are made with the assumption that they are 100% original ideas as we do not </span></div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Footer |