import { motion } from 'framer-motion'; interface IsotypeProps { theme: Record; mode?: 'story' | 'slideshow' | 'thumbnail'; } export default function EsotericEyeDiagram({ theme, mode = 'story' }: IsotypeProps) { const eyeImage = "https://pub-23b3d2d7d19c434ab6b2009f29a2da0f.r2.dev/images/dd5d2124-f140-42ae-8d6f-f48f9e27bb93.png"; return (

{/* Background glow */}

{/* Grid layout: 3 rows */}

{/* Top Row - 3 eyes */}

{/* Lines connecting top row */}

{/* Middle Row - 2 eyes */}

{/* Lines connecting middle row */}

{/* Bottom Row - Center eye */}

{/* Lines to middle row */}

{/* Decorative symbols */} ☍ ☌ ☊

); } function EyeNode({ image, label, delay, size = 'normal', glow = false }: { image: string; label: string; delay: number; size?: 'normal' | 'large' | 'xlarge'; glow?: boolean; }) { const sizeClasses = { normal: 'w-20 h-20', large: 'w-28 h-28', xlarge: 'w-36 h-36' }; return ( {glow && (

)}

{label} ); } export const metadata = { title: 'Esoteric Eye Diagram', tags: ['occult', 'mystical', 'diagram', 'eyes', 'esoteric'], };

esoteric eyes