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 { FaFacebookF } from "react-icons/fa";
import { FaInstagram } from "react-icons/fa"; import { FaInstagram } from "react-icons/fa";
import { FaTiktok } from "react-icons/fa"; import { FaTiktok } from "react-icons/fa";
const Footer = () => { const Footer = () => {
return ( return (
<div className='footer text-white flex flex-col gap-8 px-24 pb-2'> <div className="footer text-white flex flex-col gap-8 px-16 pb-2">
<div className='top'> <div className="top">
<div className='item'> <div className="item">
<h1>Categories</h1> <h1>Categories</h1>
<span>Women</span> <span>Women</span>
<span>Men</span> <span>Men</span>
@ -16,7 +15,7 @@ const Footer = () => {
<span>Accessories</span> <span>Accessories</span>
<span>New Arrivals</span> <span>New Arrivals</span>
</div> </div>
<div className='item'> <div className="item">
<h1>Links</h1> <h1>Links</h1>
<span>FAQ</span> <span>FAQ</span>
<span>Pages</span> <span>Pages</span>
@ -24,17 +23,22 @@ const Footer = () => {
<span>Compare</span> <span>Compare</span>
<span>Cookies</span> <span>Cookies</span>
</div> </div>
<div className='item'></div> <div className="item"></div>
<div className='item'></div> <div className="item"></div>
</div> </div>
<div className='Socials flex gap-4 text-xl'> <div className="Socials flex gap-4 text-xl">
<FaFacebookF /> <FaFacebookF />
<FaInstagram /> <FaInstagram />
<FaTiktok /> <FaTiktok />
</div> </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>
) </div>
} );
};
export default Footer export default Footer;