---
import BaseLayout from '../../../layouts/BaseLayout.astro'
import HeroSection from '../../../components/product/cloud/HeroSection.vue'
import ReasonSection from '../../../components/product/cloud/ReasonSection.vue'
import AIModelsSection from '../../../components/product/shared/AIModelsSection.vue'
import AudienceSection from '../../../components/product/cloud/AudienceSection.vue'
import PricingSection from '../../../components/product/cloud/PricingSection.vue'
import ProductCardsSection from '../../../components/product/cloud/ProductCardsSection.vue'
import FAQSection from '../../../components/product/cloud/FAQSection.vue'
import { t } from '../../../i18n/translations'
---

<BaseLayout
  title="Comfy Cloud — 云端 AI"
  description={t('cloud.hero.subtitle', 'zh-CN')}
  keywords={['comfyui web app', 'comfyui app', 'comfyui online', 'comfyui cloud', 'ComfyUI 网页版', 'ComfyUI 云端', 'ComfyUI 应用', 'Comfy Cloud', '云端 ComfyUI']}
>
  <HeroSection locale="zh-CN" />
  <ReasonSection locale="zh-CN" />
  <AIModelsSection locale="zh-CN" />
  <AudienceSection locale="zh-CN" />
  <PricingSection locale="zh-CN" />
  <ProductCardsSection locale="zh-CN" />
  <FAQSection locale="zh-CN" client:visible />
</BaseLayout>
