export default {
  showcaseId: '2',
  layoutId: 'Wide_Title_And_Images_Without_Border_Radius',
  previewImage: {
    set: {
      ORIGINAL: {
        url: 'custom_section_showcase_2_preview.png',
      },
    },
  },
  blockName: '$label.showcase_2.blockName',
  content: {
    section_title: {
      type: 'TEXTAREA',
      text: '$label.showcase_2.section_title.text',
    },
    section_tagline: {
      type: 'INPUTBOX',
      text: '$label.showcase_2.section_tagline.text',
    },
    section_button: {
      type: 'BUTTON',
      title: '$label.showcase_2.section_button.title',
      buttonType: 'HYPER_LINK',
    },
    slider: {
      type: 'DECK',
      cards: [
        {
          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_1.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_1.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_1@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_1@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_1@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
        {
          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_2.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_2.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_2@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_2@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_2@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
        {
          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_3.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_3.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_3@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_3@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_3@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
        {
          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_4.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_4.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_4@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_4@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_4@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
        {

          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_5.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_5.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_5@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_5@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_5@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
        {
          settings: {
            image_text: {
              type: 'INPUTBOX',
              text: '$label.showcase_2.slide_text_6.text',
            },
            image_content: {
              type: 'IMAGE',
              imageData: {
                set: {
                  MOBILE_WEBP_LOW_RES: {
                    url: 'bike_6.jpg',
                  },
                  MOBILE_WEBP_HI_RES: {
                    url: 'bike_6@2x.jpg',
                  },
                  WEBP_LOW_RES: {
                    url: 'bike_6@2x.jpg',
                  },
                  WEBP_HI_2X_RES: {
                    url: 'bike_6@2x.jpg',
                  },
                },
                borderInfo: {},
              },
            },
          },
        },
      ],
    },
  },
  design: {
    section_title: {
      type: 'TEXT',
      font: 'pt_mono',
      size: 48,
      bold: true,
      italic: false,
      color: '#FFFFFF',
    },
    section_description: {
      type: 'TEXT',
      font: 'inter',
      size: 16,
      bold: true,
      italic: false,
      color: '#FFFFFF',
    },
    section_tagline: {
      type: 'TEXT',
      font: 'pt_mono',
      size: 16,
      bold: false,
      italic: false,
      color: '#FFB92E',
    },
    section_button: {
      type: 'BUTTON',
      font: 'inter',
      appearance: 'SOLID',
      size: 'LARGE',
      shape: 'RECTANGLE',
      color: '#FFFFFF',
    },
    background: {
      type: 'BACKGROUND',
      style: 'COLOR',
      color: '#000000',
    },
    image_text: {
      type: 'TEXT',
      font: 'pt_mono',
      size: 24,
      bold: true,
      italic: false,
      color: '#FFFFFF',
    },
    image_content: {
      type: 'IMAGE',
      overlay: 'GRADIENT',
      color: ['#000000', '#000000'],
    },
  },
} as const;
