Add beyond index 3 rendering

src/components/AgendaRenderer.js

@@ -293,18 +293,40 @@ export class AgendaRenderer {
         </div>
       `;
 
-      // Render remaining item (item[3]) if exists
+      // Render remaining items (items[3] and beyond) if they exist
       if (section.items.length > 3) {
-        const remainingWidths = this.calculateBlockPercents(
-          section.items[3].title,
-          "",
-        );
-
-        itemsHtml += `
-          <div class="w-full">
-            ${this.renderAgendaItem(section.items[3], true)}
-          </div>
-        `;
+        const remainingItems = section.items.slice(3);
+        const remainingPairs = this.chunkIntoPairs(remainingItems);
+
+        const remainingPairsHtml = remainingPairs
+          .map((pair) => {
+            if (pair.length === 2) {
+              const widths = this.calculateBlockPercents(
+                pair[0].title,
+                pair[1].title,
+              );
+              return `
+              <div class="flex flex-col md:flex-row w-full h-auto tablet:h-[252px] desktop:h-[490px] pair-container">
+                <div class="pair-item-1" style="--width-desktop-xxl: ${widths.width1};">
+                  ${this.renderAgendaItem(pair[0])}
+                </div>
+                <div class="pair-item-2" style="--width-desktop-xxl: ${widths.width2};">
+                  ${this.renderAgendaItem(pair[1], true)}
+                </div>
+              </div>
+            `;
+            } else {
+              // Single item (odd number)
+              return `
+              <div class="w-full">
+                ${this.renderAgendaItem(pair[0], true)}
+              </div>
+            `;
+            }
+          })
+          .join("");
+
+        itemsHtml += remainingPairsHtml;
       }
     } else {
       // Other sections: pairs layout

src/data/agenda.js

@@ -17,7 +17,8 @@ export const agendaSections = [
         time: "09:30",
         category: "OpenAPI Summit",
         title: "Summit Welcome and OpenAPI in the Age of AI",
-        description: "Welcome to the OpenAPI Summit! We have an exciting program to share, with presentations talking about new specifications as well as presentations that dive into practices, applications, and an outlook of things are going. We also we have a brief look of where OpenAPI is situated in the age of AI and MCP, and how things are going to develop after the recent publication of version 3.2 of the specification.",
+        description:
+          "Welcome to the OpenAPI Summit! We have an exciting program to share, with presentations talking about new specifications as well as presentations that dive into practices, applications, and an outlook of things are going. We also we have a brief look of where OpenAPI is situated in the age of AI and MCP, and how things are going to develop after the recent publication of version 3.2 of the specification.",
         speakers: [
           {
             name: "Erik Wilde",
@@ -51,8 +52,7 @@ export const agendaSections = [
         id: "3",
         time: "10:30",
         category: "OpenAPI Summit",
-        title:
-          "What's new in OpenAPI 3.2?",
+        title: "What's new in OpenAPI 3.2?",
         description:
           "Come hear how and when to use the new features of the OpenAPI Specification 3.2! This talk will highlight AI-friendly features such as streaming media, structured tags, and improved examples, among other features. It will also include a brief look at areas we are researching for 3.3.",
         speakers: [
@@ -95,13 +95,13 @@ export const agendaSections = [
             name: "Manideep Galala",
             job: "Enterprise Systems Architect",
             company: "Microsoft",
-            avatar: asset("/images/speakers/Manideep.jpg"),
+            avatar: asset("/images/speakers/ManideepGalala.jpg"),
           },
           {
             name: "Aditya Tangirala",
             job: "Enterprise Systems Engineer",
             company: "Venmo",
-            avatar: asset("/images/speakers/Aditya.jpg"),
+            avatar: asset("/images/speakers/AdityaTangirala.jpg"),
           },
         ],
       },