import { _ as _sfc_main$2 } from './AppIcon--JRwwp2l.mjs';
import { defineComponent, mergeProps, useSSRContext } from 'file:///home/akoo/%E5%B1%85%E5%AE%B6%E6%9C%8D%E5%8A%A1/hss-home-service/website/node_modules/vue/index.mjs';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderAttr } from 'file:///home/akoo/%E5%B1%85%E5%AE%B6%E6%9C%8D%E5%8A%A1/hss-home-service/website/node_modules/vue/server-renderer/index.mjs';

const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "CapabilityCard",
  __ssrInlineRender: true,
  props: {
    icon: {},
    title: {},
    desc: {}
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_AppIcon = _sfc_main$2;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-white rounded-2xl p-6 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 border border-gray-50 group" }, _attrs))}><div class="w-12 h-12 rounded-xl bg-primary-50 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white transition-colors">`);
      _push(ssrRenderComponent(_component_AppIcon, {
        name: __props.icon,
        class: "w-6 h-6"
      }, null, _parent));
      _push(`</div><h3 class="font-bold text-lg mb-2">${ssrInterpolate(__props.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(__props.desc)}</p></div>`);
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CapabilityCard.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "TriEndDisplay",
  __ssrInlineRender: true,
  setup(__props) {
    const ends = [
      { title: "\u670D\u52A1\u5BF9\u8C61/\u5BB6\u5C5E\u7AEF", desc: "\u7533\u8BF7\u670D\u52A1\u3001\u67E5\u770B\u65B9\u6848\u3001\u7B7E\u7F72\u786E\u8BA4\u3001\u9A8C\u6536\u8BC4\u4EF7\u3001\u652F\u4ED8\u7ED3\u7B97", color: "border-primary", bg: "bg-primary-50", img: "people" },
      { title: "\u670D\u52A1\u4EBA\u5458 Delivery \u7AEF", desc: "\u63A5\u5355\u786E\u8BA4\u3001GPS\u7B7E\u5230\u3001\u9879\u76EE\u7EA7\u6267\u884C\u3001\u5F02\u5E38\u4E0A\u62A5\u3001\u8BC1\u636E\u4E0A\u4F20", color: "border-accent", bg: "bg-accent-50", img: "technology" },
      { title: "\u673A\u6784\u7BA1\u7406/\u76D1\u7BA1\u7AEF", desc: "\u53D7\u7406\u6D3E\u5355\u3001\u8C03\u5EA6\u53F0\u3001\u6570\u636E\u770B\u677F\u3001\u8D28\u91CF\u76D1\u7BA1\u3001\u7ED3\u7B97\u5BA1\u6838\u3001\u5408\u89C4\u5BA1\u8BA1", color: "border-cta", bg: "bg-orange-50", img: "office" }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "grid md:grid-cols-3 gap-8" }, _attrs))}><!--[-->`);
      ssrRenderList(ends, (e, i) => {
        _push(`<div class="${ssrRenderClass([[e.color, e.bg], "rounded-2xl border-2 p-8 text-center transition-all duration-300 hover:shadow-lg"])}"><img${ssrRenderAttr("src", `https://loremflickr.com/240/160/${e.img}`)}${ssrRenderAttr("alt", e.title + "\uFF08\u793A\u610F\u7D20\u6750\uFF0C\u5F85\u66FF\u6362\uFF09")} class="w-full h-40 object-cover rounded-xl mb-6" width="240" height="160" loading="lazy"><h3 class="font-bold text-xl mb-3">${ssrInterpolate(e.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(e.desc)}</p></div>`);
      });
      _push(`<!--]--></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/TriEndDisplay.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as _, _sfc_main$1 as a };
//# sourceMappingURL=TriEndDisplay-B5fVYJfo.mjs.map