import { Heart } from 'lucide-react'
import { Logo } from './Logo'

export function Footer() {
  return (
    <footer className="bg-white border-t border-primary/10 mt-16">
      <div className="max-w-6xl mx-auto px-4 py-8">
        <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
          <Logo size={32} />
          <p className="text-sm text-dark/50 flex items-center gap-1">
            Gemacht mit <Heart className="w-4 h-4 text-red-400 fill-red-400" /> fuer junge Holzwerker
          </p>
        </div>
      </div>
    </footer>
  )
}