diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1 @@
+
diff --git a/components/BottomNav.vue b/components/BottomNav.vue
index c0ef1fd..d116d4b 100644
--- a/components/BottomNav.vue
+++ b/components/BottomNav.vue
@@ -32,7 +32,7 @@
       </NuxtLink>
 
       <NuxtLink
-        :to="`/labtest?location=${locationStore.currentLocation}`"
+        :to="`/LabTests/${locationStore.currentLocation}`"
         :class="getNavLinkClasses('/labtest')"
         class="flex flex-col items-center gap-1 transition-all duration-150"
       >
diff --git a/components/HeroSection.vue b/components/HeroSection.vue
index 94d512c..6bf97d9 100644
--- a/components/HeroSection.vue
+++ b/components/HeroSection.vue
@@ -366,7 +366,7 @@ const getSearchResultLink = (result) => {
         result.name
       )}`;
     case "lab_test":
-      return `/labtest?location=${currentLocation}&query=${encodeURIComponent(
+      return `/LabTests/${currentLocation}&query=${encodeURIComponent(
         result.name
       )}`;
     case "medicine":
diff --git a/components/LabCenterList.vue b/components/LabCenterList.vue
index 914ec88..25c7199 100644
--- a/components/LabCenterList.vue
+++ b/components/LabCenterList.vue
@@ -22,21 +22,15 @@
 
       <div v-else>
         <div
-          v-if="labStore.labCenters.length > 0"
+          v-if="labs.length > 0"
           class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"
         >
           <div
-            v-for="lab in labStore.labCenters"
+            v-for="lab in labs"
             :key="lab.id"
             class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300 flex flex-col justify-between"
           >
             <div class="relative px-4 py-8">
-              <span
-                v-if="lab.discount"
-                class="absolute top-2 right-2 bg-green-500 text-white text-xs font-semibold px-2 py-1 rounded-full z-10"
-              >
-                Up to {{ lab.discount }}% OFF
-              </span>
               <div class="flex items-center space-x-3 mb-3">
                 <div
                   class="w-12 h-12 rounded-full flex items-center justify-center text-blue-600 text-xl font-bold bg-blue-100 shrink-0 overflow-hidden"
@@ -84,10 +78,6 @@
             location.
           </p>
         </div>
-
-        <p v-if="labStore.info" class="text-center text-gray-600 mt-4 text-sm">
-          {{ labStore.info }}
-        </p>
       </div>
     </div>
   </section>
@@ -95,68 +85,105 @@
 
 <script setup>
 import { ref, watch, onMounted } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import { useLabStore } from "@/stores/lab";
+import { useRoute } from "vue-router";
 import { useLocationStore } from "@/stores/location";
+import axios from "axios";
 
 const route = useRoute();
-const router = useRouter();
-const labStore = useLabStore();
 const locationStore = useLocationStore();
 
 const loading = ref(false);
 const error = ref("");
+const labs = ref([]);
+
+const fetchLabs = async (city) => {
+  if (!city || city === "Select Location" || city.trim() === "") {
+    error.value = "Please select a valid location to find lab centers.";
+    labs.value = [];
+    return;
+  }
 
-const fetchData = async () => {
   loading.value = true;
   error.value = "";
 
-  // The `location` is now derived from locationStore, which should be updated globally
-  await locationStore.restoreLocation(); // Ensure location is restored from local storage/etc.
-  const currentLocation = locationStore.currentLocation;
-
-  if (currentLocation && currentLocation !== "Select Location") {
-    // No need to setLocation again if it's already current
-    await labStore.fetchLabCenters(currentLocation);
-  } else {
-    error.value = "Please select a location to find lab centers.";
-    // Optionally redirect, but it's better for a sub-component to just display an error
-    // router.push("/");
+  try {
+    const response = await axios.post(
+      "https://api.rundoc.in/api/app3/lab/labTest.php", // Changed to HTTPS
+      { city },
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "Bearer Rupam@98639999",
+        },
+      }
+    );
+
+    if (response.data.success) {
+      labs.value = response.data.data.map((item) => ({
+        id: `${item.cid}-${item.tid}`,
+        name: item.Cilinic_name,
+        address: item.Cilinic_address,
+        dp: null,
+        homeCollection: item.description.toLowerCase().includes("home") || true,
+        testId: item.tid,
+        description: item.description,
+        amount: parseFloat(item.amount),
+        fee: parseFloat(item.fee),
+      }));
+    } else {
+      error.value =
+        response.data.message ||
+        response.data.errors?.join(", ") ||
+        "Failed to fetch lab centers.";
+      labs.value = [];
+    }
+  } catch (err) {
+    if (err.response?.status === 401) {
+      error.value = "Unauthorized access. Please check your credentials.";
+    } else if (err.response?.status >= 500) {
+      error.value = "Server error. Please try again later.";
+    } else {
+      error.value =
+        err.response?.data?.message ||
+        err.response?.data?.errors?.join(", ") ||
+        "An error occurred while fetching labcenters.";
+    }
+    labs.value = [];
+  } finally {
+    loading.value = false;
   }
-
-  loading.value = false;
 };
 
 // Initial fetch on component mount
-onMounted(() => {
-  fetchData();
+onMounted(async () => {
+  await locationStore.restoreLocation();
+  await fetchLabs(locationStore.currentLocation);
 });
 
-// Watch for changes in the location store's currentLocation
+// Watch for changes in currentLocation
 watch(
   () => locationStore.currentLocation,
-  (newLocation, oldLocation) => {
-    if (newLocation && newLocation !== oldLocation) {
-      fetchData(); // Re-fetch data if location changes
+  (newLocation) => {
+    if (newLocation) {
+      fetchLabs(newLocation);
     }
   },
-  { immediate: false } // Do not run on initial render if fetchData is already called by onMounted
+  { immediate: false }
 );
 
-// If the page is directly accessed with a query param, also watch that
+// Watch for query param changes
 watch(
   () => route.query.location,
-  (newQueryLocation, oldQueryLocation) => {
-    if (newQueryLocation && newQueryLocation !== oldQueryLocation) {
-      // If query changes, update the global location store
+  (newQueryLocation) => {
+    if (newQueryLocation && newQueryLocation !== locationStore.currentLocation) {
       locationStore.setLocation(newQueryLocation);
-      // fetchData will be triggered by the locationStore.currentLocation watch
+      // fetchLabs triggered by locationStore.currentLocation watch
     }
   }
 );
 
 const handleImageError = (event) => {
-  event.target.src = "https://via.placeholder.com/64?text=Lab"; // Placeholder image
+  event.target.src = "https://placehold.co/600x400/png";
 };
 </script>
 
@@ -165,10 +192,9 @@ const handleImageError = (event) => {
   max-width: 1200px;
 }
 
-/* Specific truncation for h3 within this component */
 h3.truncate {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/components/ServiceGrid.vue b/components/ServiceGrid.vue
index e1efef0..c6c3816 100644
--- a/components/ServiceGrid.vue
+++ b/components/ServiceGrid.vue
@@ -28,7 +28,7 @@
         </NuxtLink>
 
         <NuxtLink
-          :to="`/labtest?location=${locationStore.currentLocation}`"
+          :to="`/LabTests/${locationStore.currentLocation}`"
           class="block transform hover:-translate-y-1 transition-transform duration-300"
         >
           <ServiceCard
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
new file mode 100644
index 0000000..7f3cf38
--- /dev/null
+++ b/components/Sidebar.vue
@@ -0,0 +1,197 @@
+<template>
+  <div
+    class="fixed top-0 left-0 h-screen bg-white shadow-lg z-[1000] transition-all duration-300"
+    :class="[
+      isMobileOrTablet ? 'w-full' : 'w-1/5',
+      showSidebar ? 'translate-x-0' : '-translate-x-full'
+    ]"
+  >
+    <div class="p-4 border-b border-gray-200 flex justify-between items-center">
+      <h2 class="text-lg font-semibold text-gray-800">Menu</h2>
+      <button @click="toggleSidebar" class="text-gray-500 hover:text-gray-700">
+        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
+          <path
+            fill-rule="evenodd"
+            d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+            clip-rule="evenodd"
+          />
+        </svg>
+      </button>
+    </div>
+    <div class="p-4">
+      <div class="px-4 py-2 border-b border-gray-100">
+        <p class="font-semibold text-gray-800 text-sm truncate">
+          {{ authStore.userInfo.fullName || "User" }}
+        </p>
+        <p class="text-xs text-gray-500 truncate">
+          UHID: {{ authStore.userInfo.phoneNumber || "N/A" }}
+        </p>
+      </div>
+      <a
+        href="#"
+        @click.prevent="navigateToProfile"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
+          <path fill-rule="evenodd" d="M2 10a8 8 0 1116 0 8 8 0 01-16 0zm8-6a6 6 0 100 12 6 6 0 000-12z" clip-rule="evenodd" />
+        </svg>
+        <span>Manage Family Members</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToAppointments"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M9 2a1 1 0 011 1v1h1a1 1 0 110 2H9v1a1 1 0 11-2 0V6H6a1 1 0 110-2h1V3a1 1 0 011-1zm5 5a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1V8a1 1 0 011-1h9zm-1 2H6v4h7V9z" />
+        </svg>
+        <span>My Appointments</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToAddressBook"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
+          <path fill-rule="evenodd" d="M2 5a3 3 0 013-3h10a3 3 0 013 3v8a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm11 1a1 1 0 00-1-1H6a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V6z" clip-rule="evenodd" />
+        </svg>
+        <span>Address Book</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToMemberships"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z" />
+        </svg>
+        <span>My Memberships</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToOrders"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
+        </svg>
+        <span>My Orders</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToTransactions"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z" />
+          <path fill-rule="evenodd" d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z" clip-rule="evenodd" />
+        </svg>
+        <span>Transactions and Payments</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToHealthRecords"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
+          <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd" />
+        </svg>
+        <span>All Health Records</span>
+      </a>
+      <a
+        href="#"
+        @click.prevent="navigateToHelp"
+        class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />
+          <path fill-rule="evenodd" d="M2 10a8 8 0 1116 0 8 8 0 01-16 0zm8-6a6 6 0 100 12 6 6 0 000-12z" clip-rule="evenodd" />
+        </svg>
+        <span>Need Help</span>
+      </a>
+      <hr class="my-2 border-gray-100" />
+      <a
+        href="#"
+        @click.prevent="logout"
+        class="flex items-center px-4 py-2 text-sm text-red-600 hover:bg-red-50 transition duration-150"
+      >
+        <svg class="w-5 h-5 mr-2 text-red-500" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z" clip-rule="evenodd" />
+        </svg>
+        <span>Logout</span>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useAuthStore } from "@/stores/auth";
+import { useRouter } from "#app";
+
+defineProps({
+  showSidebar: Boolean,
+});
+
+const emit = defineEmits(["update:showSidebar"]);
+
+const authStore = useAuthStore();
+const router = useRouter();
+
+const toggleSidebar = () => {
+  emit("update:showSidebar", !showSidebar);
+};
+
+const navigateToProfile = () => {
+  emit("update:showSidebar", false);
+  router.push(`/profile/${encodeURIComponent(authStore.userInfo.fullName || "Unknown")}`);
+};
+
+const navigateToAppointments = () => {
+  emit("update:showSidebar", false);
+  router.push("/my-appointments");
+};
+
+const navigateToAddressBook = () => {
+  emit("update:showSidebar", false);
+  router.push("/address-book");
+};
+
+const navigateToMemberships = () => {
+  emit("update:showSidebar", false);
+  router.push("/my-memberships");
+};
+
+const navigateToOrders = () => {
+  emit("update:showSidebar", false);
+  router.push("/my-orders");
+};
+
+const navigateToTransactions = () => {
+  emit("update:showSidebar", false);
+  router.push("/transactions");
+};
+
+const navigateToHealthRecords = () => {
+  emit("update:showSidebar", false);
+  router.push("/health-records");
+};
+
+const navigateToHelp = () => {
+  emit("update:showSidebar", false);
+  router.push("/help");
+};
+
+const logout = () => {
+  authStore.logout();
+  emit("update:showSidebar", false);
+  router.push("/");
+};
+</script>
+
+<style scoped>
+/* No additional styles needed; styling is handled in the template class bindings */
+</style>
\ No newline at end of file
diff --git a/components/WebHeaderNav.vue b/components/WebHeaderNav.vue
index 89a3c17..71dbc88 100644
--- a/components/WebHeaderNav.vue
+++ b/components/WebHeaderNav.vue
@@ -49,7 +49,7 @@ const services = computed(() => [
   },
   {
     name: "Lab Tests",
-    path: `/labtest?location=${locationStore.currentLocation}`,
+    path: `/LabTests/${locationStore.currentLocation}`,
     iconClass: "fas fa-vial",
   },
   {
diff --git a/pages/labtest.vue b/pages/LabTests/[location].vue
similarity index 51%
rename from pages/labtest.vue
rename to pages/LabTests/[location].vue
index 58bb216..e505e73 100644
--- a/pages/labtest.vue
+++ b/pages/LabTests/[location].vue
@@ -27,40 +27,39 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, watch } from "vue";
 import { useLocationStore } from "@/stores/location";
-import { useRoute } from "vue-router"; // Use useRoute to get initial query location
+import { useRoute } from "vue-router";
 
 import Header from "@/components/Header.vue";
-import WebHeaderNav from "~/components/WebHeaderNav.vue"; // Added based on template
-import LabInfoBoxes from "~/components/LabInfoBoxes.vue"; // Import the new component
-import LabCenterList from "~/components/LabCenterList.vue"; // Import the new component
+import WebHeaderNav from "~/components/WebHeaderNav.vue";
+import LabInfoBoxes from "~/components/LabInfoBoxes.vue";
+import LabCenterList from "~/components/LabCenterList.vue";
 import Footer from "@/components/Footer.vue";
 import BottomNav from "~/components/BottomNav.vue";
 
 const locationStore = useLocationStore();
-const route = useRoute(); // To get the location from the URL query initially
+const route = useRoute();
 
-const location = ref(""); // This ref is only for display in the hero section
+const location = ref("");
 
-onMounted(async () => {
-  // Restore location from store (might be persisted from previous session)
-  await locationStore.restoreLocation();
-
-  // Prioritize location from route query, then from store, then default
-  const initialLocation =
-    route.query.location || locationStore.currentLocation || "Your Area";
-
-  // If a new location is coming from the query, update the store
-  if (
-    route.query.location &&
-    route.query.location !== locationStore.currentLocation
-  ) {
-    locationStore.setLocation(route.query.location);
+// Set location from route param and update store if needed
+const setLocationFromRoute = () => {
+  const paramLocation =
+    route.params.location || locationStore.currentLocation || "Your Area";
+  if (paramLocation && paramLocation !== locationStore.currentLocation) {
+    locationStore.setLocation(paramLocation);
   }
+  location.value = paramLocation;
+};
 
-  location.value = initialLocation;
+onMounted(async () => {
+  await locationStore.restoreLocation();
+  setLocationFromRoute();
 });
+
+// Watch for route changes (if user navigates to a different location param)
+watch(() => route.params.location, setLocationFromRoute);
 </script>
 
 <style scoped>
diff --git a/pages/index.vue b/pages/index.vue
index 6511504..15a0b65 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,5 +4,5 @@
 
 <script setup>
 import LandingLayout from "@/layouts/LandingLayout.vue";
-import DefaultLayout from "~/layouts/default.vue";
+//import DefaultLayout from "~/layouts/default.vue";
 </script>