import { Network } from "lucide-react"

export function Footer() {
  return (
    <footer className="border-t bg-muted/30 py-12 px-4">
      <div className="max-w-7xl mx-auto">
        <div className="flex flex-col md:flex-row justify-center items-center gap-6">
          <div className="flex items-center gap-2">
            <div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
              <Network className="w-5 h-5" />
            </div>
            <span className="font-semibold text-lg">{"A MycoFi Concept"}</span>
          </div>

          <div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
            <a
              href="https://www.jeffemmett.com/presentations"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:text-foreground transition-colors"
            >
              {"Research"}
            </a>
            <a
              href="https://discord.gg/mFxSXCrfrN"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:text-foreground transition-colors"
            >
              {"Community"}
            </a>
            <a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
              {"Book"}
            </a>
          </div>
        </div>

        <div className="mt-8 pt-8 border-t text-center text-sm text-muted-foreground">
          <p>{"Exploring institutional neuroplasticity through myco-principic design"}</p>
        </div>
      </div>
    </footer>
  )
}
