added BeamBench card

Author: Hussein-Tofaili

index.html

@@ -80,6 +80,42 @@ <h2 class="section-title">
         </section>
 
         <div class="simulations-grid">
+            <!-- BeamBench Card -->
+            <article class="simulation-card">
+                <a href="/BeamBench" class="card-link">
+                    <div class="card-image-wrapper">
+                        <img src="https://raw.githubusercontent.com/visuphy/BeamBench/refs/heads/main/Screenshot.png" 
+                             alt="BeamBench - 3D Optical Sandbox" 
+                             class="card-image">
+                        <div class="card-overlay">
+                            <span class="card-category">Optics</span>
+                            <span class="card-category">beta</span>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <h3 class="card-title">BeamBench - 3D Optical Sandbox</h3>
+                        <p class="card-description">
+                            Design and simulate complex optical systems in a 3D sandbox, visualizing Gaussian beam propagation and polarization in real-time.
+                        </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/BeamBench" 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>
             <!-- Gaussian Beam Card -->
             <article class="simulation-card">
                 <a href="/Gaussianbeam" class="card-link">