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