nuxt初始化

nuxt-web/components/ProductArchitectureCard.vue

@@ -0,0 +1,22 @@
+<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>