import Logo from '@/components/Logo';
import type { ReactElement } from 'react';

export interface Product {
  id: string;
  titleKey: string;
  descriptionKey: string;
  LogoComponent: ReactElement;
  demoLink: string;
}

export const productsData: Product[] = [
  {
    id: 'harmony-club',
    titleKey: 'products.harmonyClub.title',
    descriptionKey: 'products.harmonyClub.description',
    LogoComponent: <Logo isIcon boxSx={{ width: 69, height: 55 }} />, // Reference the component
    demoLink: '', // FIXME: update this url
  },
  // add more products here
];
