Video Components
Video sections, players, and card components with visual previews for all components.
import { ... } from "@/components/blocks/video"VideoHeroCentered
ProImport VideoHeroCentered from @/components/blocks/video
VideoHeroSplit
ProImport VideoHeroSplit from @/components/blocks/video
VideoHeroFullscreen
ProImport VideoHeroFullscreen from @/components/blocks/video
VideoBackground
ProImport VideoBackground from @/components/blocks/video
VideoBackgroundOverlay
ProImport VideoBackgroundOverlay from @/components/blocks/video
VideoTestimonial
ProImport VideoTestimonial from @/components/blocks/video
VideoTestimonialGrid
ProImport VideoTestimonialGrid from @/components/blocks/video
VideoShowcase
ProImport VideoShowcase from @/components/blocks/video
VideoShowcaseGrid
ProImport VideoShowcaseGrid from @/components/blocks/video
VideoPlayer
ProImport VideoPlayer from @/components/blocks/video
VideoPlayerMinimal
ProImport VideoPlayerMinimal from @/components/blocks/video
VideoPlayerFeatured
ProImport VideoPlayerFeatured from @/components/blocks/video
VideoGallery
ProImport VideoGallery from @/components/blocks/video
VideoGalleryGrid
ProImport VideoGalleryGrid from @/components/blocks/video
VideoGallerySlider
ProImport VideoGallerySlider from @/components/blocks/video
VideoEmbed
ProImport VideoEmbed from @/components/blocks/video
VideoEmbedResponsive
ProImport VideoEmbedResponsive from @/components/blocks/video
VideoTutorial
ProImport VideoTutorial from @/components/blocks/video
VideoDemo
ProImport VideoDemo from @/components/blocks/video
VideoCardSimple
ProImport VideoCardSimple from @/components/blocks/video
VideoCardOverlay
ProImport VideoCardOverlay from @/components/blocks/video
VideoCardHover
ProImport VideoCardHover from @/components/blocks/video
VideoCardThumbnail
ProImport VideoCardThumbnail from @/components/blocks/video
VideoCardPreview
ProImport VideoCardPreview from @/components/blocks/video
VideoCardPlaylist
ProImport VideoCardPlaylist from @/components/blocks/video
VideoCardSeries
ProImport VideoCardSeries from @/components/blocks/video
VideoCardMinimal
ProImport VideoCardMinimal from @/components/blocks/video
VideoCardDetailed
ProImport VideoCardDetailed from @/components/blocks/video
VideoCardWithDuration
ProImport VideoCardWithDuration from @/components/blocks/video
VideoCardWithViews
ProImport VideoCardWithViews from @/components/blocks/video
VideoCardHorizontal
ProImport VideoCardHorizontal from @/components/blocks/video
VideoCardVertical
ProImport VideoCardVertical from @/components/blocks/video
VideoCardFeatured
ProImport VideoCardFeatured from @/components/blocks/video
VideoCardCompact
ProImport VideoCardCompact from @/components/blocks/video
All 34 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/video