From 177741f68500a5a12300b0e4f1db200901babc02 Mon Sep 17 00:00:00 2001
From: Anirudh S <anirudhsudheer@gmail.com>
Date: Thu, 4 Sep 2025 19:43:34 +0530
Subject: [PATCH] Add tag filter bar to JourneyPage for enhanced user
 experience

---
 src/Page/JourneyPage.jsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/Page/JourneyPage.jsx b/src/Page/JourneyPage.jsx
index 851d539b..25904b16 100644
--- a/src/Page/JourneyPage.jsx
+++ b/src/Page/JourneyPage.jsx
@@ -77,6 +77,21 @@ const JourneyPage = () => {
         <p className="mt-2 text-sm opacity-90">Explore the inspiring journeys of achievers.</p>
       </header>
 
+      {/* Tag Filter Bar */}
+      <div className="mb-4 flex flex-wrap items-center justify-start gap-2">
+        {availableTags.map((tag) => (
+          <button
+            key={tag}
+            onClick={() => toggleTag(tag)}
+            className={`px-4 py-2 rounded-full border transition-colors duration-200 text-sm font-semibold mr-2 mb-2 ${selectedTags.includes(tag)
+              ? 'bg-blue-500 text-white border-blue-700 shadow-lg'
+              : 'bg-gray-800 text-blue-300 border-gray-700 hover:bg-blue-700 hover:text-white'}`}
+          >
+            {tag}
+          </button>
+        ))}
+      </div>
+
       {/* Search Bar */}
       <div className="mb-4 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <input