<template>
  <div class="home-page">
    <div class="directors-page">
      <n-h1 class="page-title">Board of Directors</n-h1>
      <n-divider />

      <div class="directors-list">
        <div
          v-for="(director, index) in otherDirectors"
          :key="index"
          class="director-item"
        >
          <n-h2 class="director-name">{{ director.name }}</n-h2>
          <n-text class="director-title">{{ director.title }}</n-text>
          <n-divider class="divider" />
          <n-p class="director-bio">{{ director.contain }}</n-p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
const otherDirectors = [
  {
    name: "Hu Bin",
    title: "Chairman of the Board of Directors",
    contain:
      "Served as a director of DC International Service Trade GmbH since December 2024. Prior to that, Mr. Hu worked as a freelancer in the tourism industry from April 2001 to October 2024. From April 1994 to October 2000, he served as the general manager of Suzhou Wintime Advertising Co., Ltd. Before that, he served as the general manager of Suzhou Bauhaus Advertising Design Co., Ltd. from August 1992 to April 1994, where he was engaged in computer-aided design and 3D computer animation production. Mr. Hu began his career at Suzhou Advertising Company in October 1989, where he worked as a designer responsible for graphic design, platemaking, printing, and interior decoration. Mr. Hu graduated from Suzhou Academy of Arts in 1989.",
  },
  {
    name: "Cao Yu",
    title: "Chief Financial Officer, Secretary, Treasurer and Director",
    contain:
      "Previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
  },
  {
    name: "David Lazar",
    title: "Director",
    contain:
      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
  },

  {
    name: "David Natan",
    title: "Director",
    contain:
      "David Natan,age 72, currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financialofficer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company fromNovember 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc.(OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served asExecutive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and,from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysisinstruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP,a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc.(Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for thefollowing public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrandsCorp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
  },
  {
    name: "Chan Oi Fat",
    title: "Director",
    contain:
      "Served as Vice President – Finance of SML Group Corporation since March 2018 and as Company Secretary of China Leon Inspection Holding Limited (HKEX: 1586) since February 2018 and of Raily Aesthetic Medicine International Holdings Limited (HKEX: 2135) since November 2020. He is an independent non-executive director of Huajin International Holdings Limited (HKEX: 2738) (since March 2025) and UBoT Holding Limited (HKEX GEM: 8529) (since May 2024) and previously served as an independent non-executive director of China Saftower International Holding Group Limited (HKEX GEM: 8623) from June 2020 to December 2023 and Shanghai Prime Machinery Company Limited (HKEX: 2345) from June 2014 to January 2021. Mr. Chan holds a B.B.A. (Hons) in Accountancy from the City University of Hong Kong (2000) and is a member of the Association of Chartered Certified Accountants (since 2003) and the Hong Kong Institute of Certified Public Accountants (since 2004).",
  },
];
</script>

<style scoped>
:root {
  --primary-color: #333;
  --secondary-color: #666;
  --divider-color: #f0f0f0;
  --mobile-padding: 16px;
  --tablet-padding: 24px;
}

.home-page {
  background-image: url("@/assets/image/bg-mobile.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.directors-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem)
    clamp(var(--mobile-padding), 4vw, var(--tablet-padding));
}

.page-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  color: var(--primary-color);
}

.directors-list {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.director-item {
  padding-bottom: clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--divider-color);
}

.director-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.director-name {
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 500;
  color: var(--primary-color);
}

.director-title {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--secondary-color);
  display: block;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.5;
}

.divider {
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  background-color: var(--divider-color);
}

.director-bio {
  line-height: 1.8;
  color: #4a4a4a;
  font-size: clamp(0.9rem, 1.8vw, 1rem);
}

/* 针对超小屏幕的优化 */
@media (max-width: 375px) {
  .directors-page {
    padding: clamp(1.5rem, 5vw, 2rem) clamp(12px, 4vw, 16px);
  }

  .director-name {
    font-size: 1.25rem;
  }

  .director-title {
    font-size: 1rem;
  }
}
</style>
