import { Card } from "@/components/ui/card"
import { Presentation } from "lucide-react"

export function PresentationDeck() {
  return (
    <section className="py-24 px-4 relative overflow-hidden scan-lines">
      <div className="absolute inset-0 cyber-grid opacity-10" />

      <div className="max-w-5xl mx-auto relative z-10">
        <div className="text-center mb-12">
          <div className="inline-flex items-center gap-2 mb-4">
            <Presentation
              className="w-6 h-6 text-primary"
              style={{ animation: "glow-pulse 2s ease-in-out infinite" }}
            />
            <span className="text-sm font-mono text-accent glow-text tracking-widest uppercase">
              {"Presentation"}
            </span>
          </div>
          <h2 className="text-3xl md:text-5xl font-bold mb-4 text-balance glow-text text-primary">
            {"The Emergence of Institutional Neuroplasticity"}
          </h2>
          <p className="text-lg text-accent max-w-2xl mx-auto text-pretty glow-text">
            {"Presented at the General Forum for Ethereum Localism"}
          </p>
        </div>

        <Card
          className="overflow-hidden border-2 glow-border bg-card/80 backdrop-blur-sm"
          style={{
            borderColor: "hsl(180, 100%, 50%)",
            boxShadow: "0 0 30px hsla(180, 100%, 50%, 0.2)",
          }}
        >
          <div
            style={{
              position: "relative",
              paddingTop: "max(60%, 324px)",
              width: "100%",
              height: 0,
            }}
          >
            <iframe
              style={{
                position: "absolute",
                border: "none",
                width: "100%",
                height: "100%",
                left: 0,
                top: 0,
              }}
              src="https://online.fliphtml5.com/phqos/pnlz/"
              seamless
              scrolling="no"
              frameBorder="0"
              allowTransparency
              allowFullScreen
              title="Psilocybernetics: The Emergence of Institutional Neuroplasticity"
            />
          </div>
        </Card>
      </div>
    </section>
  )
}
