import Root from '@/config/root';
import type { UserConfig } from '@/config/types';
import headerConfig from '@/components/website/header.config';
import footerConfig from '@/components/website/footer.config';
import heroConfig from '@/components/website/hero.config';
import logoMarqueeConfig from '@/components/website/logo-marquee.config';
import featuresConfig from '@/components/website/features.config';
import testimonialsConfig from '@/components/website/testimonials.config';
import pricingConfig from '@/components/website/pricing.config';
import ctaConfig from '@/components/website/cta.config';
import contactFormConfig from '@/components/website/contact-form.config';
import statsConfig from '@/components/website/stats.config';
import faqConfig from '@/components/website/faq.config';
import postsCarouselConfig from '@/components/website/posts-carousel.config';

export const appConfig: UserConfig = {
  root: Root,
  categories: {
    navigation: { title: 'Navigation' },
    marketing: { title: 'Marketing' },
    'social-proof': { title: 'Social proof' },
    content: { title: 'Content' },
    conversion: { title: 'Conversion' },
  },
  components: {
    header: headerConfig,
    footer: footerConfig,
    hero: heroConfig,
    'logo-marquee': logoMarqueeConfig,
    features: featuresConfig,
    testimonials: testimonialsConfig,
    pricing: pricingConfig,
    cta: ctaConfig,
    'contact-form': contactFormConfig,
    stats: statsConfig,
    faq: faqConfig,
    'posts-carousel': postsCarouselConfig,
  },
};

export default appConfig;