ImAlpha/kevos-attire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small changes to footer

Browse Source
This commit is contained in:
Jacob Delgado 2024-10-29 00:58:08 -07:00
parent 7bc254ad03
commit d73e8d9cbd
1 changed files with 34 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/Footer/Footer.tsx
View File

@ -1,14 +1,13 @@
import React from 'react'
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'>
<div className="footer text-white flex flex-col gap-8 px-16 pb-2">
<div className="top">
<div className="item">
<h1>Categories</h1>
<span>Women</span>
<span>Men</span>
@ -16,7 +15,7 @@ const Footer = () => {
<span>Accessories</span>
<span>New Arrivals</span>
</div>
<div className='item'>
<div className="item">
<h1>Links</h1>
<span>FAQ</span>
<span>Pages</span>
@ -24,17 +23,22 @@ const Footer = () => {
<span>Compare</span>
<span>Cookies</span>
</div>
<div className='item'></div>
<div className='item'></div>
<div className="item"></div>
<div className="item"></div>
</div>
<div className='Socials flex gap-4 text-xl'>
<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 className="bottom text-xs flex flex-col gap-4">
<span>
All items are sold under the assumption that they are original works and not copyrighted under another company.
</span>
<span>© 2024 - Kevos Attire LLC. All rights reserved. </span>
</div>
)
}
</div>
);
};
export default Footer
export default Footer;