diff --git a/app/Http/Controllers/DepositController.php b/app/Http/Controllers/DepositController.php
new file mode 100644
index 0000000..4f1871d
--- /dev/null
+++ b/app/Http/Controllers/DepositController.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class DepositController extends Controller
+{
+    public function index()
+    {
+    }
+
+    public function update()
+    {
+    }
+}
diff --git a/config/app.php b/config/app.php
index ef76a7e..7a3ea32 100644
--- a/config/app.php
+++ b/config/app.php
@@ -69,7 +69,7 @@ return [
     |
     */
 
-    'timezone' => 'UTC',
+    'timezone' => 'Asia/Jakarta',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/resources/js/Layouts/CustomerLayout.jsx b/resources/js/Layouts/CustomerLayout.jsx
index ca0e4a4..f43840e 100644
--- a/resources/js/Layouts/CustomerLayout.jsx
+++ b/resources/js/Layouts/CustomerLayout.jsx
@@ -1,7 +1,8 @@
 import React from 'react'
-import ApplicationLogo from '@/Components/Defaults/ApplicationLogo'
-import { Link, router, usePage } from '@inertiajs/react'
-import { HiHome, HiOutlineHome, HiOutlineUserCircle } from 'react-icons/hi'
+import { ToastContainer, toast } from 'react-toastify'
+
+import { router, usePage } from '@inertiajs/react'
+import { HiOutlineHome, HiOutlineUserCircle } from 'react-icons/hi'
 import {
     HiArrowPathRoundedSquare,
     HiOutlineShoppingCart,
@@ -68,6 +69,7 @@ export default function CustomerLayout({ children }) {
                     </div>
                 )}
             </div>
+            <ToastContainer />
         </div>
     )
 }
diff --git a/resources/js/Pages/Home/Deposit/Detail.jsx b/resources/js/Pages/Home/Deposit/Detail.jsx
index 80bf1e5..6851c58 100644
--- a/resources/js/Pages/Home/Deposit/Detail.jsx
+++ b/resources/js/Pages/Home/Deposit/Detail.jsx
@@ -1,12 +1,17 @@
 import React, { useState, useEffect } from 'react'
 import { Head, router, useForm, usePage } from '@inertiajs/react'
-import { HiChevronLeft } from 'react-icons/hi2'
+import {
+    HiChevronLeft,
+    HiClipboard,
+    HiClipboardDocumentList,
+} from 'react-icons/hi2'
 
 import CustomerLayout from '@/Layouts/CustomerLayout'
 import { formatIDR } from '@/utils'
 import FormFile from '@/Components/FormFile'
 import { isEmpty } from 'lodash'
 import Alert from '@/Components/Alert'
+import { toast } from 'react-toastify'
 
 const PayButton = () => {
     const {
@@ -118,6 +123,11 @@ const FormUpload = () => {
         setAccount(account)
     }
 
+    const handleCopyToClipboard = (text) => {
+        toast.success('copied to clipboard')
+        navigator.clipboard.writeText(account.account_number)
+    }
+
     const handleSubmit = () => {
         if (processing) {
             return
@@ -157,10 +167,9 @@ const FormUpload = () => {
             {data.account_id !== '' && (
                 <>
                     <div className="my-5">
-                        <div className="bg-red-200 text-red-600 p-3 border rounded-md border-red-700">
+                        <div className="bg-blue-50 text-blue-800 p-3 border rounded-md border-blue-400">
                             <div>Silahkan transfer nominal di atas ke</div>
                             <div>
-                                Bank :{' '}
                                 <span className="font-bold">
                                     {account.bank_name}
                                 </span>
@@ -171,11 +180,19 @@ const FormUpload = () => {
                                     {account.holder_name}
                                 </span>
                             </div>
-                            <div>
-                                Nomor Rekening :{' '}
-                                <span className="font-bold">
+                            <div
+                                className="flex flex-row items-center space-x-1"
+                                onClick={() =>
+                                    handleCopyToClipboard(
+                                        account.account_number
+                                    )
+                                }
+                            >
+                                <div>Nomor Rekening : </div>
+                                <div className="font-bold">
                                     {account.account_number}
-                                </span>
+                                </div>
+                                <HiClipboardDocumentList className="text-blue-600" />
                             </div>
                         </div>
                     </div>
diff --git a/resources/js/Pages/Home/Deposit/Topup.jsx b/resources/js/Pages/Home/Deposit/Topup.jsx
index 597414c..9426d04 100644
--- a/resources/js/Pages/Home/Deposit/Topup.jsx
+++ b/resources/js/Pages/Home/Deposit/Topup.jsx
@@ -105,10 +105,10 @@ export default function Topup({ payments }) {
                     </div>
                 </div>
             </div>
-            <div className="fixed bottom-20 right-0 md:right-1/3 md:pl-10 max-w-md w-full">
+            <div className="fixed bottom-20 right-0 w-full">
                 <div
                     onClick={handleSubmit}
-                    className="border bg-blue-700 text-white px-5 py-2 mx-5 rounded-full hover:text-black hover:bg-white"
+                    className="border bg-blue-700 text-white px-5 py-2 mx-auto rounded-full hover:text-black hover:bg-white max-w-sm"
                 >
                     Bayar
                 </div>
diff --git a/resources/js/Pages/Home/Index/Banner.jsx b/resources/js/Pages/Home/Index/Banner.jsx
index b2aac39..fc4820e 100644
--- a/resources/js/Pages/Home/Index/Banner.jsx
+++ b/resources/js/Pages/Home/Index/Banner.jsx
@@ -1,12 +1,21 @@
 import React from 'react'
-import { Head } from '@inertiajs/react'
+import { Head, router } from '@inertiajs/react'
 import CustomerLayout from '@/Layouts/CustomerLayout'
+import { HiChevronLeft } from 'react-icons/hi2'
 
 export default function Banner({ banner }) {
     return (
         <CustomerLayout>
             <Head title="Login" />
             <div className="flex flex-col min-h-[calc(95dvh)] p-4">
+                <div
+                    className="w-full pb-4"
+                    onClick={() => {
+                        router.get(route('home.index'))
+                    }}
+                >
+                    <HiChevronLeft className="font-bold h-5 w-5" />
+                </div>
                 <img
                     src={banner.image_url}
                     className="object-cover w-full h-32"
diff --git a/resources/js/Pages/Home/Index/VoucherCard.jsx b/resources/js/Pages/Home/Index/VoucherCard.jsx
index 4d4f242..43e1bfa 100644
--- a/resources/js/Pages/Home/Index/VoucherCard.jsx
+++ b/resources/js/Pages/Home/Index/VoucherCard.jsx
@@ -8,7 +8,7 @@ export default function VoucherCard({ voucher }) {
             <div className="flex flex-row justify-between items-center">
                 <div>
                     <div className="text-xs text-gray-400 py-1">
-                        {voucher.location.name}
+                        {voucher.profile}
                     </div>
                     <div className="text-xl font-bold">
                         IDR {formatIDR(voucher.price)}