frontend/src/components/Footer.tsx

import React from "react";
import { Mail, Phone, MapPin } from "lucide-react";
import { Separator } from "./ui/separator";

const Footer = () => {
  return (
    <footer className="w-full px-4 py-3 mt-auto bg-black/40 backdrop-blur-md border-t border-white/10">
      <div className="container mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
        <div className="text-white/70 text-sm">
          © {new Date().getFullYear()} AI Chat Assistant
        </div>

        <div className="flex flex-wrap justify-center gap-4 md:gap-6">
          <div className="flex items-center text-white/70 text-xs hover:text-white transition-colors">
            <Mail className="h-3 w-3 mr-1" />
            <a href="mailto:[email protected]">[email protected]</a>
          </div>
          {/* <div className="flex items-center text-white/70 text-xs hover:text-white transition-colors">
            <Phone className="h-3 w-3 mr-1" />
            <span>+1 (555) 123-4567</span>
          </div> */}
          <div className="flex items-center text-white/70 text-xs hover:text-white transition-colors">
            <MapPin className="h-3 w-3 mr-1" />
            <span>Gurgoan, Haryana</span>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;