import saws from "../assets/saws.png"
import SocialMediaLinks from "./social-media-links"

export default function Footer() {
  return (
    <footer className="w-full border-t border-neutral-300 bg-white dark:border-neutral-800 dark:bg-black">
      <div className="mx-auto flex w-full max-w-7xl flex-col items-center justify-between gap-4 px-8 py-6 text-sm text-body md:flex-row">
        <div className="flex items-center gap-3">
          <img src={saws.src} alt="Sculpted Arc logo" className="h-12 w-auto" />
          <p className="text-center md:text-left">copyright 2026 sculpted arc</p>
        </div>

        <div className="flex items-center gap-5">
          <a href="/privacy-policy" className="hover:text-heading transition-colors">
            Privacy Policy
          </a>
          <SocialMediaLinks linkClassName="hover:text-heading transition-colors" />
        </div>
      </div>
    </footer>
  )
}