diff --git a/app/components/news/body/ImageGridSection.tsx b/app/components/news/body/ImageGridSection.tsx
index c2259d7..40690d9 100644
--- a/app/components/news/body/ImageGridSection.tsx
+++ b/app/components/news/body/ImageGridSection.tsx
@@ -15,7 +15,8 @@ const LearnPage = () => {
     ];
 
     return (
-        <div className="w-5/6 mx-auto ">
+        <div>
+            <div className="w-5/6 mx-auto ">
             {/* 顶部 Logo */}
             <div className="flex justify-start mb-4">
                 <h1 className="text-3xl font-bold text-red-600">学习进行时</h1>
@@ -69,7 +70,7 @@ const LearnPage = () => {
                     </ul>
                 </div>
                 </div>
-                <div className="w-[1590px] h-[285px]    flex relative mb-10">
+            <div className="w-[1590px] h-[285px]    flex relative mb-10">
 				<div className="w-[750px] h-[188px] left-0 mt-25 absolute" style={{ backgroundColor: '#DEDEDC' }}>
 					<div
 						className="w-[169px] h-[240px]  absolute left-0 bottom-0 bg-cover bg-center"
@@ -96,6 +97,13 @@ const LearnPage = () => {
 				</div>			                        
           </div>  
         </div>
+        <div className='flex'>
+            <div className='w-5/6 bg-[#0082e9] h-20' 
+                style={{clipPath: 'polygon(0 0, calc(100% - 150px) 0%, calc(100% - 20px) 100%, 0% 100%)'}}
+            ></div>
+            <div className='items-center justify-center flex font-bold text-sky-900 text-5xl'>烽火动态</div>
+        </div>
+    </div>
     );
 };
 
diff --git a/app/components/news/footer/footer.tsx b/app/components/news/footer/footer.tsx
new file mode 100644
index 0000000..d009fb0
--- /dev/null
+++ b/app/components/news/footer/footer.tsx
@@ -0,0 +1,11 @@
+export function Footer() {
+    return (
+        <div className='w-full h-190 bg-[#0082e9] flex items-center justify-center'
+            style={{backgroundImage: "url('/public/images/carousel-4.jpg')"}}
+        >
+            <div className='text-white text-2xl'>
+                春风拂面花开满园心情愉悦
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index 8b64b0f..f1132ef 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -12,6 +12,7 @@ import { LectureHall } from "@/components/news/body/FireNews/LectureHall";
 import { MicroVision } from "@/components/news/body/FireNews/MicroVision";
 import { Hotline } from "@/components/news/body/FireNews/Hotline";
 import { AutoCarouselDemo } from "@/components/AutoCarousel";
+import { Footer } from "@/components/news/footer/footer";
 
 export function meta( ) {
   return [
@@ -40,6 +41,7 @@ export default function Home() {
         <CultureBgPage />
         <Integrated />
       </div>
+      <Footer />
     </div>
   );
 }