Content Sections
Content section components for articles, documentation, and marketing pages with visual previews for all components.
import { ... } from "@/components/blocks/content"ContentCentered
ProImport ContentCentered from @/components/blocks/content
ContentSplitImage
ProImport ContentSplitImage from @/components/blocks/content
ContentTwoColumn
ProImport ContentTwoColumn from @/components/blocks/content
ContentFeature
ProImport ContentFeature from @/components/blocks/content
ContentAlternating
ProImport ContentAlternating from @/components/blocks/content
ContentTimeline
ProImport ContentTimeline from @/components/blocks/content
ContentGrid
ProImport ContentGrid from @/components/blocks/content
ContentWithSidebar
ProImport ContentWithSidebar from @/components/blocks/content
ContentQuote
ProImport ContentQuote from @/components/blocks/content
ContentCode
ProImport ContentCode from @/components/blocks/content
ContentVideo
ProImport ContentVideo from @/components/blocks/content
ContentGallery
ProImport ContentGallery from @/components/blocks/content
ContentAccordion
ProImport ContentAccordion from @/components/blocks/content
ContentTabs
ProImport ContentTabs from @/components/blocks/content
ContentNumbered
ProImport ContentNumbered from @/components/blocks/content
ContentCards
ProImport ContentCards from @/components/blocks/content
ContentHighlight
ProImport ContentHighlight from @/components/blocks/content
ContentComparison
ProImport ContentComparison from @/components/blocks/content
ContentSteps
ProImport ContentSteps from @/components/blocks/content
ContentCallout
ProImport ContentCallout from @/components/blocks/content
ContentProseSimple
ProImport ContentProseSimple from @/components/blocks/content
ContentWithTOC
ProImport ContentWithTOC from @/components/blocks/content
All 22 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/content