import { Plane } from "lucide-react";

export default function Footer() {
  return (
    <footer className="bg-gray-800 text-white py-6">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row justify-between items-center">
          <div className="flex items-center mb-4 md:mb-0">
            <Plane className="h-6 w-6 mr-2 text-[#3B82F6]" />
            <span className="font-bold" style={{ fontFamily: "Montserrat, sans-serif" }}>SkyLog</span>
          </div>
          <div className="text-sm text-gray-400">
            Track your skydiving journey, one jump at a time.
          </div>
        </div>
      </div>
    </footer>
  );
}
