<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: "Cao Yu",
    title: "Chief Financial Officer, Secretary, Treasurer and Director",
    contain:
      "Cao Yu, age 34, previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters fromNovember 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 toOctober 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida PlasticProfile Products Co., Ltd.",
  },
  {
    name: "David Lazar",
    title: "Director",
    contain:
      "David E. Lazar, age 34, has served as the Chief Executive Officer of OpGen, Inc., a precision medicine company listed on the Nasdaq (OPGN) since April11, 2024, where he also servs as a director and board chairman, beginning on March 25, 2024. Mr. Lazar served as the Chief Executive Officer of TitanPharmaceuticals Inc. listed on the Nasdaq (TTNP) from August 2022 through April 11, 2024, where he also served as a director and board chairman fromAugust 2022 until October 2023. He has also served as the CEO of Custodian Ventures LLC, a company which specializes in assisting distressed publiccompanies through custodianship, since February 2018, and Activist Investing LLC, an actively managed private investment fund, since March 2018.Previously, Mr. Lazar served as Managing Partner at Zenith Partners International Inc., a boutique consulting firm, from July 2012 to April 2018. In his roleas Chief Eecutive Officer of Custodian Ventures LLC, Mr. Lazar has successfully served as a custodian to numerous public companies across a widerange of industries.",
  },
  {
    name: "Hu Bin",
    title: "Director",
    contain:
      "Hu Bin,age 55, has served as a director of DC International Service Trade GmbH since December 2024. Prior to that, Mr. Hu worked as a freelancer in thetourism industry from April 2001 to October 2024. From April 1994 to October 2000, he served as the general manager of Suzhou Wintime AdvertisingCo., Ltd. Before that, he served as the general manager of Suzhou Bauhaus Advertising Design Co., Ltd. from August 1992 to April 1994, where he wasengaged 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: "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:
      "Chan Oi Fat, age 46, has served as Vice President – Finance of SML Group Corporation since March 2018 and as Company Secretary of China LeonInspection Holding Limited (HKEX: 1586) since February 2018 and of Raily Aesthetic Medicine International Holdings Limited (HKEX: 2135) sinceNovember 2020. He is an independent non-executive director of Huajin International Holdings Limited (HKEX: 2738) (since March 2025) and UBoTHolding Limited (HKEX GEM: 8529) (since May 2024) and previously served as an independent non-executive director of China Saftower InternationalHolding Group Limited (HKEX GEM: 8623) from June 2020 to December 2023 and Shanghai Prime Machinery Company Limited (HKEX: 2345) fromJune 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 theAssociation of Chartered Certified Accountants (since 2003) and the Hong Kong Institute of Certified Public Accountants (since 2004).",
  },
];
</script>

<style scoped>
.home-page {
  background-image: url("@/assets/image/bg.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.directors-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 24px;
}

.page-title {
  text-align: center;
  margin-bottom: 16px;
  font-weight: 500;
  color: #1a1a1a;
}

.directors-list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 40px;
}

.director-item {
  padding-bottom: 48px;
  border-bottom: 1px solid #f0f0f0;
}

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

.director-name {
  margin-bottom: 8px;
  font-size: 28px;
  font-weight: 500;
  color: #1a1a1a;
}

.director-title {
  font-size: 18px;
  color: #666;
  display: block;
  margin-bottom: 24px;
}

.divider {
  margin: 16px 0;
  background-color: #f0f0f0;
}

.director-bio {
  line-height: 1.8;
  color: #4a4a4a;
  font-size: 16px;
}

@media (min-width: 768px) {
  .directors-page {
    padding: 80px 40px;
  }

  .director-name {
    font-size: 32px;
  }

  .director-title {
    font-size: 20px;
  }
}
</style>
