import React from 'react'; import { motion } from 'framer-motion'; import { Shield as ShieldIcon, Clock as ClockIcon, Search as SearchIcon, ArrowRight as ArrowRightIcon, Check as CheckIcon } from 'lucide-react'; const containerVariants = { hidden: { opacity: 0 }, show: { opacity: 1, transition: { staggerChildren: 0.1, delayChildren: 0.2, }, }, }; const itemVariants = { hidden: { opacity: 0, y: 20 }, show: { opacity: 1, y: 0, transition: { duration: 0.8, ease: [0.21, 0.45, 0.32, 0.9] } }, }; export default function BentoGrid() { return (

{/* Main Feature Cell */}

Real-time Synthesis

Architecture for the unseen.

We deploy infrastructure that scales with your ambition, ensuring every flow remains uninterrupted and every thought finds its space.

{[1, 2, 3].map((i) => (

Node 0{i}

Active Stream

))}

{/* Telemetry Cell */}

Global Latency

{[ { city: 'London', ms: '12ms', status: 'Optimal' }, { city: 'Tokyo', ms: '24ms', status: 'Optimal' }, { city: 'New York', ms: '8ms', status: 'Optimal' }, ].map((site) => (

{site.city}

{site.ms}

))}

{/* Security Cell */}

Immutable Security

End-to-end encryption protocols designed for the most sensitive creative workflows.

{/* Integration Cell */}

{[1, 2, 3, 4].map((i) => (

{i}

))}

Studio Sync

Connect your favorite tools directly into the Aethera ecosystem with zero friction.

{/* CLI / Terminal Cell */}

$ aethera deploy --prod

Optimizing assets...

Syncing nodes...

Deployment successful

Developer First

); }