import type { MDXComponents } from 'mdx/types'
import Image from 'next/image'
import { Hero } from './components/Hero'
import { SectionHeader } from './components/SectionHeader'
import { FeatureCard } from './components/FeatureCard'
import { ComparisonSlider } from './components/ComparisonSlider'
import { ComparisonCards } from './components/ComparisonCards'
import { BusinessImpact } from './components/BusinessImpact'
import { ServiceHighlight } from './components/ServiceHighlight'
import { ProcessSteps } from './components/ProcessSteps'
import { ContactCTA } from './components/ContactCTA'
import { VideoSection } from './components/VideoSection'

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    Image,
    Hero,
    SectionHeader,
    FeatureCard,
    ComparisonSlider,
    ComparisonCards,
    BusinessImpact,
    ServiceHighlight,
    ProcessSteps,
    ContactCTA,
    VideoSection,
    ...components,
  }
}
