diff --git a/src/pages/library.astro b/src/pages/library.astro
index 1382dd9..110f489 100644
--- a/src/pages/library.astro
+++ b/src/pages/library.astro
@@ -3,31 +3,41 @@ import Layout from "../layouts/Layout.astro";
 import Menu from "../components/Menu.astro";
 import Mainfooter from "../components/Mainfooter.astro";
 import Header from "../components/Header.astro";
-import Footer from "../components/Footer.astro";
+
+const libraryImages = [
+  "/img/lb/1.jpg",
+  "/img/lb/2.jpeg",
+  "/img/lb/3.jpeg",
+  "/img/lb/4.jpeg",
+  "/img/lb/6.jpeg",
+  "/img/lb/7.jpeg",
+  "/img/lb/8.jpeg",
+  "/img/lb/9.jpeg",
+  "/img/lb/10.jpeg",
+  "/img/lb/11.jpeg",
+  "/img/lb/12.jpeg",
+  "/img/lb/2.jpeg",
+];
 ---
-<Layout title="Library - Rajeev Gandhi Youth Computer Institute (RGYCI)"
-        description="Access a rich collection of books, study materials, and digital resources at the RGYCI Library. Our library supports students in their computer, technical, and vocational education with updated learning content and reference materials."
-        keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources"
-        ogUrl="https://rgyci.org/library"
-        ogImage="/img/sld/8.jpg">
+<Layout 
+    title="Library - Rajeev Gandhi Youth Computer Institute (RGYCI)"
+    description="Access a rich collection of books, study materials, and digital resources at the RGYCI Library. Our library supports students in their computer, technical, and vocational education with updated learning content and reference materials."
+    keywords="RGYCI Library, digital library, technical books, computer education resources, student library, study materials, vocational training resources"
+    ogUrl="https://rgyci.org/library"
+    ogImage="/img/sld/8.jpg">
     <Header/>
     <Menu/>
     <main>
         <section class="container mx-auto my-16 px-4">
             <h1 class="text-3xl underline text-center pb-16 decoration-red-800">Library</h1>
             <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center">
-                <img src="/img/lb/1.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/2.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/3.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/4.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/6.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/7.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/8.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/9.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/10.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/11.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/12.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
-                <img src="/img/lb/12.jpeg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
+                {libraryImages.map((image) => (
+                    <img 
+                        src={image} 
+                        class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" 
+                        alt="Library image"
+                    />
+                ))}
             </div>
         </section>
     </main>
@@ -35,9 +45,9 @@ import Footer from "../components/Footer.astro";
 </Layout>
 <style>
     .area {
-    width: 500px;
-    height: 350px;
-    background-color: rgb(215, 247, 244);
-    border-radius: 16px;
+        width: 500px;
+        height: 350px;
+        background-color: rgb(215, 247, 244);
+        border-radius: 16px;
     }
 </style>
\ No newline at end of file