app/components/Footer.jsx

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;