created a table of existing RamaLama presentations with links to content

src/App.jsx

@@ -15,6 +15,8 @@ import aboutGraphic3 from "./assets/ramalama-about-graphic-3.svg";
 import aboutGraphic4 from "./assets/ramalama-about-graphic-4.svg";
 import copySVG from "./assets/copy.svg";
 
+import presentations from './presentations.json'
+
 let installCode1 = "curl -fsSL https://ramalama.ai/install.sh | bash";
 let installCode2 = "pip install ramalama";
 
@@ -182,6 +184,45 @@ function App() {
             </div>
           </div>
         </div>
+
+        {/* ------------------------------ Presentations Section ------------------------------ */}
+        <div className="presentation viewport" id="presentations">
+          <div className="presentation-info">
+            <h1 className="presentation-header">Presentations</h1>
+            <h2 className="presentation-header">Conference talks</h2>
+            <table>
+              <thead>
+                <tr>
+                  <th>Event</th>
+                  <th>Year</th>
+                  <th>Title</th>
+                  <th>Speaker(s)</th>
+                  <th>Resource</th>
+                </tr>
+              </thead>
+              <tbody>
+                {presentations.map((item, index) => (
+                  <tr key={index}>
+                    <td>{item.event}</td>
+                    <td>{item.year}</td>
+                    <td>{item.title}</td>
+                    <td>{item.speakers}</td>
+                    <td>
+                      <a href={item.resource.url} target="_blank" rel="nofollow">
+                        {item.resource.type}
+                      </a>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+             <p className="presentation-text" role="paragraph">
+                If you would like to submit a presentation or demo here,
+                please create a pull request to the <a href="https://github.com/containers/ramalama.github.io" target="_blank" rel="nofollow">RamaLama website repository.</a>
+              </p>
+          </div>
+        </div>
+
       </main>
 
       {/* --------------------------------- Footer --------------------------------- */}

src/Nav.jsx

@@ -23,6 +23,9 @@ const Navbar = () => {
           <li>
             <a href="#about">About</a>
           </li>
+          <li>
+            <a href="#presentations">Presentations</a>
+          </li>
           <li>
             <a
               href="https://github.com/containers/ramalama"

src/css/index.css

@@ -146,7 +146,8 @@ ul.nav-links {
 .welcome,
 .install,
 .demo,
-.about {
+.about,
+.presentation {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -443,7 +444,9 @@ ul {
   font-size: x-larger;
 }
 
-.demo-header {
+.demo-header,
+.presentation-header,
+.presentation-text {
   text-align: center;
 }
 
@@ -457,4 +460,34 @@ footer {
 
 .footer-link:hover {
   text-decoration: underline;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1rem;
+}
+
+th, td {
+  padding: 12px 16px;
+  border: 1px solid #ddd;
+  text-align: left;
+}
+
+thead {
+  background-color: #f5f5f5;
+}
+
+tbody tr:nth-child(even) {
+  background-color: #f9f9f9;
+}
+
+tbody tr:nth-child(odd) {
+  background-color: #ffffff;
+}
+
+table a,
+.presentation p a {
+  color: blue;
+  text-decoration: underline;
 }

src/presentations.json

@@ -0,0 +1,52 @@
+[
+    {
+        "event": "DevConf.CZ",
+        "year": "2025",
+        "title": "RamaLama: Running AI Models in Containers.",
+        "speakers": "Dan Walsh",
+        "resource": {
+            "type": "Video",
+            "url": "https://www.youtube.com/watch?v=53NZFC-ReWs"
+        }
+    },
+    {
+        "event": "Southern California Linux Expo",
+        "year": "2025",
+        "title": "RamaLama: Making AI Boring",
+        "speakers": "James Huang",
+        "resource": {
+            "type": "Video",
+            "url": "https://www.youtube.com/watch?v=XBddFX-XMo8"
+        }
+    },
+        {
+        "event": "FOSDEM",
+        "year": "2025",
+        "title": "RamaLama: Making working with AI Models Boring",
+        "speakers": "Eric Curtin",
+        "resource": {
+            "type": "Info",
+            "url": "https://fosdem.org/2025/schedule/event/fosdem-2025-4486-ramalama-making-working-with-ai-models-boring/"
+        }
+    },
+    {
+        "event": "AI_Dev Europe",
+        "year": "2025",
+        "title": "Lightning Talk: Ramalama - The Project That Brings AI and Containers Together While Making AI Boring",
+        "speakers": "Alexon Oliveira",
+        "resource": {
+            "type": "Info",
+            "url": "https://sched.co/25TvN"
+        }
+    },
+    {
+        "event": "KCD Czech & Slovak",
+        "year": "2025",
+        "title": "RamaLama: Making AI Deployment Boring with OCI Containers",
+        "speakers": "Dan Walsh",
+        "resource": {
+            "type": "Video",
+            "url": "https://www.youtube.com/watch?v=ny0aabc754g"
+        }
+    }
+]