---
import BaseLayout from '../layouts/BaseLayout.astro'
import CloudBannerSection from '../components/product/shared/CloudBannerSection.vue'
import HeroSection from '../components/product/api/HeroSection.vue'
import AutomationSection from '../components/product/api/AutomationSection.vue'
import StepsSection from '../components/product/api/StepsSection.vue'
import ReasonSection from '../components/product/api/ReasonSection.vue'
import ProductCardsSection from '../components/common/ProductCardsSection.vue'
---

<BaseLayout title="Comfy API">
  <CloudBannerSection />
  <HeroSection client:load />
  <AutomationSection />
  <StepsSection />
  <ReasonSection />
  <ProductCardsSection exclude-product="api" label-key="products.labelProducts" />
</BaseLayout>
