Visual Feature Cards

import { ExtendedFeatureCard } from '@/components/feature-cards'
import { CodeEditorIllustration } from '@/components/illustrations'

// Basic usage
<ExtendedFeatureCard
  illustration={<CodeEditorIllustration />}
  title="Developer Experience"
  description="Beautifully crafted APIs with TypeScript-first design."
  tags={['React', 'TypeScript']}
/>

// Create custom illustrations with depth
function CustomIllustration() {
  return (
    <div className="relative w-full h-48 flex items-center justify-center overflow-hidden">
      <div className="absolute inset-0 bg-gradient-to-br from-indigo-50 via-white to-teal-50/60" />
      {/* Your layered visual elements */}
    </div>
  )
}