"use client"; import React, { type SVGProps } from "react"; import { GradientHeading } from "@/components/ui/gradient-heading"; import { LogoCarousel } from "@/components/ui/logo-carousel"; function AppleIcon(props: SVGProps) { return ( ); } function PierreIcon(props: SVGProps) { return ( ); } function BMWIcon(props: SVGProps) { return ( ); } function LowesIcon(props: SVGProps) { return ( ); } function AllyLogo(props: SVGProps) { return ( ); } function VercelIcon(props: SVGProps) { return ( ); } const StripeIcon = (props: SVGProps) => ( ); const TypeScriptIcon = (props: SVGProps) => ( ); const ClaudeAIIcon = (props: SVGProps) => ( ); function SupabaseIcon(props: SVGProps) { return ( ); } function OpenAIIconBlack(props: SVGProps) { return ( ); } function UpstashIcon(props: SVGProps) { return ( ); } const TailwindCSSIcon = (props: SVGProps) => ( ); const NextjsIcon = (props: SVGProps) => ( ); // Массив с логотипами const allLogos = [ { name: "Apple", id: 1, img: AppleIcon }, { name: "CEO Supabase", id: 2, img: SupabaseIcon }, { name: "Vercel", id: 3, img: VercelIcon }, { name: "Lowes", id: 4, img: LowesIcon }, { name: "Ally", id: 5, img: AllyLogo }, { name: "Pierre", id: 6, img: PierreIcon }, { name: "BMW", id: 7, img: BMWIcon }, { name: "Claude", id: 8, img: ClaudeAIIcon }, { name: "Nextjs", id: 9, img: NextjsIcon }, { name: "Tailwind", id: 10, img: TailwindCSSIcon }, { name: "Upstash", id: 11, img: UpstashIcon }, { name: "Typescript", id: 12, img: TypeScriptIcon }, { name: "Stripe", id: 13, img: StripeIcon }, { name: "OpenAI", id: 14, img: OpenAIIconBlack }, ]; export function LogoCarouselDemo() { return (

The best are already here Join new cult

); }