<script setup>
import SectionHeaderBlock from './SectionHeaderBlock.vue'
import countryMap from '../static/country.png'
import { scopeParagraphs } from '../data/site'
</script>

<template>
  <section class="section section-scope" id="scope">
    <div class="container">
      <SectionHeaderBlock title-en="BUSINESS SCOPE" title-cn="业务范围" />
      <div class="scope-content">
        <div class="scope-text">
          <p v-for="(text, index) in scopeParagraphs" :key="index">{{ text }}</p>
        </div>
        <img class="scope-map" :src="countryMap" alt="业务范围世界地图" />
      </div>
    </div>
  </section>
</template>
