import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion' import { ChartBarIncreasingIcon, Database, Fingerprint, IdCard } from 'lucide-react' import { useState } from 'react' import { motion, AnimatePresence } from 'motion/react' import { BorderBeam } from '@/components/ui/border-beam' export function Features() { type ImageKey = 'item-1' | 'item-2' | 'item-3' | 'item-4' const [activeItem, setActiveItem] = useState('item-1') const images = { 'item-1': { image: 'https://tailark.com/_next/image?url=%2Fcharts.png&w=3840&q=75', alt: 'Database visualization', }, 'item-2': { image: 'https://tailark.com/_next/image?url=%2Fmusic.png&w=3840&q=75', alt: 'Security authentication', }, 'item-3': { image: 'https://tailark.com/_next/image?url=%2Fmail2.png&w=3840&q=75', alt: 'Identity management', }, 'item-4': { image: 'https://tailark.com/_next/image?url=%2Fpayments.png&w=3840&q=75', alt: 'Analytics dashboard', }, } return (

The foundation for AI

Lyra is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.

setActiveItem(value as ImageKey)} className="w-full">

Database Visualization

Lyra is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.

Advanced Authentication

Lyra is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.

Identity Management

Lyra is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.

Analytics Dashboard

Lyra is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.

) }