export interface ProjectTypes {
  id: string;
  title: string;
  slug: string;
  author: string;
  date: string;
  theme: {
    bgColor: string;
    bgColorDark: string;
    textColorLight: string;
    textColorDark: string;
    bgGradient: string;
  };
  thumbImg: string;
  excerpt: string;
  content: string;
  heroBanner: {
    type: string;
    src: string;
  };
  intro: {
    heading: string;
    subHeading: string;
    banner: {
      type: string;
      src: string;
    };
    motifImg: string;
    linkText: string;
    collageImg: {
      img1: string;
      img2: string;
      img3: string;
    };
    showHintContent: {
      hintImg: string;
      hintHeading: string;
      hintText: string;
    };
  };
  steps: {
    step1: {
      bgColor: string;
      color: string;
      caption1: string;
      caption2: string;
      heading: string;
      suHeading: string;
      content: string;
      bgAbstract: string;
      img1Type: string;
      img1Src: string;
      rightImg: string;
    };
    step2: {
      bgColor: string;
      color: string;
      caption1: string;
      caption2: string;
      heading: string;
      suHeading: string;
      content: string;
      bgAbstract: string;
      rightImg: string;
    };
    step3: {
      bgColor: string;
      color: string;
      caption1: string;
      caption2: string;
      heading: string;
      suHeading: string;
      content: string;
      bgAbstract: string;
      rightImg: string;
      rightImg2: string;
    };
    step4: {
      bgColor: string;
      color: string;
      caption1: string;
      caption2: string;
      heading: string;
      suHeading: string;
      content: string;
      hrPattern: string;
      bgAbstract: string;
      img: string;
      imgContent: string;
      bannerType: string;
      bannerSrc: string;
    };
  };
  visionAnim: {
    animAbstract: string;
    heading: string;
    subHeading: string;
    content: string;
    visionIcon: string;
    elements: {
      abstractImg: string;
      abstractText: string;
      caption: string;
      caption2: string;
      caption3: string;
    };
  };
  theResult: {
    bgIcon: string;
    top: {
      heading: string;
      bannerType: string;
      bannerSrc: string;
      img1: string;
      img2: string;
      subHeading: string;
      tagline: string;
      content: string;
    };
    bottom: {
      bannerType: string;
      bannerSrc: string;
      subHeading: string;
      content: string;
      abstractImg: string;
      leftImg: string;
      tagline: string;
    };
    realTest: {
      bannerType: string;
      bannerSrc: string;
      heading: string;
      content: string;
      rightImg: string;
    };
  };
  bottomQuote: string;
}