import { defineComponent, mergeProps } from "vue";
import { ssrRenderAttrs, ssrInterpolate, ssrRenderSlot } from "vue/server-renderer";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "HeroBanner",
  __ssrInlineRender: true,
  props: {
    title: {},
    subtitle: {}
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative bg-gradient-to-b from-primary/80 to-primary/90 text-white py-24 md:py-32" }, _attrs))}><div class="container"><div class="max-w-3xl mx-auto text-center"><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">${ssrInterpolate(_ctx.title)}</h1><p class="text-xl md:text-2xl text-white/90 mb-8 leading-relaxed">${ssrInterpolate(_ctx.subtitle)}</p>`);
      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
      _push(`</div></div></section>`);
    };
  }
});
export {
  _sfc_main as default
};
//# sourceMappingURL=HeroBanner.vue2.mjs.map