<template>
  <div>
    <UPageHero
      title="客制化高定系统"
      description="以自研技术为核心，专注打造高度定制化的交互展示系统。首创动态竞标与赞助商展示方案，全面支持宴会、活动与颁奖典礼等多场景应用，让每一场盛会更具视觉冲击与品牌价值。"
    />

    <UContainer>
      <UForm :schema="orderSchema" :state="orderState" class="space-y-4">
        <!-- 联系人信息 -->
        <EventOrderMetaDetails />
        <!-- 竞标大屏 -->
        <EventOrderProductBidding />
        <!-- 背景设计 -->
        <EventOrderProductBackgroundDesign />
        <!-- 致辞 / 流程 PPT 设计 -->
        <EventOrderProductFlowDesign />
        <!-- 赞助商名册 -->
        <EventOrderProductSponsor />
      </UForm>
    </UContainer>
  </div>
</template>

<script lang="ts" setup>
const { orderSchema, orderState } = useEventOrder();
</script>

<style></style>
