const Footer = () => {
    const currentYear = new Date().getFullYear();

    return (
        <section className="">
            <div className="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
                <div className="border-t pt-8">
                    <div className="flex flex-col items-center justify-between space-y-4 sm:flex-row sm:space-y-0">
                        <div className="text-sm text-muted-foreground">
                            © {currentYear} MEMEAIGEN. All rights reserved.
                        </div>
                        <div className="flex space-x-6">
                            <a
                                href="/"
                                className="text-sm text-muted-foreground hover:text-foreground transition-colors"
                            >
                                Home
                            </a>
                            <a
                                href="/terms"
                                className="text-sm text-muted-foreground hover:text-foreground transition-colors"
                            >
                                Terms
                            </a>
                            <a
                                href="/privacy"
                                className="text-sm text-muted-foreground hover:text-foreground transition-colors"
                            >
                                Privacy
                            </a>
                            <a
                                href="https://discord.gg/memeaigen"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="text-sm text-muted-foreground hover:text-foreground transition-colors"
                            >
                                Discord
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default Footer;