22 lines
993 B
JavaScript
22 lines
993 B
JavaScript
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
|