From ef4b6d1022ade41841cafa10dbf4c1bd59a11a68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= Date: Mon, 23 Feb 2026 08:11:11 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=E6=89=80?= =?UTF-8?q?=E6=9C=89=20Section=20=E7=BB=84=E4=BB=B6=E4=B8=BA=E5=8C=BB?= =?UTF-8?q?=E7=96=97=E5=81=A5=E5=BA=B7=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ProductsSection: 浅灰背景、蓝红配色 - AboutSection: 白色背景、专业蓝图标 - NewsSection: 浅灰背景、蓝红强调 - ContactSection: 白色背景、蓝图标、红强调 --- src/components/sections/about-section.tsx | 48 +++++++-------- src/components/sections/contact-section.tsx | 64 ++++++++++---------- src/components/sections/news-section.tsx | 21 +++---- src/components/sections/products-section.tsx | 40 ++++++------ 4 files changed, 87 insertions(+), 86 deletions(-) diff --git a/src/components/sections/about-section.tsx b/src/components/sections/about-section.tsx index 868de79..99fe909 100644 --- a/src/components/sections/about-section.tsx +++ b/src/components/sections/about-section.tsx @@ -43,8 +43,9 @@ export function AboutSection() { const isInView = useInView(ref, { once: true, margin: '-100px' }); return ( -
-
+
+
+
- + 关于我们 -

- 关于 {COMPANY_INFO.shortName} +

+ 关于 {COMPANY_INFO.shortName}

-

+

{COMPANY_INFO.slogan}

-
-

公司简介

-

+

+

公司简介

+

{COMPANY_INFO.name}成立于{COMPANY_INFO.founded}年1月15日，总部位于{COMPANY_INFO.location}龙泉驿区幸福路12号。 公司专注于信息技术服务与解决方案，致力于为企业提供全方位的数字化转型支持。

-

+

我们拥有一支经验丰富的技术团队，在软件开发、云计算、数据分析、信息安全等领域具有深厚的技术积累。 公司秉承"专注科技创新，驱动智慧未来"的理念，为客户提供高质量的产品和服务，助力企业在数字经济时代实现转型升级。

- {/* 数据统计 */} {STATS.map((stat, idx) => ( - + -
{stat.value}
-
{stat.label}
+
{stat.value}
+
{stat.label}
 ))} @@ -98,7 +98,7 @@ export function AboutSection() { transition={{ duration: 0.6, delay: 0.3 }} className="mb-16" > -

企业价值观

+

企业价值观

{values.map((value, idx) => ( -
+
-

{value.title}

-

{value.description}

+

{value.title}

+

{value.description}

))} @@ -125,7 +125,7 @@ export function AboutSection() { animate={isInView ? { opacity: 1, y: 0 } : {}} transition={{ duration: 0.6, delay: 0.5 }} > -

发展历程

+

发展历程

{milestones.map((milestone, idx) => (
- {milestone.date} + {milestone.date}
-

{milestone.title}

-

{milestone.description}

+

{milestone.title}

+

{milestone.description}

 ))} diff --git a/src/components/sections/contact-section.tsx b/src/components/sections/contact-section.tsx index b16bf09..ea6fe6c 100644 --- a/src/components/sections/contact-section.tsx +++ b/src/components/sections/contact-section.tsx @@ -103,9 +103,9 @@ export function ContactSection() { } return ( -
+
-
+
@@ -116,13 +116,13 @@ export function ContactSection() { `} >
-
- 联系我们 +
+ 联系我们
-

- 开启合作 +

+ 开启 合作

-

+

无论您有任何问题或合作意向，我们都很乐意与您交流

@@ -136,72 +136,72 @@ export function ContactSection() { `} >
-

联系方式

+

联系方式

-
-
-
+
-

地址

-

{COMPANY_INFO.address}

+

地址

+

{COMPANY_INFO.address}

-
+
- -

工作时间

+ +

工作时间

- 周一至周五 - 9:00 - 18:00 + 周一至周五 + 9:00 - 18:00
-
+
- -

我们的承诺

+ +

我们的承诺

-

工作日 2 小时内快速响应您的咨询

+

工作日 2 小时内快速响应您的咨询

-

提供免费的业务咨询和方案评估服务

+

提供免费的业务咨询和方案评估服务

-

根据您的需求量身定制最优解决方案

+

根据您的需求量身定制最优解决方案

@@ -214,16 +214,16 @@ export function ContactSection() { ${isVisible ? 'animate-fade-in-up stagger-2' : ''} `} > -
-

发送消息

+
+

发送消息

{isSubmitted ? (
-

消息已发送

-

感谢您的留言，我们会尽快与您联系！

+

消息已发送

+

感谢您的留言，我们会尽快与您联系！

) : (
diff --git a/src/components/sections/news-section.tsx b/src/components/sections/news-section.tsx index 48eb03a..83e8d4e 100644 --- a/src/components/sections/news-section.tsx +++ b/src/components/sections/news-section.tsx @@ -12,7 +12,7 @@ export function NewsSection() { const isInView = useInView(ref, { once: true, margin: '-100px' }); return ( -
+
- + 新闻动态 -

- 最新资讯 +

+ 最新资讯

-

+

了解公司最新动态、行业资讯和技术分享

@@ -39,13 +39,13 @@ export function NewsSection() { animate={isInView ? { opacity: 1, y: 0 } : {}} transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }} > - +
- + {news.category} - + {news.date} @@ -58,7 +58,7 @@ export function NewsSection() { 阅读更多 @@ -69,7 +69,6 @@ export function NewsSection() { ))}
- {/* 查看更多 */} { alert('更多新闻功能开发中...'); }} - className="inline-flex items-center text-sm font-medium text-[var(--color-tech-blue)] hover:text-[var(--color-tech-purple)] transition-colors bg-transparent border-none cursor-pointer group" + className="inline-flex items-center text-sm font-medium text-[#005EB8] hover:text-[#C41E3A] transition-colors bg-transparent border-none cursor-pointer group" > 查看全部新闻 diff --git a/src/components/sections/products-section.tsx b/src/components/sections/products-section.tsx index 617b278..c52b8dc 100644 --- a/src/components/sections/products-section.tsx +++ b/src/components/sections/products-section.tsx @@ -14,21 +14,23 @@ export function ProductsSection() { const isInView = useInView(ref, { once: true, margin: '-100px' }); return ( -
-
+
+
+
+
- + 产品服务 -

- 我们的产品 +

+ 我们的产品

-

+

自主研发的企业级产品，助力企业高效运营，实现数字化转型

@@ -41,7 +43,7 @@ export function ProductsSection() { animate={isInView ? { opacity: 1, y: 0 } : {}} transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }} > - + {product.category} @@ -54,14 +56,14 @@ export function ProductsSection() {
-

核心功能

+

核心功能

{product.features.slice(0, 4).map((feature, idx) => ( - + {feature} ))} @@ -69,14 +71,14 @@ export function ProductsSection() {
-

- +

+ 核心价值

    {product.benefits.map((benefit, idx) => ( -
  • - • +
  • + • {benefit}
    • ))} @@ -99,16 +101,16 @@ export function ProductsSection() { transition={{ duration: 0.6, delay: 0.5 }} className="mt-20 text-center" > -
    +
    -
    -
    +
    +
    -

    +

    需要定制化解决方案？

    -

    +

    我们的专业团队可以根据您的业务需求，提供量身定制的产品开发和系统集成服务