Webserver/components/layout/Footer.tsx

export function Footer() {
    return (
        <footer className="mt-auto border-t border-line">
            <div className="mx-auto flex max-w-[72rem] flex-col gap-3 px-5 py-6 sm:flex-row sm:items-center sm:justify-between sm:px-6">
                <p className="text-[0.82rem] leading-6 text-muted">
                    World models for RL, GPUs, and deep learning systems.
                </p>
                <div className="flex flex-wrap gap-4 text-[0.82rem] text-ink">
                    <a href="mailto:akshaykolli@hotmail.com" className="transition-colors hover:text-accent">
                        Email
                    </a>
                    <a href="https://github.com/akkolli" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
                        GitHub
                    </a>
                    <a href="https://www.linkedin.com/in/akshay-kolli-/" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
                        LinkedIn
                    </a>
                    <a href="https://x.com/thekolliakshay" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
                        X
                    </a>
                </div>
            </div>
        </footer>
    );
}