pro-block.tsx

import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Button } from '@/components/button'
import { Buttons } from '@/components/buttons'
import clsx from 'clsx'
import arrowRightIcon from '@iconify/icons-heroicons/arrow-right-20-solid'

interface ProBlockProps {
  blockSlug: string
  blockName: string
  className?: string
}

export function ProBlock({ blockSlug, blockName, className }: ProBlockProps) {
  // Extract category from last segment of slug, stripping -{number} suffix
  const lastSegment = blockSlug.includes('/')
    ? blockSlug.split('/').pop()
    : blockSlug
  const category = lastSegment!.replace(/-\d+$/, '')
  // Extract page route from slug (e.g., "layout-6/gallery" -> "layout-6")