Update src/app.py

src/app.py

@@ -6,31 +6,31 @@ st.markdown("<h1 style='text-align: center; color: #6A1B9A;'>🏸 BharatPlay</h1
 st.markdown("<h3 style='text-align: center;'>Explore Indian Games by Category</h3>", unsafe_allow_html=True)
 st.markdown("---")
 
-# Define categories with file names (relative to project root)
+# Define categories
 categories = [
     {
         "name": "Indoor",
         "description": "Games played indoors with minimal space and equipment.",
         "icon": "🎲",
-        "file": "1_Indoor.py"
+        "page": "Indoor"
     },
     {
         "name": "Outdoor",
         "description": "Games played in open areas, often requiring physical activity.",
         "icon": "🏏",
-        "file": "2_Outdoor.py"
+        "page": "Outdoor"
     },
     {
         "name": "Traditional",
         "description": "Culturally rooted games passed down generations.",
         "icon": "🪀",
-        "file": "3_Traditional.py"
+        "page": "Traditional"
     },
     {
         "name": "Martial Arts",
         "description": "Ancient combat-based physical disciplines and sports.",
         "icon": "🥋",
-        "file": "4_Martial_Arts.py"
+        "page": "Martial_Arts"
     }
 ]
 
@@ -44,8 +44,12 @@ for i, cat in enumerate(categories):
             <div style='background-color: #f3e5f5; padding: 20px; border-radius: 15px; margin: 10px; box-shadow: 0 0 10px #ccc;'>
                 <h2 style='color: #4A148C;'>{cat['icon']} {cat['name']}</h2>
                 <p>{cat['description']}</p>
+                <a href='/{cat["page"]}' target='_self'>
+                    <button style='background-color: #8e24aa; color: white; padding: 8px 16px; border-radius: 8px; border: none;'>
+                        Explore
+                    </button>
+                </a>
             </div>
             """,
             unsafe_allow_html=True
         )
-        st.page_link(f"{cat['file']}", label=f"Explore {cat['name']}", icon=cat["icon"])