'use client';

import { motion } from 'framer-motion';
import { GitFork } from 'lucide-react';

export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="relative py-12 px-4">
      <div className="max-w-6xl mx-auto border-t border-border pt-12">
        <motion.div
          className="flex flex-col md:flex-row items-center justify-between gap-6"
          initial={{ opacity: 0 }}
          whileInView={{ opacity: 1 }}
          viewport={{ once: true }}
          transition={{ duration: 0.6 }}
        >
          {/* Copyright */}
          <p className="text-sm text-muted-foreground">
            © {currentYear} Kit. Built with Next.js 16 & Tailwind CSS 4
          </p>

          {/* Source link */}
          <a
            href="https://dev.pivoine.art/valknar/kit-ui"
            target="_blank"
            rel="noopener noreferrer"
            title="View source"
            className="text-muted-foreground hover:text-primary transition-colors duration-300"
          >
            <GitFork className="h-5 w-5" />
          </a>
        </motion.div>
      </div>
    </footer>
  );
}