ts-api / app /components /Footer.jsx
Shuddho's picture
Upload 42 files
d04e364 verified
raw
history blame
2.06 kB
import '@/app/components/Footer.css';
import React from 'react';
import Link from 'next/link';
import { BsFacebook } from "react-icons/bs";
import { SiGmail } from "react-icons/si";
import { FaFacebookMessenger } from "react-icons/fa";
const Footer = () => {
return (
<div className='col footcontainer' style={{}}>
<div className='footer'>
<div className="col">
<h3 className='gradient-text'>Company</h3>
<Link href='/About'>About Us</Link>
<Link href='/Contact'>Contact Us</Link>
<Link href='/Login'>Login</Link>
<Link href='/Signup'>Signup</Link>
</div>
<div className="col">
<h3 className='gradient-text'>AI</h3>
<Link href='#'>Open AI</Link>
<Link href='#'>Liner</Link>
<Link href='#'>Herc</Link>
</div>
<div className="col">
<h3 className='gradient-text'>Social Media</h3>
<Link href='/'>Facebook</Link>
<Link href='/'>Twitter</Link>
<Link href='/'>Instagram</Link>
<Link href='/'>LinkedIn</Link>
</div>
<div className="col">
<h3 className='gradient-text'>Programming</h3>
<Link href='#'>Javascript</Link>
<Link href='#'>React JS</Link>
<Link href='#'>Next JS</Link>
<Link href='#'>Node JS</Link>
</div>
<div className="col">
<h3 className='gradient-text'>Contact</h3>
<Link href='#'>Contact Page</Link>
<span className="row">
<Link href='#'><BsFacebook size={25}/></Link>
<Link href='#'><SiGmail size={25}/></Link>
<Link href='#'><FaFacebookMessenger size={25}/></Link>
</span>
</div>
</div>
<div className="line"></div>
<div className="copyright gradient-text">
<p style={{fontSize: '12px'}}>&copy; 2024 TS API. All rights reserved.</p>
</div>
</div>
);
};
export default Footer;