import { Link } from 'react-router-dom';

export function Footer() {
  return (
    <footer className="border-t border-border bg-background py-4">
      <div className="container mx-auto px-4">
        <div className="flex flex-col sm:flex-row justify-between items-center gap-2 text-xs text-muted-foreground">
          <div>
            © {new Date().getFullYear()} ThrillWiki. All rights reserved.
          </div>
          <div className="flex items-center gap-4">
            <Link 
              to="/contact" 
              className="hover:text-foreground transition-colors"
            >
              Contact
            </Link>
            <Link 
              to="/terms" 
              className="hover:text-foreground transition-colors"
            >
              Terms of Service
            </Link>
            <Link 
              to="/privacy" 
              className="hover:text-foreground transition-colors"
            >
              Privacy Policy
            </Link>
            <Link 
              to="/submission-guidelines" 
              className="hover:text-foreground transition-colors"
            >
              Submission Guidelines
            </Link>
            <Link 
              to="/blog" 
              className="hover:text-foreground transition-colors"
            >
              Blog
            </Link>
          </div>
        </div>
      </div>
    </footer>
  );
}