MBO-Tech-IT-Webseite/components/TaglineBanner.tsx

21 lines
626 B
TypeScript

export default function TaglineBanner() {
const phrase = "DIGITAL DENKEN. LOKAL HANDELN.";
const items = Array(12).fill(phrase);
return (
<div className="relative overflow-hidden bg-orange-500 py-3 select-none">
<div className="flex animate-ticker whitespace-nowrap">
{items.map((text, i) => (
<span
key={i}
className="inline-flex items-center gap-6 px-6 text-white font-black text-sm tracking-[0.2em]"
>
{text}
<span className="text-orange-200 opacity-60">&#9679;</span>
</span>
))}
</div>
</div>
);
}