const Footer = () => {
    return (
        <section className="c-space pt-7 border-t border-black-300 flex justify-between items-center flex-wrap gap-5">
            <div className="text-white-500 flex gap-2">
                <p>Terms & Conditions</p>
                <p>|</p>
                <p>Privacy Policy</p>
            </div>

            <div className="flex gap-3">
                <div className="social-icon">
                    <a href="https://git.fstropii.com" target="_blank" rel="noreferrer" className="social-icon">
                        <img src="/assets/github.svg" alt="Github" className="w-1/2 h-1/2" />
                    </a>
                </div>
                <div className="social-icon">
                    <a href="https://twitter.com/realTropii" target="_blank" rel="noreferrer" className="social-icon">
                        <img src="/assets/twitter.svg" alt="Twitter" className="w-1/2 h-1/2" />
                    </a>
                </div>
                <div className="social-icon">
                    <a href="https://www.linkedin.com/in/tropii/" target="_blank" rel="noreferrer" className="social-icon">
                        <img src="/assets/linkedin.svg" alt="LinkedIn" className="w-1/2 h-1/2" />
                    </a>
                </div>
            </div>

            <p className="text-white-500">© 2025 Colin. All rights reserved</p>
        </section>
    )
}
export default Footer
