'use client' import React, { useEffect, useState } from 'react' import { Beacon } from '@/components/ui/svgs/beacon' import { Bolt } from '@/components/ui/svgs/bolt' import { Cisco } from '@/components/ui/svgs/cisco' import { Hulu } from '@/components/ui/svgs/hulu' import { SupabaseFull } from '@/components/ui/svgs/supabase' import { AnimatePresence, motion } from 'motion/react' import { VercelFull } from '@/components/ui/svgs/vercel' import { Spotify } from '@/components/ui/svgs/spotify' const aiLogos: React.ReactNode[] = [ , , , ] const hostingLogos: React.ReactNode[] = [ , , , ] const paymentsLogos: React.ReactNode[] = [ , , , ] const streamingLogos: React.ReactNode[] = [ , , , ] type LogoGroup = 'ai' | 'hosting' | 'payments' | 'streaming' const logos: { [key in LogoGroup]: React.ReactNode[] } = { ai: aiLogos, hosting: hostingLogos, payments: paymentsLogos, streaming: streamingLogos, } export default function LogoCloud() { const [currentGroup, setCurrentGroup] = useState('ai') useEffect(() => { const interval = setInterval(() => { setCurrentGroup((prev) => { const groups = Object.keys(logos) as LogoGroup[] const currentIndex = groups.indexOf(prev) const nextIndex = (currentIndex + 1) % groups.length return groups[nextIndex] }) }, 2500) return () => clearInterval(interval) }, []) return (

{logos[currentGroup].map((logo, i) => ( {logo} ))}

) }

Logo Cloud 2

Instalação

Dependências

Registry dependencies