diff --git a/css/css-style.css b/css/css-style.css
index b8f466a..8b6a777 100644
--- a/css/css-style.css
+++ b/css/css-style.css
@@ -868,7 +868,7 @@ figure {
 }
 
 #fh5co-gallery-list li.one-third {
-  width: 32.3%;
+  width: 49%;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/css/ket.css b/css/ket.css
index 4defdd9..7883d8a 100644
--- a/css/ket.css
+++ b/css/ket.css
@@ -205,7 +205,7 @@ footer p {
 .splashscreen-bg {
 
 	/* The image used */
-	background-image: url("https://www.makenewstory.com/assets/users/mIjh78y8ge13b89d99c1a29132e57d2ca/album1.png?nocache=1440");
+	background-image: url("https://files.nochill.in/media/_2__9114_1-1.jpg?nocache=1440");
 
 	/* Full height */
 	height: 100%;
diff --git a/img/album1.png b/img/album1.png
index 3d9c49f..0576c2b 100644
Binary files a/img/album1.png and b/img/album1.png differ
diff --git a/img/album1_na.png b/img/album1_na.png
new file mode 100644
index 0000000..3d9c49f
Binary files /dev/null and b/img/album1_na.png differ
diff --git a/img/album2.png b/img/album2.png
index d5d52a4..7e62481 100644
Binary files a/img/album2.png and b/img/album2.png differ
diff --git a/img/album3.png b/img/album3.png
index a24f4a3..fc27183 100644
Binary files a/img/album3.png and b/img/album3.png differ
diff --git a/img/album4.png b/img/album4.png
index 543dad5..1069a3f 100644
Binary files a/img/album4.png and b/img/album4.png differ
diff --git a/img/album5.png b/img/album5.png
index e5fda08..0cc8907 100644
Binary files a/img/album5.png and b/img/album5.png differ
diff --git a/img/album6.png b/img/album6.png
index 74ade59..6ae7db7 100644
Binary files a/img/album6.png and b/img/album6.png differ
diff --git a/img/bride.png b/img/bride.png
index f12e3f9..a5a2043 100644
Binary files a/img/bride.png and b/img/bride.png differ
diff --git a/img/bride_na.png b/img/bride_na.png
new file mode 100644
index 0000000..f12e3f9
Binary files /dev/null and b/img/bride_na.png differ
diff --git a/img/groom.png b/img/groom.png
index ddc19ac..41f31ac 100644
Binary files a/img/groom.png and b/img/groom.png differ
diff --git a/img/groom_na.png b/img/groom_na.png
new file mode 100644
index 0000000..ddc19ac
Binary files /dev/null and b/img/groom_na.png differ
diff --git a/index.html b/index.html
index 3fddfdb..75b110f 100644
--- a/index.html
+++ b/index.html
@@ -4,21 +4,19 @@
 <head>
 
 	<meta charset="utf-8">
-	<title>Wedding Invitation - Atep &amp; Arty </title>
+	<title>Wedding Invitation - Arif &amp; Selvi </title>
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
 	<meta property="og:image" content="img/kita.png">
 	<meta property="og:image:width" content="300">
 	<meta property="og:image:height" content="300">
-	<meta property="og:title" content="Wedding Invitation - Atep &amp; Arty ">
-	<meta property="og:description" content="Hello ! Kamu Di Undang..">
+	<meta property="og:title" content="Wedding Invitation - Arif &amp; Selvi ">
+	<meta property="og:description" content="You are invited to come Arif and Selvi Wedding Event">
 	<meta property="og:type" content="article">
 	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
 	<meta http-equiv="Pragma" content="no-cache">
 	<meta http-equiv="Expires" content="0">
-	<link rel="icon" href="img/favicon.png">
-
 
 	<link href="https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700" rel="stylesheet"
 		type="text/css">
@@ -71,8 +69,7 @@
 		<div class="splashscreen-bg"></div>
 		<div class="tengah">
 			<p>The Wedding Of</p>
-			<h1 style="font-size:80px;color:white;margin-top:-30px;">Arty &amp; Atep </h1>
-			<p style="margin-top:30px;">Kepada Yth.<br>
+			<h1 style="font-size:80px;color:white;margin-top:-30px;">Arif &amp; Selvia </h1>
 				<a href="#" onclick="return OpenInvitation();">
 					<button class="btn-depan btn-4 btn-sep-depan icon-send popup1_open" data-popup-ordinal="0"
 						id="open_92089009">BUKA</button>
@@ -83,7 +80,7 @@
 	<!-- END SPLASHSCREEN -->
 
 	<!-- ============== MUSIK =============== -->
-	<audio loop="true" src="musik/musik.mp3" id="audio"></audio>
+	<audio autoplay loop="true" src="musik/musik.mp3" id="audio2"></audio>
 	<!-- ============== MUSIK =============== -->
 
 	<div style="display: none;" id="page"><a href="#"
@@ -103,8 +100,8 @@
 										<p>The Wedding Of</p>
 
 										<h1 style="margin-top:-40px">
-											Arty &amp; Atep </h1>
-										<p><span>06 - 06 - 2021</span></p>
+											Arif &amp; Selvia </h1>
+										<p><span>2024 - 05 - 25</span></p>
 										<p>
 											<a href="#fh5co-couple" class="icon-scroll"></a>
 										</p>
@@ -134,30 +131,30 @@
 				</div>
 				<div class="couple-wrap animate-box fadeInUp animated-fast">
 					<div class="couple-half">
-						<div class="groom"> <img src="img/bride.png?nocache=1440" alt="groom" class="img-responsive">
+						<div class="groom"> <img src="img/groom.png?nocache=1440" alt="groom" class="img-responsive">
 						</div>
 						<div class="desc-groom">
 							<h3 style="color:#304058;">
-								Arty Artya Melinda</h3>
+								Arif Rahman Widiyatno</h3>
 							<!-- untuk deskripsi mempelai -->
-							<p>
-								<i style="font-size:12px;">Putri dari :</i>
+							<p style="text-align: center;">
+								<i style="font-size:12px;">Putra dari :</i>
 								<br>
-								Bapak Arbi Sahtiadin &amp; Ibu Oneng Nurhayati
+								Bapak Sudaryatno &amp; Ibu Enny Sudarwati
 							</p>
 						</div>
 					</div>
 					<p class="heart text-center"><i class="icon-heart2" style="color:#304058;"></i></p>
 					<div class="couple-half">
-						<div class="bride"> <img src="img/groom.png?nocache=1440" alt="groom" class="img-responsive">
+						<div class="bride"> <img src="img/bride.png?nocache=1440" alt="groom" class="img-responsive">
 						</div>
 						<div class="desc-bride">
 							<h3 style="color:#304058;">
-								Atep Jaenudin</h3>
+								Selvia Imas Paramitha</h3>
 							<!-- untuk deskripsi mempelai -->
-							<p><i style="font-size:12px;">Putra dari :</i>
+							<p style="text-align: center;"><i style="font-size:12px;">Putri dari :</i>
 								<br>
-								Bapak H Enyang &amp; Ibu H Atik
+								Bapak Antonius Tatang Eko Asmoko &amp; Ibu RR. Arry Kusumastuti
 							</p>
 						</div>
 					</div>
@@ -198,16 +195,15 @@
 										<div class="event-col">
 											<i class="icon-clock"></i>
 											<span>
-												80.00 Pagi </span>
+												18.30 - 19.30 </span>
 										</div>
-										<div class="event-col"> <i class="icon-calendar"></i> <span>Minggu, 6
-												Juni 2021</span> </div>
+										<div class="event-col"> <i class="icon-calendar"></i> <span>Sabtu, 25
+												Mei 2024</span> </div>
 										<p>
 											<label style="font-weight:normal; font-size:22px;">
-												Gedung Herlina Mutiara </label>
+												Favehotel Sidoarjo </label>
 											<br>
-											Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat
-											43281
+											Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219
 										</p>
 									</div>
 								</div>
@@ -216,28 +212,27 @@
 										<h3>Resepsi</h3>
 										<div class="event-col">
 											<i class="icon-clock"></i> <span>
-												10.00 - 14.00 </span>
+												19.30 - 21.00 </span>
 										</div>
-										<div class="event-col"> <i class="icon-calendar"></i> <span>Minggu, 6
-												Juni 2021</span> </div>
+										<div class="event-col"> <i class="icon-calendar"></i> <span>Sabtu, 25
+												Mei 2024</span> </div>
 										<p>
 											<label style="font-weight:normal; font-size:22px;">
-												Gedung Herlina Mutiara </label>
+												Favehotel Sidoarjo </label>
 											<br>
-											Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat
-											43281
+											Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219
 										</p>
 									</div>
 								</div>
 
 
-								<div class="col-md-8 col-md-offset-2 text-center animate-box fadeInUp animated-fast">
+								<!-- <div class="col-md-8 col-md-offset-2 text-center animate-box fadeInUp animated-fast">
 									<a href="https://youtu.be/Ev-Rgy8HabA" target="_blank"
 										class="streaming mdc-button mdc-button--raised">
 										<i class="material-icons mdc-button__icon">play_arrow</i>
 										LIVE STREAMING
 									</a>
-								</div>
+								</div> -->
 
 							</div>
 						</div>
@@ -246,7 +241,7 @@
 			</div>
 		</div>
 
-		<div id="fh5co-couple-story">
+		<!-- <div id="fh5co-couple-story">
 			<div class="container">
 				<div class="row">
 					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box fadeInUp animated-fast">
@@ -256,8 +251,8 @@
 				<div class="row">
 					<div class="col-md-12 col-md-offset-0">
 						<ul class="timeline animate-box fadeInUp animated-fast">
-							<!-- GET DATA -->
-							<!-- ELSE -->
+							 GET DATA
+							 ELSE 
 							<li class="timeline-inverted animate-box fadeInUp animated-fast">
 								<div class="timeline-badge"
 									style="background-color:#304058; background-image:url(img/couple-1.png);">
@@ -276,8 +271,8 @@
 									</div>
 								</div>
 							</li>
-							<!--TUTUP PHP -->
-							<!-- GET DATA -->
+							TUTUP PHP 
+							 GET DATA 
 							<li class="animate-box fadeInUp animated-fast">
 								<div class="timeline-badge"
 									style="background-color:#304058; background-image:url(img/couple-1.png);">
@@ -297,8 +292,8 @@
 									</div>
 								</div>
 							</li>
-							<!-- ELSE -->
-							<!-- ELSE -->
+							 ELSE 
+							 ELSE 
 							<li class="timeline-inverted animate-box fadeInUp animated-fast">
 								<div class="timeline-badge"
 									style="background-color:#304058; background-image:url(img/couple-1.png);">
@@ -316,8 +311,8 @@
 									</div>
 								</div>
 							</li>
-							<!--TUTUP PHP -->
-							<!-- GET DATA -->
+							TUTUP PHP
+							GET DATA 
 							<li class="animate-box fadeInUp animated-fast">
 								<div class="timeline-badge"
 									style="background-color:#304058; background-image:url(img/couple-1.png);">
@@ -339,13 +334,13 @@
 									</div>
 								</div>
 							</li>
-							<!-- ELSE -->
-							<!--TUTUP PHP -->
+							ELSE 
+							TUTUP PHP 
 						</ul>
 					</div>
 				</div>
 			</div>
-		</div>
+		</div> -->
 		<div id="fh5co-gallery" class="fh5co-section-gray">
 			<div class="container">
 				<div class="row">
@@ -398,33 +393,33 @@
 							</li>
 							<!-- CLOSE DATA -->
 							<!-- GET DATA -->
-							<li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
+							<!-- <li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
 								style="background-image: url(img/album5.png);">
 								<a href="img/album5.png" data-lightbox="roadtrip">
 									<div class="case-studies-summary"> <span></span>
 										<h2></h2>
 									</div>
 								</a>
-							</li>
+							</li> -->
 							<!-- CLOSE DATA -->
 							<!-- GET DATA -->
-							<li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
+							<!-- <li class="one-third animate-box fadeIn animated-fast" data-animate-effect="fadeIn"
 								style="background-image: url(img/album6.png);">
 								<a href="img/album6.png" data-lightbox="roadtrip">
 									<div class="case-studies-summary"> <span></span>
 										<h2></h2>
 									</div>
 								</a>
-							</li>
+							</li> -->
 							<!-- CLOSE DATA -->
 
 
 							<!-- GET DATA YT -->
-							<div class="videoWrapper" style="width:100%;">
+							<!-- <div class="videoWrapper" style="width:100%;">
 								<center>
 									<object data="https://www.youtube.com/embed/hrVyGEvVu7k"> </object>
 								</center>
-							</div>
+							</div> -->
 							<!-- CLOSE DATA -->
 
 
@@ -441,8 +436,8 @@
 						<h1 class="color-putih" style="margin-top:30px;">Find Us</h1>
 
 						<p style="color:#fff;">
-							Gedung Herlina Mutiara <br>
-							Jl. Pramuka, Bojong, Karangtengah, Kabupaten Cianjur, Jawa Barat 43281 </p>
+							Favehotel Sidoarjo<br>
+							Jl. Jenggolo No.15, Pucang, Kec. Sidoarjo, Kabupaten Sidoarjo, Jawa Timur 61219 </p>
 					</div>
 				</div>
 				<div class="row">
@@ -482,7 +477,7 @@
 									</style>
 									<div style="margin-bottom:50px;" id="maps">
 										<iframe width="100%" height="450px" frameborder="0" style="border:0"
-											src="https://www.google.com/maps/embed/v1/place?q=-6.794355,107.172731&amp;key=AIzaSyBkXrQtu34bjG_8Apa0cvNENa_7frfCE2w">
+											src="https://www.google.com/maps/embed/v1/place?q=-7.439519213567163,112.7208059883155&amp;key=AIzaSyBkXrQtu34bjG_8Apa0cvNENa_7frfCE2w">
 										</iframe>
 									</div>
 								</div>
@@ -494,10 +489,10 @@
 		</div>
 
 
-		<footer>
+		<!-- <footer>
 			<p> &copy; Copyright 2022, <a href="">MSN PRODUCTION - PT. Mulia Sejati Nusantara.</a> All Rights Reserved
 			</p>
-		</footer>
+		</footer> -->
 
 
 		<!-- MUTE BUTTON -->
@@ -517,6 +512,8 @@
 		const page = document.getElementById("page")
 
 		function OpenInvitation() {
+			let audio = document.getElementById("audio2");
+			audio.play();
 			splashscreen.style.display = "none"
 			page.style.display = "block"
 		}
@@ -570,20 +567,20 @@
 
 	<script>
 		document.addEventListener("DOMContentLoaded", function (event) {
-			let audio = document.getElementById("audio");
+			let audio = document.getElementById("audio2");
 			let button = document.getElementById('mute');
 			if (+localStorage.getItem('mute')) {
 				audio.muted = true;
 				button.innerHTML = '<i color="#000" class="fa fa-volume-off my-float"></i>';
 				audio.pause()
 			} else {
-				audio.volume = 0.9;
+				audio.volume = 1;
 				audio.play()
 			}
 		})
 
 		function mute() {
-			let audio = document.getElementById('audio');
+			let audio = document.getElementById('audio2');
 			let button = document.getElementById('mute');
 			let isMute = +localStorage.getItem('mute');
 			if (!isMute) {
@@ -593,7 +590,7 @@
 				localStorage.setItem('mute', 1);
 			} else {
 				audio.muted = false;
-				audio.volume = 0.9;
+				audio.volume = 1;
 				audio.play()
 				button.innerHTML = '<i color="#fff" class="fa fa-volume-up my-float"></i>';
 				localStorage.setItem('mute', 0);
diff --git a/musik/musik.mp3 b/musik/musik.mp3
index cc76d89..3a983c3 100644
Binary files a/musik/musik.mp3 and b/musik/musik.mp3 differ
diff --git a/musik/silence.mp3 b/musik/silence.mp3
new file mode 100644
index 0000000..482395f
Binary files /dev/null and b/musik/silence.mp3 differ
