diff --git a/.DS_Store b/.DS_Store
index 17fb032..716c154 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git "a/img/Screenshot 2024-10-22 at 09.00.32@1920\303\2271080.webp" "b/img/Screenshot 2024-10-22 at 09.00.32@1920\303\2271080.webp"
new file mode 100644
index 0000000..7ba831c
Binary files /dev/null and "b/img/Screenshot 2024-10-22 at 09.00.32@1920\303\2271080.webp" differ
diff --git a/img/TRI_0067.webp b/img/TRI_0067.webp
new file mode 100644
index 0000000..1643447
Binary files /dev/null and b/img/TRI_0067.webp differ
diff --git a/img/TRI_0112.webp b/img/TRI_0112.webp
new file mode 100644
index 0000000..3ef4623
Binary files /dev/null and b/img/TRI_0112.webp differ
diff --git a/img/TRI_0810.webp b/img/TRI_0810.webp
new file mode 100644
index 0000000..a33375e
Binary files /dev/null and b/img/TRI_0810.webp differ
diff --git a/img/TRI_0818.webp b/img/TRI_0818.webp
new file mode 100644
index 0000000..7d64935
Binary files /dev/null and b/img/TRI_0818.webp differ
diff --git a/img/TRI_0823.webp b/img/TRI_0823.webp
new file mode 100644
index 0000000..cbf8261
Binary files /dev/null and b/img/TRI_0823.webp differ
diff --git a/img/TRI_0839.webp b/img/TRI_0839.webp
new file mode 100644
index 0000000..3d338d6
Binary files /dev/null and b/img/TRI_0839.webp differ
diff --git a/img/TRI_0869.webp b/img/TRI_0869.webp
new file mode 100644
index 0000000..c56cc05
Binary files /dev/null and b/img/TRI_0869.webp differ
diff --git a/img/TRI_0878.webp b/img/TRI_0878.webp
new file mode 100644
index 0000000..0df6e44
Binary files /dev/null and b/img/TRI_0878.webp differ
diff --git a/img/TRI_0969.webp b/img/TRI_0969.webp
new file mode 100644
index 0000000..30cf92a
Binary files /dev/null and b/img/TRI_0969.webp differ
diff --git a/img/anar.webp b/img/anar.webp
new file mode 100644
index 0000000..ecd2c94
Binary files /dev/null and b/img/anar.webp differ
diff --git a/img/baloot.webp b/img/baloot.webp
new file mode 100644
index 0000000..5c278d9
Binary files /dev/null and b/img/baloot.webp differ
diff --git a/img/barg-2.webp b/img/barg-2.webp
new file mode 100644
index 0000000..69bb4e7
Binary files /dev/null and b/img/barg-2.webp differ
diff --git a/img/cafe-kalya-homepage.webp b/img/cafe-kalya-homepage.webp
new file mode 100644
index 0000000..9a5e20e
Binary files /dev/null and b/img/cafe-kalya-homepage.webp differ
diff --git a/img/map-overview-blur.webp b/img/map-overview-blur.webp
new file mode 100644
index 0000000..84208c2
Binary files /dev/null and b/img/map-overview-blur.webp differ
diff --git a/img/pattern-transparent.webp b/img/pattern-transparent.webp
new file mode 100644
index 0000000..0bbc99d
Binary files /dev/null and b/img/pattern-transparent.webp differ
diff --git a/img/pie.webp b/img/pie.webp
new file mode 100644
index 0000000..029ae4f
Binary files /dev/null and b/img/pie.webp differ
diff --git a/img/social-preview.webp b/img/social-preview.webp
new file mode 100644
index 0000000..b3ab9a5
Binary files /dev/null and b/img/social-preview.webp differ
diff --git a/img/texture-paper.webp b/img/texture-paper.webp
index 69558ae..bdd3464 100644
Binary files a/img/texture-paper.webp and b/img/texture-paper.webp differ
diff --git a/index.html b/index.html
index 97f7d0f..cb9f20b 100755
--- a/index.html
+++ b/index.html
@@ -19,9 +19,9 @@
 	<meta property="og:image" content="https://cafekalya.ir/img/cafe-kalya-homepage.jpg">
     <link rel="shortcut icon" type="image/png" href="favicon.png">
     
-	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?7516">
-	<link rel="stylesheet" type="text/css" href="style.css?6823">
-	<link rel="stylesheet" type="text/css" href="./css/animate.min.css?2577">
+	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?8868">
+	<link rel="stylesheet" type="text/css" href="style.css?8595">
+	<link rel="stylesheet" type="text/css" href="./css/animate.min.css?2993">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 	<link href='https://fonts.googleapis.com/css?family=Noto+Kufi+Arabic:100..900,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 	<link href='https://fonts.googleapis.com/css?family=Noto+Sans+Arabic:100..900,700,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -312,46 +312,46 @@ <h3 class="mg-md text-center cap-heading h2-style tc-7376">
 					</div>
 					<div class="container-div-style blocs-horizontal-scroll-area text-lg-center" data-no-scroll-correction="true">
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0157.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0157.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="532"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0157.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0157.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0100.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0100.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="345"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0100.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0100.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_1001.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_1001.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_1001.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_1001.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Image.webp"><img src="img/lazyload-ph.png" data-src="img/Image.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Image.webp"><img src="img/lazyload-ph.png" data-src="img/Image.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0092.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0092.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0092.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0092.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0112.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0112.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0112.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0112.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0067.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0067.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0067.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0067.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0878.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0878.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0878.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0878.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0869.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0869.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0869.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0869.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0839.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0839.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0839.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0839.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0823.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0823.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="384"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0823.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0823.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0818.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0818.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="350"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0818.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0818.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0810.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0810.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="282"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0810.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0810.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 							<div class="blocs-card-width container-div-min-height">
-								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0969.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0969.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532" height="355"></picture>
+								<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/TRI_0969.webp"><img src="img/lazyload-ph.png" data-src="img/TRI_0969.jpeg" class="img-fluid mx-auto d-block img-style img-rd-lg animSpeedSlow none lazyload" alt="placeholder image" width="532"></picture>
 							</div>
 						</div>
 					<div class="blocs-horizontal-scroll-control blocs-scroll-control-next">
@@ -467,11 +467,11 @@ <h2 class="text-center cap-heading mb-4 h2-style tc-2941">
 
 
 <!-- Additional JS -->
-<script src="./js/jquery.min.js?1934"></script>
-<script src="./js/bootstrap.bundle.min.js?6036"></script>
-<script src="./js/blocs.min.js?5440"></script>
+<script src="./js/jquery.min.js?8577"></script>
+<script src="./js/bootstrap.bundle.min.js?6020"></script>
+<script src="./js/blocs.min.js?1927"></script>
 <script src="./js/lazysizes.min.js" defer></script>
-<script src="./js/universal-parallax.min.js?4673"></script><!-- Additional JS END -->
+<script src="./js/universal-parallax.min.js?4379"></script><!-- Additional JS END -->
 
 
 </body>
diff --git a/menu/menu.html b/menu/menu.html
index 2fc7592..9255233 100644
--- a/menu/menu.html
+++ b/menu/menu.html
@@ -8,20 +8,20 @@
 	<link rel="canonical" href="https://cafekalya.ir/menu/menu.html">
 	<meta name="robots" content="index, follow">
 	<meta name="twitter:card" content="summary_large_image">
-	<meta name="twitter:title" content="منوی کافه کالیا">
-	<meta name="twitter:description" content="کافه کالیا - دهکده المپیک، بوستان جوانمردان">
+	<meta name="twitter:title" content="به کافه کالیا خوش اومدید!☕️">
+	<meta name="twitter:description" content="🍹 دسرهای خوشمزه و نوشیدنی‌های تازه 🧤 ساندویچ‌های خوشمزه، غذاهای پاییزی ☕️ بهترین جا برای یه دورهمی دوستانه 🍂 آرامش تو دل شهر">
 	<meta name="twitter:image" content="https://cafekalya.ir/img/Screenshot%202024-10-22%20at%2009.00.32@1920×1080.jpeg">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="وبسایت کالیا">
-	<meta property="og:title" content="منوی کافه کالیا">
-	<meta property="og:description" content="کافه کالیا - دهکده المپیک، بوستان جوانمردان">
+	<meta property="og:title" content="به کافه کالیا خوش اومدید!☕️">
+	<meta property="og:description" content="🍹 دسرهای خوشمزه و نوشیدنی‌های تازه 🧤 ساندویچ‌های خوشمزه، غذاهای پاییزی ☕️ بهترین جا برای یه دورهمی دوستانه 🍂 آرامش تو دل شهر">
 	<meta property="og:url" content="https://cafekalya.ir/menu/menu.html"> 
 	<meta property="og:image" content="https://cafekalya.ir/img/Screenshot%202024-10-22%20at%2009.00.32@1920×1080.jpeg">
     <link rel="shortcut icon" type="image/png" href="../favicon.png">
     
-	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css?7516">
-	<link rel="stylesheet" type="text/css" href="../style.css?6823">
-	<link rel="stylesheet" type="text/css" href="../css/animate.min.css?2577">
+	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css?8868">
+	<link rel="stylesheet" type="text/css" href="../style.css?8595">
+	<link rel="stylesheet" type="text/css" href="../css/animate.min.css?2993">
 	<link rel="stylesheet" type="text/css" href="../css/all.min.css">
 	<link href='https://fonts.googleapis.com/css?family=Noto+Kufi+Arabic:100..900,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 	<link href='https://fonts.googleapis.com/css?family=Noto+Sans+Arabic:100..900,700,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
@@ -58,7 +58,7 @@
 <section>
 
 <!-- hot-beverages -->
-<div class="bloc b-parallax bg-bl-edge bloc-bg-texture texture-paper l-bloc" id="hot-beverages">
+<div class="bloc b-parallax bg-bl-edge bloc-bg-texture texture-paper l-bloc " id="hot-beverages">
 	<div class="bloc-bg-mask">
 		<svg class="svg-mask bloc-hot-beverages-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m0 0h500v500h-500z"></path></svg>
 	</div>
@@ -1667,11 +1667,11 @@ <h4 class="tc-7376 menu-price">
 
 
 <!-- Additional JS -->
-<script src="../js/jquery.min.js?1934"></script>
-<script src="../js/bootstrap.bundle.min.js?6036"></script>
-<script src="../js/blocs.min.js?5440"></script>
+<script src="../js/jquery.min.js?8577"></script>
+<script src="../js/bootstrap.bundle.min.js?6020"></script>
+<script src="../js/blocs.min.js?1927"></script>
 <script src="../js/lazysizes.min.js" defer></script>
-<script src="../js/universal-parallax.min.js?2925"></script><!-- Additional JS END -->
+<script src="../js/universal-parallax.min.js?5582"></script><!-- Additional JS END -->
 
 
 </body>