"use client"; import { SiApple, SiFacebook, SiGithub, SiGoogle, SiInstagram, SiX, SiYoutube, } from "@icons-pack/react-simple-icons"; import { Announcement, AnnouncementTag, AnnouncementTitle, } from "@/components/kibo-ui/announcement"; import { Marquee, MarqueeContent, MarqueeFade, MarqueeItem, } from "@/components/kibo-ui/marquee"; import { Button } from "@/components/ui/button"; import { VideoPlayer, VideoPlayerContent, VideoPlayerControlBar, VideoPlayerMuteButton, VideoPlayerPlayButton, VideoPlayerSeekBackwardButton, VideoPlayerSeekForwardButton, VideoPlayerTimeDisplay, VideoPlayerTimeRange, VideoPlayerVolumeRange, } from "@/components/kibo-ui/video-player"; import Link from "next/link"; const logos = [ { name: "GitHub", icon: SiGithub, url: "https://github.com", }, { name: "Facebook", icon: SiFacebook, url: "https://facebook.com", }, { name: "Google", icon: SiGoogle, url: "https://google.com", }, { name: "X", icon: SiX, url: "https://x.com", }, { name: "Apple", icon: SiApple, url: "https://apple.com", }, { name: "Instagram", icon: SiInstagram, url: "https://instagram.com", }, { name: "YouTube", icon: SiYoutube, url: "https://youtube.com", }, ]; const Example = () => (

Latest Introducing blocks by Kibo UI

The best way to build your website

Kibo UI blocks are a new way to build your website. They are a collection of pre-built components that you can use to build your website.

Trusted by developers from leading companies

{logos.map((logo) => ( ))}

); export default Example;

Hero

The best way to build your website

Installation