Added B-Integral Calculater in Fibers Card

Author: Hussein-Tofaili

index.html

@@ -258,6 +258,41 @@ <h3 class="card-title">Multi-Pulse Interference Analyzer</h3>
                     </div>
                 </div>
             </article>
+            <!-- B-Integral Calculater in Fibers Card -->
+            <article class="simulation-card">
+                <a href="https://visuphy.org/BIntegralFiberCalculator/" class="card-link">
+                    <div class="card-image-wrapper">
+                        <img src="https://raw.githubusercontent.com/visuphy/BIntegralFiberCalculator/main/Screenshot.png" 
+                             alt="B-Integral Calculater in Fibers" 
+                             class="card-image">
+                        <div class="card-overlay">
+                            <span class="card-category">Fiber-Optics</span>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <h3 class="card-title">B-Integral Calculater in Fibers</h3>
+                        <p class="card-description">
+                            Calculates the cumulative nonlinear phase shift (B-Integral) for a user-defined series of fiber sections.
+                        </p>
+                    </div>
+                </a>
+                <div class="card-meta">
+                    <div class="meta-author">
+                        Author: <a href="https://github.com/Hussein-Tofaili" target="_blank">Hussein-Tofaili</a>
+                    </div>
+                    <a href="#" class="meta-updated" target="_blank" title="View commit history">
+                        <i class="fas fa-history"></i> <span class="last-updated">Loading...</span>
+                    </a>
+                    <div class="meta-actions">
+                        <a href="https://github.com/visuphy/BIntegralFiberCalculator" target="_blank" class="action-button" title="View Source">
+                            <i class="fab fa-github"></i>
+                        </a>
+                        <button class="action-button share-button" title="Share">
+                            <i class="fas fa-share-alt"></i>
+                        </button>
+                    </div>
+                </div>
+            </article>
         </div>
     </main>