35 lines
947 B
TypeScript
35 lines
947 B
TypeScript
'use client'
|
|
|
|
import { useLang } from '@/context/LangContext'
|
|
|
|
const ITEMS = {
|
|
de: [
|
|
'Scan it',
|
|
'Track it',
|
|
'Live Design',
|
|
'Urban Jungle',
|
|
'Botanical KI',
|
|
'Pflege-Tipps',
|
|
],
|
|
en: ['Scan it', 'Track it', 'Live Design', 'Urban Jungle', 'Botanical AI', 'Care Tips'],
|
|
es: ['Escanéala', 'Regístrala', 'Diseño vivo', 'Jardín urbano', 'IA botánica', 'Consejos de cuidado'],
|
|
}
|
|
|
|
export default function Ticker() {
|
|
const { lang } = useLang()
|
|
const items = ITEMS[lang]
|
|
|
|
return (
|
|
<div className="ticker-wrap" aria-hidden="true">
|
|
<div className="ticker-track">
|
|
{[...items, ...items].map((item, i) => (
|
|
<span key={i} className="ticker-item">
|
|
{item}
|
|
<span className="ticker-dot" />
|
|
</span>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|