An animated carousel component for displaying brand logos with smooth transitions..
1"use client"
2
3import React from "react"
4
5import { GradientHeading } from "../ui/gradient-heading"
6import LogoCarousel from "../ui/logo-carousel"
7
8export function LogoCarouselDemo() {
9 return (
10 <div className="space-y-8 py-24">
11 <div className="w-full max-w-screen-lg mx-auto flex flex-col items-center space-y-8">
12 <div className="text-center">
13 <GradientHeading variant="secondary">
14 The best are already here
15 </GradientHeading>
16 <a href="https://www.newcult.co" target="_blank">
17 <GradientHeading size="xxl">Join new cult</GradientHeading>
18 </a>
19 </div>
20
21 <LogoCarousel columnCount={3} />
22 </div>
23 </div>
24 )
25}