<script setup lang="ts">
defineProps<{
  title?: string
  description?: string
  image: string
  imageAlt: string
}>()
</script>

<template>
  <section class="product-architecture-section">
    <div class="container product-architecture-container">
      <div class="row">
        <div class="col col-xs-12 text-center">
          <h1 class="product-architecture-title">{{ title || '产品架构' }}</h1>
          <p v-if="description">{{ description }}</p>
          <img :src="image" :alt="imageAlt" class="img-responsive center-block">
        </div>
      </div>
    </div>
  </section>
</template>
