Compare commits

...

6 Commits

15 changed files with 141 additions and 424 deletions

View File

@ -568,7 +568,7 @@ export default {
},
CONTAINY: {
STOCK_INFO: {
TITLE: "Stock Information",
TITLE: "Stock Info",
LAST_PRICE: "Last Price",
CHANGE: "Change",
STOCK_CODE: "Stock Code",
@ -585,10 +585,10 @@ export default {
LEARN_MORE: "Learn More",
},
NEWS: {
TITLE: "Latest News",
TITLE: "Recent News",
LATEST_TITLE: "Company Announces Breakthrough in AI Technology",
LATEST_CONTENT:
"Our research team has achieved significant progress in natural language processing, which will enhance our global content delivery platform...",
"Ucommune Regains Compliance with Nasdag MinimuBid Price Requirement",
READ_MORE: "Read more",
},
},
@ -702,9 +702,8 @@ export default {
TITLETWO: "Chief Executive Officer and President",
CONTENT:
"Mr. Li is the Chief Executive Officer and President, with extensive experience in accounting, corporate management and finance management. His role encompasses the oversight of our daily business operations and plays a vital part in the overall management of our Group.With a track record spanning prestigious roles at Deloitte China, Shanghai Prime Machinery Company Limited, Lens Technology Co., Ltd., and more, Mr. Li brings invaluable expertise to lead the team. He chaired Audit Committees for Fulu Holdings and Taizhou Water Group in Hong Kong, and Nedschroef in the Netherlands, showcasing his global leadership. Holding key positions in investment management, business consulting, and directorial roles in listedcompanies, his insights drive strategic decision-making. ",
CONTENTTWO: "•KOL branding services",
CONTENTTHREE:
"•AI-enabled content creation and fans habit analysis solutions",
CONTENTTWO: "",
CONTENTTHREE: "",
},
TWO: {
TITLE: "Cao Yu",

View File

@ -6,7 +6,6 @@ const routes = [
{
path: "/",
name: "index",
redirect: "/myhome", // 添加重定向
component: () => import("@/views/index/index.vue"),
// beforeEnter: (to, from, next) => {

View File

@ -15,7 +15,7 @@ export const useStockQuote = createGlobalState(() => {
]
})
const getStockQuate= async()=>{
const res = await axios.get('http://saas-test.szjixun.cn/api/chart/forward/test')
const res = await axios.get('https://saas-test.szjixun.cn/api/chart/forward/test')
stockQuote.value=res.data
}
return {

View File

@ -244,6 +244,8 @@ const solutions = computed(() => [
transform: translateX(-50%);
width: 80%;
height: 100%;
background: url("@/assets/image/abstract-pattern.png") no-repeat
center/contain;
opacity: 0.03;
z-index: -1;
}

View File

@ -3,8 +3,7 @@
<!-- 标题区 -->
<section class="hero-section">
<div class="container">
<h1>Board Committees</h1>
<p>Expertise Oversight and Corporate Governance</p>
<h1>Committee Appointments</h1>
</div>
</section>

View File

@ -38,13 +38,13 @@ const otherDirectors = [
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 ofArts in 1989.",
"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 BostonUniversity.",
"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",

View File

@ -1,73 +1,21 @@
<template>
<div class="home-page">
<div class="board-page">
<!-- 紫色渐变标题区 -->
<section class="hero-board">
<div class="hero-content">
<h1 class="hero-title">Board of Directors</h1>
<div class="hero-subtitle">Leadership Driving Innovation</div>
</div>
<div class="hero-wave"></div>
</section>
<div class="directors-page">
<n-h1 class="page-title">Board of Directors</n-h1>
<n-divider />
<!-- 董事会成员展示 -->
<main class="board-container">
<div class="directors-grid">
<!-- CEO卡片 - 特殊强调 -->
<div class="director-card ceo-card">
<div class="card-inner">
<div class="card-front">
<div class="avatar-placeholder"></div>
<h2 class="director-name">Li Wai Chung</h2>
<div class="director-title">
Chief Executive Officer and President
</div>
<div class="card-flip-hint"> View Profile</div>
</div>
<div class="card-back">
<div class="profile-content">
<h3>Executive Profile</h3>
<div class="divider"></div>
<p>
Extensive experience in leadership roles with a proven track
record of driving growth and operational excellence
</p>
<div class="accent-line"></div>
</div>
</div>
</div>
<div class="card-glow"></div>
</div>
<!-- 其他董事成员 -->
<div
class="director-card"
v-for="(director, index) in otherDirectors"
:key="index"
>
<div class="card-inner">
<div class="card-front">
<div
class="avatar-placeholder"
:style="{ '--delay': index * 0.1 + 's' }"
></div>
<h2 class="director-name">{{ director.name }}</h2>
<div class="director-title">{{ director.title }}</div>
</div>
<div class="card-back">
<div class="profile-content">
<h3>Director Profile</h3>
<div class="divider"></div>
<p>
Extensive experience in corporate governance and strategic
leadership
</p>
</div>
</div>
</div>
</div>
<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>
</main>
</div>
</div>
</div>
</template>
@ -77,303 +25,103 @@ 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 ofArts 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 BostonUniversity.",
},
{
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).",
},
{ name: "David Lazar", title: "Director" },
{ name: "Hu Bin", title: "Director" },
{ name: "David Natan", title: "Director" },
{ name: "Chan Oi Fat", title: "Director" },
];
</script>
<style scoped>
.home-page {
background-image: url("@/assets/image/bg.png");
background-size: 100% 100%;
background-image: url("@/assets/image/bg-mobile.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* 紫色主题变量 */
:root {
--primary: #895bff;
--primary-light: #a07cff;
--primary-dark: #6a11cb;
--primary-gradient: linear-gradient(
135deg,
var(--primary-light) 0%,
var(--primary) 100%
);
--primary-transparent: rgba(137, 91, 255, 0.1);
min-height: 100vh;
}
/* 标题区设计 */
.hero-board {
background: var(--primary-gradient);
padding: 8rem 2rem 6rem;
position: relative;
text-align: center;
color: #895bff;
overflow: hidden;
}
.hero-board::before {
content: "";
position: absolute;
top: 0;
left: 0;
.directors-page {
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><circle fill="rgba(255,255,255,0.05)" cx="20" cy="20" r="15"/><circle fill="rgba(255,255,255,0.05)" cx="80" cy="40" r="20"/><circle fill="rgba(255,255,255,0.05)" cx="50" cy="80" r="10"/></svg>');
opacity: 0.3;
}
.hero-title {
font-size: 3.5rem;
margin-bottom: 1rem;
font-weight: 600;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
animation: fadeInDown 1s ease;
}
.hero-subtitle {
font-size: 1.2rem;
letter-spacing: 0.1em;
opacity: 0.9;
animation: fadeIn 1.5s ease;
}
.hero-wave {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 100px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" fill="%23faf9ff" opacity=".25"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" fill="%23faf9ff" opacity=".5"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23faf9ff"/></svg>');
background-size: cover;
}
/* 董事会成员网格 */
.board-container {
max-width: 1200px;
margin: 0 auto;
padding: 4rem 2rem;
padding: 40px 20px;
box-sizing: border-box;
}
.directors-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
position: relative;
.page-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600;
color: #1a1a1a;
font-size: 28px;
}
/* 董事卡片设计 */
.director-card {
perspective: 1000px;
height: 380px;
position: relative;
}
.director-card .card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s;
transform-style: preserve-3d;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(137, 91, 255, 0.1);
}
.director-card:hover .card-inner {
transform: rotateY(180deg);
}
.card-front,
.card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 16px;
overflow: hidden;
}
.card-front {
background: white;
.directors-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
text-align: center;
gap: 40px;
margin-top: 30px;
}
.card-back {
background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%);
transform: rotateY(180deg);
padding: 2rem;
display: flex;
align-items: center;
.director-item {
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* CEO特殊卡片 */
.ceo-card .card-front {
border: 2px solid var(--primary);
}
.ceo-card .card-back {
background: linear-gradient(135deg, #f3eeff 0%, #e8ddff 100%);
}
.ceo-card::after {
content: "CEO";
position: absolute;
top: 20px;
right: 20px;
background: var(--primary-gradient);
color: white;
padding: 0.3rem 1rem;
border-radius: 20px;
font-weight: 600;
z-index: 3;
}
.card-glow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
box-shadow: 0 0 30px rgba(137, 91, 255, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
}
.ceo-card:hover .card-glow {
opacity: 1;
}
/* 卡片内容样式 */
.avatar-placeholder {
width: 120px;
height: 120px;
border-radius: 50%;
background: var(--primary-transparent);
margin-bottom: 1.5rem;
position: relative;
overflow: hidden;
animation: fadeIn 0.5s ease var(--delay, 0s) forwards;
opacity: 0;
}
.avatar-placeholder::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23895bff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>')
no-repeat center/contain;
opacity: 0.3;
.director-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.director-name {
font-size: 1.5rem;
color: #2c0850;
margin-bottom: 0.5rem;
margin-bottom: 10px;
font-size: 24px;
font-weight: 600;
color: #1a1a1a;
line-height: 1.3;
}
.director-title {
color: var(--primary);
font-size: 0.95rem;
line-height: 1.6;
max-width: 80%;
}
.card-flip-hint {
position: absolute;
bottom: 20px;
color: var(--primary);
font-size: 0.8rem;
opacity: 0.7;
animation: pulse 2s infinite;
}
.profile-content {
width: 100%;
}
.profile-content h3 {
color: var(--primary-dark);
margin-bottom: 1rem;
font-size: 18px;
color: #555;
display: block;
margin-bottom: 20px;
line-height: 1.4;
}
.divider {
width: 40px;
height: 2px;
background: var(--primary-gradient);
margin: 1rem 0;
margin: 20px 0;
background-color: rgba(0, 0, 0, 0.1);
}
.accent-line {
width: 100%;
height: 1px;
background: linear-gradient(
90deg,
transparent,
var(--primary-transparent),
transparent
);
margin: 1.5rem 0;
}
/* 动画效果 */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pulse {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
/* 响应式设计 */
@media (max-width: 768px) {
.hero-title {
font-size: 2.5rem;
}
.directors-grid {
grid-template-columns: 1fr;
}
.director-card {
height: 350px;
}
.director-bio {
line-height: 1.8;
color: #333;
font-size: 16px;
text-align: justify;
word-break: break-word;
}
</style>

View File

@ -8,27 +8,27 @@
$t("COMPANYOVERVIEW.TITLETWO.TITLE")
}}</n-h1>
</transition>
<transition name="fade-up" appear>
<!-- <transition name="fade-up" appear>
<n-p class="hero-subtitle">
{{ $t("COMPANYOVERVIEW.HERO_SUBTITLE") }}
</n-p>
</transition>
</transition> -->
</div>
<!-- 公司简介部分 -->
<section class="section intro-section">
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.INTRO_TITLE")
}}</n-h2>
<n-p class="section-content">{{
$t("COMPANYOVERVIEW.TITLETWO.CONTENT")
}}</n-p>
<n-p class="section-content">{{
$t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO")
}}</n-p>
<n-p class="section-content">{{
$t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE")
}}</n-p>
<!-- 公司概况 -->
<section
class="company-overview"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h2 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p>
</div>
</section>
<!-- 使命愿景卡片 -->
@ -36,7 +36,7 @@
<div class="mission-cards">
<n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.MISSION_TITLE")
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<n-p class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
@ -45,7 +45,7 @@
<n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.VISION_TITLE")
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<n-p class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")
@ -161,18 +161,6 @@
<n-p class="section-content">{{
$t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
}}</n-p>
<div class="achievement-stats">
<n-statistic
v-for="(stat, index) in stats"
:key="index"
class="stat-item"
v-motion-slide-visible-once-bottom
:style="{ '--delay': index * 0.1 + 's' }"
>
<template #label>{{ $t(stat.labelKey) }}</template>
{{ stat.number }}
</n-statistic>
</div>
</section>
</div>
</div>

View File

@ -27,19 +27,19 @@ function handleSubmit(e) {
<form class="flex flex-col gap-3" @submit="handleSubmit">
<div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* First Name</label>
<input v-model="form.firstName" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
<input v-model="form.firstName" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div>
<div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Last Name</label>
<input v-model="form.lastName" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
<input v-model="form.lastName" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div>
<div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Email</label>
<input v-model="form.email" type="email" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
<input v-model="form.email" type="email" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div>
<div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Company</label>
<input v-model="form.company" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
<input v-model="form.company" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div>
<div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">Phone</label>

View File

@ -39,10 +39,8 @@
<h2 class="text-2xl font-medium text-gray-800 mb-2">
{{ item.title }}
</h2>
<p class="text-gray-600">{{ item.date }}</p>
</div>
</div>
<p class="text-gray-700 mb-8 flex-grow">{{ item.description }}</p>
<div class="mt-auto">
<a
:href="item.url"

View File

@ -39,10 +39,8 @@
<h2 class="text-2xl font-medium text-gray-800 mb-2">
{{ item.title }}
</h2>
<p class="text-gray-600">{{ item.date }}</p>
</div>
</div>
<p class="text-gray-700 mb-8 flex-grow">{{ item.description }}</p>
<div class="mt-auto">
<a
:href="item.url"

View File

@ -4,10 +4,10 @@
<!-- 标题区 -->
<section class="leadership-header">
<div class="container">
<h1 class="page-title">Executive Leadership</h1>
<p class="page-subtitle">
Driving Innovation and Operational Excellence
</p>
<h1 class="page-title">
FiEE, Inc. has a team of capable senior management with extensive
professional experience
</h1>
</div>
</section>

View File

@ -4,10 +4,10 @@
<!-- 标题区 -->
<section class="leadership-header">
<div class="container">
<h1 class="page-title">Executive Leadership</h1>
<p class="page-subtitle">
Driving Innovation and Operational Excellence
</p>
<h1 class="page-title">
FiEE, Inc. has a team of capable senior management with extensive
professional experience
</h1>
</div>
</section>

View File

@ -1,24 +1,11 @@
<template>
<div class="home-page">
<!-- 顶部背景图 Banner -->
<div class="hero-banner">
<div class="banner-content">
<h1 class="main-title">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h1>
<p class="sub-title">
NASDAQ: MINM | {{ $t("HOME.CONTAIN.TITLEONE.CONTENT") }}
</p>
<!-- <p class="sub-title" style="">
{{ $t("HOME.CONTAIN.TITLEONE.CONTENTTWO") }}
</p> -->
</div>
</div>
<section
class="company-overview"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h2 class="section-title">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h2>
<h2 class="section-titles">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("HOME.CONTAIN.TITLEONE.CONTENT") }}</p>
<p>{{ $t("HOME.CONTAIN.TITLEONE.CONTENTTWO") }}</p>
</div>
@ -29,6 +16,7 @@
class="company-overview"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Company profile</h1>
<h2 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
@ -133,8 +121,8 @@
>
<h2 class="section-title">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
<div class="news-card">
<div class="news-date">2025-05-15</div>
<h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3>
<div class="news-date">De 15. 2023</div>
<!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.LATEST_CONTENT") }}
</p>
@ -194,9 +182,9 @@
{{ $t("HOME.CONTAINY.UPCOMING_EVENTS.TITLE") }}
</h2>
<div class="event-item">
<h3 class="event-name">
<!-- <h3 class="event-name">
{{ $t("HOME.CONTAINY.UPCOMING_EVENTS.EVENT_NAME") }}
</h3>
</h3> -->
<!-- <div class="event-detail">
<div class="detail-row">
<i class="icon-calendar"></i>
@ -295,10 +283,15 @@ const { t: $t } = useI18n();
}
.section-title {
font-size: 2.5rem;
font-size: 1.125rem; /* 18px */
margin-bottom: 30px;
color: #895bff;
}
.section-titles {
font-size: 2.5rem; /* 18px */
margin-bottom: 30px;
color: #333;
}
.content-block {
font-size: 1.1rem;

View File

@ -1,24 +1,11 @@
<template>
<div class="home-page">
<!-- 顶部背景图 Banner -->
<div class="hero-banner">
<div class="banner-content">
<h1 class="main-title">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h1>
<p class="sub-title">
NASDAQ: MINM | {{ $t("HOME.CONTAIN.TITLEONE.CONTENT") }}
</p>
<!-- <p class="sub-title" style="">
{{ $t("HOME.CONTAIN.TITLEONE.CONTENTTWO") }}
</p> -->
</div>
</div>
<section
class="company-overview"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h2 class="section-title">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h2>
<h2 class="section-titles">{{ $t("HOME.CONTAIN.TITLEONE.TITLE") }}</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("HOME.CONTAIN.TITLEONE.CONTENT") }}</p>
<p>{{ $t("HOME.CONTAIN.TITLEONE.CONTENTTWO") }}</p>
</div>
@ -29,6 +16,7 @@
class="company-overview"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
<h1 class="section-titles">Company profile</h1>
<h2 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
@ -133,7 +121,7 @@
>
<h2 class="section-title">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
<div class="news-card">
<div class="news-date">2025-05-15</div>
<div class="news-date">De 15. 2023</div>
<h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3>
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.LATEST_CONTENT") }}
@ -194,9 +182,9 @@
{{ $t("HOME.CONTAINY.UPCOMING_EVENTS.TITLE") }}
</h2>
<div class="event-item">
<h3 class="event-name">
<!-- <h3 class="event-name">
{{ $t("HOME.CONTAINY.UPCOMING_EVENTS.EVENT_NAME") }}
</h3>
</h3> -->
<!-- <div class="event-detail">
<div class="detail-row">
<i class="icon-calendar"></i>
@ -295,10 +283,15 @@ const { t: $t } = useI18n();
}
.section-title {
font-size: 2.5rem;
font-size: 1.125rem; /* 18px */
margin-bottom: 30px;
color: #895bff;
}
.section-titles {
font-size: 2.5rem; /* 18px */
margin-bottom: 30px;
color: #333;
}
.content-block {
font-size: 1.1rem;