From feb3df7a1a9843db9cd7c4af94f8d42c92931e2f Mon Sep 17 00:00:00 2001
From: "Dedy F. Setyawan" <dedyfajars@gmail.com>
Date: Fri, 30 Jan 2026 19:03:45 +0700
Subject: [PATCH] fix(homepage): restore tab functionality for introduction
 videos

Signed-off-by: Dedy F. Setyawan <dedyfajars@gmail.com>
---
 themes/buildpacks/layouts/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/themes/buildpacks/layouts/index.html b/themes/buildpacks/layouts/index.html
index e63f35e01..b455073b3 100644
--- a/themes/buildpacks/layouts/index.html
+++ b/themes/buildpacks/layouts/index.html
@@ -35,20 +35,20 @@ <h2>
           <div>
             <ul class="nav nav-pills flex-md-row justify-content-end">
               <li class="nav-item">
-                <a class="nav-link py-3 active" data-toggle="tab" href="#java-video">
+                <a class="nav-link py-3 active" data-bs-toggle="tab" data-bs-target="#java-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="Java" />
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link py-3" data-toggle="tab" href="#javascript-video">
+                <a class="nav-link py-3" data-bs-toggle="tab" data-bs-target="#javascript-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg"
                     alt="JavaScript" />
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link py-3" data-toggle="tab" href="#python-video">
+                <a class="nav-link py-3" data-bs-toggle="tab" data-bs-target="#python-video" role="tab">
                   <img width="40" height="40"
                     src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" alt="Python" />
                 </a>