1a710aa3c6
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
26 lines
807 B
TypeScript
26 lines
807 B
TypeScript
import { Badge } from "@/components/ui/badge";
|
|
import { topicChips } from "@/content/tracks";
|
|
import { Section } from "@/components/layout/Section";
|
|
|
|
export function TopicMarquee() {
|
|
const items = [...topicChips, ...topicChips];
|
|
return (
|
|
<Section variant="muted" className="py-12 overflow-hidden">
|
|
<h2 className="mb-8 text-center text-2xl font-bold">Topics shaping the summit</h2>
|
|
<div className="flex overflow-hidden">
|
|
<div className="marquee flex shrink-0 gap-3">
|
|
{items.map((topic, i) => (
|
|
<Badge
|
|
key={`${topic}-${i}`}
|
|
variant="secondary"
|
|
className="shrink-0 rounded-full px-4 py-2 text-sm"
|
|
>
|
|
{topic}
|
|
</Badge>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
);
|
|
}
|