feat module 5 : add specific date to hide the shop location

src/pages/Home.jsx

@@ -15,18 +15,18 @@ import AmberHomeWallpaper from "../assets/images/amberHomeWallpaper.webp";
 import AmberBeautyWallpaper from "../assets/images/amberBeautyWallpaper.webp";
 import AmberClothing from "../assets/images/MAINHEADER-13.webp"
 
+const nowInMalaysia = () => new Date(new Date().toLocaleString("en-US", { timeZone: "Asia/Kuala_Lumpur" }))
+const ioiStoreHideFromDate = new Date("2026-08-01T00:00:00+08:00")
+
 const stores = [
   {
-    // name: "AMBER IOI STORE",
-    // address: "IOI City Mall",
     name: "IOI CITY MALL",
     address: "G-67 IOI CITY MALL, PUTRAJAYA",
     image: "/AMBERIOISTORE.jpeg",
-    directionUrl: "https://www.google.com/maps/search/?api=1&query=IOI%20City%20Mall%20Putrajaya"
+    directionUrl: "https://www.google.com/maps/search/?api=1&query=IOI%20City%20Mall%20Putrajaya",
+    hideAfter: ioiStoreHideFromDate
   },
   {
-    // name: "AMBER SWM STORE",
-    // address: "Wangsa Walk Mall",
     name: "WANGSA WALK MALL",
     address: "LOT G-77, WANGSA WALK MALL, KUALA LUMPUR",
     image: "/AMBERSWMSTORE.jpeg",
@@ -35,6 +35,7 @@ const stores = [
 ]
 
 const Home = () => {
+  const visibleStores = stores.filter(({ hideAfter }) => !hideAfter || nowInMalaysia() < hideAfter)
 
   React.useEffect(()=>{
     ProductService.getProducts();
@@ -129,10 +130,11 @@ const Home = () => {
             spacing={2}
             sx={{
               maxWidth: 1200,
-              mx: "auto"
+              mx: "auto",
+              justifyContent: "center"
             }}
           >
-            {stores.map(({ name, address, image, directionUrl }) => (
+            {visibleStores.map(({ name, address, image, directionUrl }) => (
               <Grid key={name} size={{ xs: 12, md: 6 }}>
                 <Box
                   sx={{