diff --git a/bihar-culture-landing/assets/images/Sama_Chakeva.jpg b/bihar-culture-landing/assets/images/Sama_Chakeva.jpg
new file mode 100644
index 0000000..4374324
Binary files /dev/null and b/bihar-culture-landing/assets/images/Sama_Chakeva.jpg differ
diff --git a/bihar-culture-landing/assets/images/Shravani_Mela.jpg b/bihar-culture-landing/assets/images/Shravani_Mela.jpg
new file mode 100644
index 0000000..c297934
Binary files /dev/null and b/bihar-culture-landing/assets/images/Shravani_Mela.jpg differ
diff --git a/bihar-culture-landing/assets/images/Sonepur.jpg b/bihar-culture-landing/assets/images/Sonepur.jpg
new file mode 100644
index 0000000..b901224
Binary files /dev/null and b/bihar-culture-landing/assets/images/Sonepur.jpg differ
diff --git a/bihar-culture-landing/assets/images/chath.jpg b/bihar-culture-landing/assets/images/chath.jpg
new file mode 100644
index 0000000..20dabe7
Binary files /dev/null and b/bihar-culture-landing/assets/images/chath.jpg differ
diff --git a/bihar-culture-landing/festivals.html b/bihar-culture-landing/festivals.html
index a16fdbc..5b4bf2f 100644
--- a/bihar-culture-landing/festivals.html
+++ b/bihar-culture-landing/festivals.html
@@ -4,40 +4,80 @@
   <meta charset="UTF-8">
   <title>Bihar Festivals</title>
   <link rel="stylesheet" href="style.css">
+
 </head>
 <body>
+  <!--  HEADING   -->
+
   <header class="sub-hero">
-    <h1>Festivals of Bihar</h1>
+    <h1 style="font-family:cursive">
+        Festivals of Bihar</h1>
+    <h3>Rythm of Devotion, Soul of a State</h3>
+    <p class="tagline">Checkout the seamless beauty of festivals of Bihar</p>
   </header>
 
-  <nav>
-    <a href="index.html">Home</a>
-    <a href="culture.html">Culture</a>
-    <a href="history.html">History</a>
-    <a href="festivals.html">Festivals</a>
-    <a href="tourism.html">Tourism</a>
-    <a href="modern.html">Modern Bihar</a>
+  <!-- Navigation -->
+
+  <nav class="main-navigation">
+    <div class="nav-container">
+      <a href="index.html" class="nav-link">Home</a>
+      <a href="culture.html" class="nav-link">Culture</a>
+      <a href="history.html" class="nav-link">History</a>
+      <a href="festivals.html" class="nav-link active">Festivals</a>
+      <a href="tourism.html" class="nav-link">Tourism</a>
+      <a href="modern.html" class="nav-link">Modern Bihar</a>
+    </div>
   </nav>
 
-  <main>
-    <section>
-      <h2>Chhath Puja</h2>
-      <p>Dedicated to the Sun God, celebrated with deep devotion.</p>
-    </section>
+  <!--  MAIN CONTENT  -->
 
-    <section>
-      <h2>Sonepur Mela</h2>
-      <p>The largest cattle fair in Asia, full of tradition and trade.</p>
-    </section>
+  <main class="main-content">
 
-    <section>
-      <h2>Sama-Chakeva</h2>
-      <p>A folk festival in Mithila region celebrating sibling bonds.</p>
+    <section class="hero-section">
+      <h2>Discover Bihar's Festivals </h2>
+      <p>There are many festivals in Bihar that are celebrated with great enthusiasm and are also celebrated all over India in some way or the other.</p>
     </section>
+
+    <!--  DIFFERENT FESTIVALS  -->
+
+    <div class="festival-grid">
+      <div class="feature-card">
+        <img src="assets/images/chath.jpg" alt="Chath Puja" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
+        <h3>Chhath Puja</h3>
+        <p>Dedicated to the Sun God, celebrated with deep devotion.</p>
+        <a href="#" class="explore-link">Explore More →</a>
+      </div>
+
+      <div class="feature-card">
+        <img src="assets/images/Sonepur.jpg" alt="Sonepur Mela" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
+        <h3>Sonepur Mela</h3>
+        <p>The largest cattle fair in Asia, full of tradition and trade.</p>
+        <a href="#" class="explore-link">Explore More →</a>
+      </div>
+
+      <div class="feature-card">
+        <img src="assets/images/Sama_Chakeva.jpg" alt="Sama Chakeva" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
+        <h3>Sama Chakeva</h3>
+        <p>A folk festival in Mithila region celebrating sibling bonds.</p>
+        <a href="#" class="explore-link">Explore More →</a>
+      </div>
+
+      <div class="feature-card">
+        <img src="assets/images/Shravani_Mela.jpg" alt="Shravani Mela" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
+        <h3>Shravani Mela</h3>
+        <p>A religious fair held during the month of Shravan.</p>
+        <a href="#" class="explore-link">Explore More →</a>
+      </div>
+
+    </div>
+
   </main>
 
+  <!--  FOOTER  -->
   <footer>
-    <p>Add more festivals of Bihar here!</p>
+    <p>© 2025 Bihar Culture | Designed with 💖  By Ankit <br>
+      Bihar's rich heritage reflected in it's festivals</p>
+    <br>
   </footer>
 </body>
 </html>
diff --git a/bihar-culture-landing/style.css b/bihar-culture-landing/style.css
index 0c0fc30..64124bb 100644
--- a/bihar-culture-landing/style.css
+++ b/bihar-culture-landing/style.css
@@ -89,7 +89,9 @@ header::before {
 .header-content h1 {
   font-size: clamp(2.5rem, 6vw, 4.5rem);
   font-weight: 700;
-  margin-bottom: 0.5rem;
+  margin: 0 auto;
+  
+  /*margin-bottom: 0.5rem;*/
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 }
 
@@ -200,6 +202,7 @@ header::before {
   overflow: hidden;
 }
 
+
 .feature-card::before {
   content: '';
   position: absolute;
@@ -211,6 +214,7 @@ header::before {
   transition: var(--transition);
 }
 
+
 .feature-card:hover::before {
   left: 100%;
 }
@@ -708,3 +712,11 @@ body.dark-mode .theme-toggle-btn .moon {
   z-index: 1 !important;
   position: relative;
 }
+
+.festival-grid{
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
+  gap: 2rem;
+  margin-bottom: 4rem;
+}
+
