diff --git a/hero-building.jpg b/hero-building.jpg
new file mode 100644
index 0000000..3c03c59
Binary files /dev/null and b/hero-building.jpg differ
diff --git a/public/images/about-office.jpg b/public/images/about-office.jpg
new file mode 100644
index 0000000..fc89792
Binary files /dev/null and b/public/images/about-office.jpg differ
diff --git a/public/images/hero-building.jpg b/public/images/hero-building.jpg
new file mode 100644
index 0000000..7ea4f9b
Binary files /dev/null and b/public/images/hero-building.jpg differ
diff --git a/public/images/news-award.jpg b/public/images/news-award.jpg
new file mode 100644
index 0000000..914c031
Binary files /dev/null and b/public/images/news-award.jpg differ
diff --git a/public/images/news-company.jpg b/public/images/news-company.jpg
new file mode 100644
index 0000000..7f75c8e
Binary files /dev/null and b/public/images/news-company.jpg differ
diff --git a/public/images/news-tech.jpg b/public/images/news-tech.jpg
new file mode 100644
index 0000000..e29bc4a
Binary files /dev/null and b/public/images/news-tech.jpg differ
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 2e5da3c..d25374c 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -115,8 +115,13 @@ export const Hero: React.FC = () => {
     >
       {/* 背景层 */}
       <div className="absolute inset-0 z-0">
-        {/* 渐变背景 */}
-        <div className="absolute inset-0 bg-gradient-to-br from-primary-dark via-primary to-primary" />
+        {/* 图片背景 */}
+        <div
+          className="absolute inset-0 bg-cover bg-center bg-no-repeat"
+          style={{ backgroundImage: 'url(/images/hero-building.jpg)' }}
+        />
+        {/* 渐变遮罩 - 确保文字可读性 */}
+        <div className="absolute inset-0 bg-gradient-to-br from-primary-dark/90 via-primary/80 to-primary/70" />
         {/* 装饰性图案 */}
         <div className="absolute inset-0 opacity-10">
           <div className="absolute top-0 right-0 w-[800px] h-[800px] rounded-full bg-white/5 blur-3xl -translate-y-1/2 translate-x-1/2" />
diff --git a/src/components/Home/AboutSection.tsx b/src/components/Home/AboutSection.tsx
index 4aacdb8..461743b 100644
--- a/src/components/Home/AboutSection.tsx
+++ b/src/components/Home/AboutSection.tsx
@@ -119,13 +119,14 @@ export const AboutSection: React.FC = () => {
             transition={{ duration: 0.6, delay: 0.2 }}
           >
             {/* 主图片区域 */}
-            <div className="aspect-[4/3] rounded-2xl overflow-hidden bg-gradient-to-br from-primary to-primary-light shadow-xl">
-              <div className="w-full h-full flex items-center justify-center">
-                <div className="text-center text-white p-8">
-                  <div className="text-6xl font-bold mb-2">15+</div>
-                  <div className="text-lg opacity-80">年行业发展经验</div>
-                </div>
-              </div>
+            <div className="aspect-[4/3] rounded-2xl overflow-hidden shadow-xl">
+              <img
+                src="/images/about-office.jpg"
+                alt="诚裕集团办公室环境"
+                className="w-full h-full object-cover"
+              />
+              {/* 叠加装饰层 */}
+              <div className="absolute inset-0 bg-gradient-to-tr from-primary/20 to-transparent" />
             </div>
 
             {/* 装饰性元素 */}
diff --git a/src/components/Home/NewsSection.tsx b/src/components/Home/NewsSection.tsx
index 2ecd37b..995b249 100644
--- a/src/components/Home/NewsSection.tsx
+++ b/src/components/Home/NewsSection.tsx
@@ -15,7 +15,7 @@ const newsItems = [
     title: '诚裕集团荣获"2025年度优秀企业"称号',
     excerpt: '在近日举办的年度企业评选活动中，诚裕集团凭借其卓越的经营业绩和社会责任表现，荣获"2025年度优秀企业"称号。',
     date: '2025-12-20',
-    image: null,
+    image: '/images/news-award.jpg',
   },
   {
     id: 2,
@@ -23,7 +23,7 @@ const newsItems = [
     title: '金融科技创新论坛圆满落幕，诚裕集团分享行业洞察',
     excerpt: '诚裕集团受邀参加金融科技创新论坛，与行业专家共同探讨金融科技发展趋势，分享公司在数字化转型方面的实践经验。',
     date: '2025-12-15',
-    image: null,
+    image: '/images/news-tech.jpg',
   },
   {
     id: 3,
@@ -31,7 +31,7 @@ const newsItems = [
     title: '诚裕集团完成新一轮战略融资，估值突破百亿',
     excerpt: '诚裕集团宣布完成新一轮战略融资，本轮融资由知名投资机构领投，估值突破百亿元人民币，标志着公司发展进入新阶段。',
     date: '2025-12-10',
-    image: null,
+    image: '/images/news-company.jpg',
   },
 ];
 
@@ -60,29 +60,40 @@ const NewsCard: React.FC<{
       transition={{ delay: index * 0.1, duration: 0.5 }}
       whileHover={{ y: -5 }}
     >
-      {/* 图片区域（占位） */}
-      <div className="aspect-[16/9] bg-gradient-to-br from-primary/5 to-primary-light/10 flex items-center justify-center relative overflow-hidden">
-        <div className="text-primary/20">
-          <svg
-            className="w-16 h-16"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={1}
-              d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
-            />
-          </svg>
-        </div>
+      {/* 图片区域 */}
+      <div className="aspect-[16/9] bg-gradient-to-br from-primary/5 to-primary-light/10 relative overflow-hidden">
+        {news.image ? (
+          <img
+            src={news.image}
+            alt=""
+            className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
+            loading="lazy"
+          />
+        ) : (
+          <div className="text-primary/20">
+            <svg
+              className="w-16 h-16 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={1}
+                d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+              />
+            </svg>
+          </div>
+        )}
         {/* 分类标签 */}
         <span
           className={`absolute top-4 left-4 px-3 py-1 text-xs font-medium rounded-full ${category.color}`}
         >
           {category.label}
         </span>
+        {/* 图片遮罩 */}
+        <div className="absolute inset-0 bg-gradient-to-t from-black/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
       </div>
 
       {/* 内容区域 */}