66 lines
2.1 KiB
TypeScript
66 lines
2.1 KiB
TypeScript
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>
|
|
)
|
|
}
|