import { _ as _export_sfc, B as BannerPage, C as Carousel, a as authoredContent, r as resolveComponent, o as openBlock, c as createBlock, w as withCtx, b as createBaseVNode, d as createElementBlock, e as renderList, F as Fragment } from "./index.a738533d.js";
import { F as FilmCard } from "./FilmCard.a63ed926.js";
const AboutView_vue_vue_type_style_index_0_scoped_106f422f_lang = "";
const _sfc_main = {
  components: { BannerPage, Carousel, FilmCard },
  data() {
    return {
      bannerFrames: authoredContent.about.banner,
      descriptionHtml: authoredContent.about["description-html"],
      sampleFilms: authoredContent.about["sample-films"]
    };
  }
};
const _hoisted_1 = { class: "about-container" };
const _hoisted_2 = ["innerHTML"];
const _hoisted_3 = { class: "posters" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_FilmCard = resolveComponent("FilmCard");
  const _component_BannerPage = resolveComponent("BannerPage");
  return openBlock(), createBlock(_component_BannerPage, { bannerFrames: $data.bannerFrames }, {
    default: withCtx(() => [
      createBaseVNode("div", _hoisted_1, [
        createBaseVNode("div", {
          class: "description",
          innerHTML: $data.descriptionHtml
        }, null, 8, _hoisted_2),
        createBaseVNode("div", _hoisted_3, [
          (openBlock(true), createElementBlock(Fragment, null, renderList($data.sampleFilms, (filmKey) => {
            return openBlock(), createBlock(_component_FilmCard, {
              filmKey,
              class: "poster-child"
            }, null, 8, ["filmKey"]);
          }), 256))
        ])
      ])
    ]),
    _: 1
  }, 8, ["bannerFrames"]);
}
const AboutView = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-106f422f"]]);
export {
  AboutView as default
};