do same with other categories as well

index.html

@@ -96,19 +96,19 @@
             <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium" data-category="food-culture">
                 Food & Culture
             </button>
-<button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium">
+            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium" data-category="party">
                 Parties
             </button>
-            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium">
+            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium" data-category="workshop">
                 Workshops
             </button>
-            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium">
+            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium" data-category="sport">
                 Sports
             </button>
-            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium">
+            <button class="category-filter flex-shrink-0 px-6 py-2 rounded-full bg-white shadow text-gray-700 font-medium" data-category="networking">
                 Networking
             </button>
-        </div>
+</div>
     </div>
 
     <!-- Events Grid -->
@@ -436,7 +436,126 @@
             }
         ];
 
-        function createEventCard(event) {
+        const partyEvents = [
+            {
+                title: "Neon Glow Party",
+                category: "Party",
+                location: "Miami",
+                date: "Nov 18, 2023",
+                description: "Dance the night away under neon lights with the best DJs in town.",
+                image: "http://static.photos/technology/640x360/201",
+                price: "$25.00"
+            },
+            {
+                title: "Beach Sunset Rave",
+                category: "Party",
+                location: "Santa Monica",
+                date: "Nov 22, 2023",
+                description: "Epic beach party with fire dancers and electronic beats at sunset.",
+                image: "http://static.photos/outdoor/640x360/202",
+                price: "$30.00"
+            },
+            {
+                title: "Rooftop VIP Night",
+                category: "Party",
+                location: "New York",
+                date: "Dec 1, 2023",
+                description: "Exclusive rooftop party with skyline views and premium cocktails.",
+                image: "http://static.photos/cityscape/640x360/203",
+                price: "$50.00"
+            }
+        ];
+
+        const workshopEvents = [
+            {
+                title: "Pottery Workshop",
+                category: "Workshop",
+                location: "Portland",
+                date: "Nov 19, 2023",
+                description: "Get your hands dirty and create beautiful ceramic pieces with expert guidance.",
+                image: "http://static.photos/studio/640x360/301",
+                price: "$40.00"
+            },
+            {
+                title: "Digital Photography Basics",
+                category: "Workshop",
+                location: "Seattle",
+                date: "Nov 28, 2023",
+                description: "Learn the fundamentals of photography and master your camera settings.",
+                image: "http://static.photos/technology/640x360/302",
+                price: "$55.00"
+            },
+            {
+                title: "Bread Making Class",
+                category: "Workshop",
+                location: "San Francisco",
+                date: "Dec 5, 2023",
+                description: "From sourdough to baguettes - master the art of artisan bread making.",
+                image: "http://static.photos/food/640x360/303",
+                price: "$35.00"
+            }
+        ];
+
+        const sportEvents = [
+            {
+                title: "Sunrise Yoga Session",
+                category: "Sports",
+                location: "San Diego",
+                date: "Nov 21, 2023",
+                description: "Start your day with energizing yoga by the beach as the sun rises.",
+                image: "http://static.photos/outdoor/640x360/401",
+                price: "$20.00"
+            },
+            {
+                title: "Group Hiking Adventure",
+                category: "Sports",
+                location: "Denver",
+                date: "Nov 26, 2023",
+                description: "Explore beautiful mountain trails with experienced guides and new friends.",
+                image: "http://static.photos/nature/640x360/402",
+                price: "$15.00"
+            },
+            {
+                title: "Beach Volleyball Tournament",
+                category: "Sports",
+                location: "Santa Barbara",
+                date: "Dec 3, 2023",
+                description: "Join the ultimate beach volleyball competition - teams and solo players welcome!",
+                image: "http://static.photos/outdoor/640x360/403",
+                price: "$10.00"
+            }
+        ];
+
+        const networkingEvents = [
+            {
+                title: "Startup Mixer",
+                category: "Networking",
+                location: "Palo Alto",
+                date: "Nov 23, 2023",
+                description: "Connect with entrepreneurs, investors, and tech professionals over drinks.",
+                image: "http://static.photos/office/640x360/501",
+                price: "$0.00"
+            },
+            {
+                title: "Creative Professionals Meetup",
+                category: "Networking",
+                location: "Brooklyn",
+                date: "Nov 30, 2023",
+                description: "Artists, designers, and creatives unite for collaboration and inspiration.",
+                image: "http://static.photos/studio/640x360/502",
+                price: "$5.00"
+            },
+            {
+                title: "Women in Tech Summit",
+                category: "Networking",
+                location: "Austin",
+                date: "Dec 8, 2023",
+                description: "Empowering women in technology through networking and knowledge sharing.",
+                image: "http://static.photos/technology/640x360/503",
+                price: "$25.00"
+            }
+        ];
+function createEventCard(event) {
             return `
                 <div class="event-card bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300" data-category="food-culture">
                     <div class="h-48 bg-indigo-100 relative">
@@ -465,7 +584,6 @@
                 </div>
             `;
         }
-
         function showFoodCultureEvents() {
             // Update title
             popularEventsTitle.textContent = "Food & Culture Events";
@@ -482,7 +600,70 @@
             attachEventListeners();
         }
 
-        function showAllEvents() {
+        function showPartyEvents() {
+            // Update title
+            popularEventsTitle.textContent = "Party Events";
+            
+            // Clear current grid
+            eventsGrid.innerHTML = '';
+            
+            // Add party events
+            partyEvents.forEach(event => {
+                eventsGrid.innerHTML += createEventCard(event);
+            });
+            
+            // Re-attach event listeners to new buttons
+            attachEventListeners();
+        }
+
+        function showWorkshopEvents() {
+            // Update title
+            popularEventsTitle.textContent = "Workshop Events";
+            
+            // Clear current grid
+            eventsGrid.innerHTML = '';
+            
+            // Add workshop events
+            workshopEvents.forEach(event => {
+                eventsGrid.innerHTML += createEventCard(event);
+            });
+            
+            // Re-attach event listeners to new buttons
+            attachEventListeners();
+        }
+
+        function showSportEvents() {
+            // Update title
+            popularEventsTitle.textContent = "Sports Events";
+            
+            // Clear current grid
+            eventsGrid.innerHTML = '';
+            
+            // Add sport events
+            sportEvents.forEach(event => {
+                eventsGrid.innerHTML += createEventCard(event);
+            });
+            
+            // Re-attach event listeners to new buttons
+            attachEventListeners();
+        }
+
+        function showNetworkingEvents() {
+            // Update title
+            popularEventsTitle.textContent = "Networking Events";
+            
+            // Clear current grid
+            eventsGrid.innerHTML = '';
+            
+            // Add networking events
+            networkingEvents.forEach(event => {
+                eventsGrid.innerHTML += createEventCard(event);
+            });
+            
+            // Re-attach event listeners to new buttons
+            attachEventListeners();
+        }
+function showAllEvents() {
             // Reset to original content
             popularEventsTitle.textContent = "Popular Events Near You";
             location.reload();
@@ -502,15 +683,21 @@
             filter.addEventListener('click', () => {
                 categoryFilters.forEach(f => f.classList.remove('active'));
                 filter.classList.add('active');
-                
                 const category = filter.dataset.category;
                 
                 if (category === 'food-culture') {
                     showFoodCultureEvents();
+                } else if (category === 'party') {
+                    showPartyEvents();
+                } else if (category === 'workshop') {
+                    showWorkshopEvents();
+                } else if (category === 'sport') {
+                    showSportEvents();
+                } else if (category === 'networking') {
+                    showNetworkingEvents();
                 } else if (category === 'all') {
                     showAllEvents();
                 }
-                // Add more categories as needed
             });
         });
 // Event details modal