diff --git a/Modules/Appointment/app/Http/Controllers/AppointmentController.php b/Modules/Appointment/app/Http/Controllers/AppointmentController.php
index 098751e..2a7a1de 100644
--- a/Modules/Appointment/app/Http/Controllers/AppointmentController.php
+++ b/Modules/Appointment/app/Http/Controllers/AppointmentController.php
@@ -47,9 +47,8 @@ class AppointmentController extends Controller
             $validated = $request->validated();
             $this->appointmentRepository->storeAppointmentList($validated);
 
-            toastr()->success('Appointment created successfully.');
+            return redirect("/thankyou")->with('success','Message Sent Successfully');
 
-            return redirect()->route('doctor_provider');
         } catch (\Throwable $th) {
             report($th);
             toastr()->error('Something went wrong.');
diff --git a/Modules/Appointment/app/Http/Requests/CreateAppointmentRequest.php b/Modules/Appointment/app/Http/Requests/CreateAppointmentRequest.php
index 60ff437..e9c55c9 100644
--- a/Modules/Appointment/app/Http/Requests/CreateAppointmentRequest.php
+++ b/Modules/Appointment/app/Http/Requests/CreateAppointmentRequest.php
@@ -15,12 +15,37 @@ class CreateAppointmentRequest extends FormRequest
             'team_member_id' => 'required|integer',
             'full_name' => 'required|string|max:150',
             'email' => 'required|email',
-            'contact_no' => 'required|string',
+            'contact_no' => ['required','nullable','regex:/^\+?\d{7,15}$/'],
             'subject' => 'required|string|max:500',
             'feedback' => 'required|string',
         ];
     }
 
+    public function messages()
+    {
+        return [
+            'team_member_id.required' => 'The team member field is required.',
+            'team_member_id.integer' => 'The team member must be an integer.',
+
+            'full_name.required' => 'The full name field is required.',
+            'full_name.string' => 'The full name must be a string.',
+            'full_name.max' => 'The full name may not be greater than 150 characters.',
+
+            'email.required' => 'The email field is required.',
+            'email.email' => 'Invalid email format.',
+
+            'contact_no.required' => 'The contact number field is required.',
+            'contact_no.regex' => 'The contact number must be a valid phone number',
+
+            'subject.required' => 'The subject field is required.',
+            'subject.string' => 'The subject must be a string.',
+            'subject.max' => 'The subject may not be greater than 500 characters.',
+
+            'feedback.required' => 'The feedback field is required.',
+            'feedback.string' => 'The feedback must be a string.',
+        ];
+    }
+
     /**
      * Determine if the user is authorized to make this request.
      */
diff --git a/Modules/Consultation/app/Http/Requests/CreateConsultationRequest.php b/Modules/Consultation/app/Http/Requests/CreateConsultationRequest.php
index 41ff6b3..3cf9704 100644
--- a/Modules/Consultation/app/Http/Requests/CreateConsultationRequest.php
+++ b/Modules/Consultation/app/Http/Requests/CreateConsultationRequest.php
@@ -36,7 +36,7 @@ class CreateConsultationRequest extends FormRequest
             'email.max' => 'The email may not be greater than :max characters.',
 
             'contact_no.required' => 'The contact number field is required.',
-            'contact_no.max' => 'The contact number may not be greater than :max characters.',
+            'contact_no.regex' => 'The contact number must be a valid phone number',
 
             'age_group.required' => 'The age group field is required.',
             'age_group.integer' => 'The age group must be an integer.',
diff --git a/Modules/ContactUs/app/Http/Requests/CreateContactUsRequest.php b/Modules/ContactUs/app/Http/Requests/CreateContactUsRequest.php
index f8b4b5b..c66dde8 100644
--- a/Modules/ContactUs/app/Http/Requests/CreateContactUsRequest.php
+++ b/Modules/ContactUs/app/Http/Requests/CreateContactUsRequest.php
@@ -17,7 +17,7 @@ class CreateContactUsRequest extends FormRequest
             'email' => 'sometimes|nullable|email',
             'subject' => 'sometimes|nullable|string|max:1000',
             'message' => 'required|string|max:1000',
-            'phone' => 'sometimes|nullable|numeric|digits:10',
+            'phone' => ['sometimes','nullable','regex:/^\+?\d{7,15}$/'],
         ];
     }
 
@@ -42,7 +42,8 @@ class CreateContactUsRequest extends FormRequest
             'message.max' => 'The message may not be greater than 1000 characters.',
 
             'phone.numeric' => 'The phone must be a number.',
-            'phone.digits' => 'The phone must be exactly 10 digits long.'
+            'phone.digits_between' => 'The phone must be a number between 7 and 15 digits long.',
+
         ];
     }
 
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 42aba49..b5c2cc8 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -223,8 +223,8 @@ class HomeController extends Controller
         $validated = ['email' => $request->email];
         $this->subscriptionService->storeSubscription($validated);
 
-        toastr()->success('Thanks for subscribing');
-        return back();
+        // toastr()->success('Thanks for subscribing');
+        return redirect("/thankyou")->with('success','Message Sent Successfully');
     }
 
     public function storeContactUs(CreateContactUsRequest $request)
@@ -247,8 +247,8 @@ class HomeController extends Controller
         try {
             $consultationController = new ConsultationController();
             $consultationController->store($request);
-            toastr()->success('Thanks for consulting us...');
-            return back();
+            // toastr()->success('Thanks for consulting us...');
+            return redirect("/thankyou")->with('success','Message Sent Successfully');
         } catch (\Throwable $th) {
             report($th);
         }
diff --git a/public/images/bye.jpg b/public/images/bye.jpg
new file mode 100644
index 0000000..47cf432
Binary files /dev/null and b/public/images/bye.jpg differ
diff --git a/public/source/css/custom.css b/public/source/css/custom.css
new file mode 100644
index 0000000..7502af8
--- /dev/null
+++ b/public/source/css/custom.css
@@ -0,0 +1,125 @@
+.ending {
+  padding: 80px 0;
+}
+
+.ending .last-picture {
+  text-align: center;
+}
+
+.ending .last-picture img {
+  width: 20%;
+  margin: 30px;
+}
+
+.ending .last-text {
+  margin-top: 18px;
+  margin-bottom: 30px;
+  text-align: center;
+}
+
+.ending .last-text h3 {
+  font-size: 48px;
+  font-weight: 750;
+  line-height: 1.2;
+  color: #3b78af;
+  margin-bottom: 14px;
+  max-width: 380px;
+  margin: 0 auto;
+}
+
+.ending .last-text p {
+  color: #000;
+  margin: 40px 0;
+  margin-bottom: 30px;
+}
+
+.whatsapp-icon {
+    position: fixed;
+    bottom: 105px; /* Adjust the distance from the bottom */
+    right: 30px;  /* Adjust the distance from the right */
+    z-index: 1000; /* Ensures it stays on top of other elements */
+}
+
+.whatsapp-icon img {
+    width: 65px;  /* Adjust the size as needed */
+    height: 65px; /* Adjust the size as needed */
+}
+
+.ending .last-text a {
+  margin-top: 5px;
+  border: 1px solid #3b78af;
+  padding: 15px;
+  font-weight: 400;
+  letter-spacing: 1px;
+  color: #FFFFFF;
+  background-color: #3b78afe0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 290px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border-radius: 30px;
+  text-transform: uppercase;
+  font-size: 14px;
+}
+
+.ending .last-text a:hover {
+  background: transparent;
+  color: #3b78af;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+.ending .last-text a i {
+  margin-left: 10px;
+}
+
+.consulation-form div {
+     padding-bottom: 4px !important;
+}
+
+
+/* Make the intl-tel-input container take full width */
+.iti {
+    display: block !important;
+    width: 100%;
+
+}
+
+/* Make the input inside take full width */
+.iti__selected-dial-code,
+.iti__flag-container {
+    float: left;
+    height: 100%;
+    padding-top: 5px;
+
+}
+
+/* Input field inside the container */
+.iti__country-list,
+.iti__input {
+    box-sizing: border-box;
+}
+
+/* Optional: spacing below input like other fields */
+.phone-number {
+    margin-top: 0.25rem;
+}
+
+.contact-us-form .iti .iti__selected-dial-code {
+    padding-top: 12px !important; /* override for taller inputs */
+}
+
+.appointment-form-field .iti .iti__selected-dial-code {
+    padding-top: 2px !important; /* override for taller inputs */
+}
+
+
+
+
+
diff --git a/public/source/images/favicon.png b/public/source/images/favicon.png
new file mode 100644
index 0000000..410ca31
Binary files /dev/null and b/public/source/images/favicon.png differ
diff --git a/resources/views/thankyou.blade.php b/resources/views/thankyou.blade.php
new file mode 100644
index 0000000..127f01a
--- /dev/null
+++ b/resources/views/thankyou.blade.php
@@ -0,0 +1,28 @@
+@extends('theme.spade.layouts.main')
+@section('meta')
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+
+
+<link rel="canonical" href="https://aroginhealthcare.com/thankyou" >
+@endsection
+@section('content')
+    
+    <div class="ending">
+        <section >
+            <div class="last-picture">
+                    <img src="./images/bye.jpg" alt="byee">
+            </div>
+        </section>
+        <section>
+            <div class="last-text">
+                <h3>Thanks for Visiting Us!</h3>
+                <p>Your form has been submitted. We will get back to you shortly </p>
+                <a href="https://aroginhealthcare.com/">Back to the homepage <i class="fas fa-home"></i></a>
+                
+            </div>
+        </section>
+    </div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/theme/spade/index.blade.php b/resources/views/theme/spade/index.blade.php
index edd2093..27626f0 100644
--- a/resources/views/theme/spade/index.blade.php
+++ b/resources/views/theme/spade/index.blade.php
@@ -267,7 +267,7 @@
             <div class="flex justify-content-center">
                 <div class="w-70; mx-auto">
                     <p>Have any questions? Leave us your contact information, and we’ll reach out to you.</p>
-                    <form action="{{ route('contactUsMessage') }}" method="post">
+                    <form id="contactForm" action="{{ route('contactUsMessage') }}" method="post">
                         @csrf
                         <div class="row g-3">
                             <div class="col-md-6 mb-10">
@@ -296,8 +296,7 @@
                             </div>
                             <div class="col-md-6 mb-10">
                                 <label for="phone-number" class="form-label">Contact Number</label>
-                                <input type="text" class="form-control" id="phone-number" name="phone"
-                                    placeholder="98XXXXXXXX">
+                                <input type="tel" class="form-control  phone-number" id="phone-number" name="phone" placeholder="98XXXXXXXX">
                                 @error('phone')
                                     <div class="text-danger">{{ $message }}</div>
                                 @enderror
@@ -326,3 +325,50 @@
     </section>
 
 @endsection
+
+@push('js')
+<script>
+$(document).ready(function () {
+    $("#contactForm").on("submit", function (e) {
+        e.preventDefault();
+
+        var form = $(this);
+        var url = form.attr("action");
+
+        // Remove any existing errors
+        form.find(".text-danger").remove();
+
+        $.ajax({
+            url: url,
+            type: "POST",
+            data: form.serialize(),
+            success: function (response) {
+                // Clear the form
+                form[0].reset();
+
+                // Redirect to thank you page
+                window.location.href = "/thankyou";
+            },
+            error: function (xhr) {
+                if (xhr.status === 422) {
+                    var errors = xhr.responseJSON.errors;
+
+                    $.each(errors, function (key, value) {
+                        var field = $("[name='" + key + "']");
+                        var wrapper = field.closest(".mb-10"); // Bootstrap column wrapper
+                        
+                        // Remove old errors
+                        wrapper.find(".text-danger").remove();
+
+                        // Append new error under the field
+                        wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
+                    });
+                } else {
+                    alert("Something went wrong, please try again later.");
+                }
+            }
+        });
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/theme/spade/layouts/main.blade.php b/resources/views/theme/spade/layouts/main.blade.php
index ce1a1f6..3137c34 100644
--- a/resources/views/theme/spade/layouts/main.blade.php
+++ b/resources/views/theme/spade/layouts/main.blade.php
@@ -24,11 +24,15 @@
     <link href="{{ asset('source/css/font-awesome.css') }}" rel="stylesheet">
     <link href="{{ asset('source/css/flaticon.css') }}" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+    <link rel="stylesheet" href="https://unpkg.com/intl-tel-input@17.0.19/build/css/intlTelInput.min.css"/>
 
     
     <link href="https://arogin.thikeniraj.com.np/source/css/style.min.css" rel="stylesheet">
     <link href="https://arogin.thikeniraj.com.np/source/css/custom.css" rel="stylesheet">
 
+    <link href="{{ asset('source/css/custom.css') }}" rel="stylesheet">
+
+
     <!-- Responsive -->
     <link href="{{ asset('source/css/responsive.css') }}" rel="stylesheet">
     
@@ -54,6 +58,9 @@
 
         @include('theme.spade.layouts.includes.footer')
 
+        <a class="whatsapp-icon" href="https://wa.me/{{ $generalSetting['mobile_number'] }}" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" />
+        </a>
+
     </div>
     
     <!--End pagewrapper-->
@@ -69,6 +76,29 @@
     <script src="{{ asset('source/js/googlemaps.min.js') }}"></script>
     <script src="{{ asset('source/js/script.min.js') }}"></script>
     <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.min.js"></script>
+    <script>
+    $(document).ready(function() {
+        $(".phone-number").each(function() {
+            var input = this;
+            var iti = window.intlTelInput(this, {
+                initialCountry: "auto",
+                geoIpLookup: function(success, failure) {
+                    $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
+                        var countryCode = (resp && resp.country) ? resp.country : "us";
+                        success(countryCode);
+                    });
+                },
+                separateDialCode: true
+            });
+            $(this).closest("form").on("submit", function(e) {
+                $(input).val(iti.getNumber());
+            });
+        });
+    });
+    </script>
+    @stack('js')
 </body>
 
 </html>
diff --git a/resources/views/theme/spade/pages/blog/detail.blade.php b/resources/views/theme/spade/pages/blog/detail.blade.php
index 5316644..2d26b40 100644
--- a/resources/views/theme/spade/pages/blog/detail.blade.php
+++ b/resources/views/theme/spade/pages/blog/detail.blade.php
@@ -69,8 +69,8 @@
                                                        <div class="text-danger">{{ $message }}</div>
                                                   @enderror
                                              </div>
-                                             <div class="col-md-12">
-                                                  <input class="form-control" type="text" name="contact_no" placeholder="Phone *"
+                                             <div class="col-md-12 appointment-form-field">
+                                                  <input class="form-control phone-number" type="text" name="contact_no" placeholder="Phone *"
                                                        required>
                                                   @error('contact_no')
                                                        <div class="text-danger">{{ $message }}</div>
@@ -167,3 +167,45 @@
           </div>
      </section>
 @endsection
+
+@push('js')
+    <script>
+        $(document).ready(function () {
+            $("form[action='{{ route('consultat_with_us') }}']").on("submit", function (e) {
+                e.preventDefault();
+
+                var form = $(this);
+                var url = form.attr("action");
+
+                // Remove existing error messages
+                form.find(".text-danger").remove();
+
+                $.ajax({
+                    url: url,
+                    type: "POST",
+                    data: form.serialize(),
+                    success: function (response) {
+                        form[0].reset();
+                        window.location.href = "/thankyou"; // redirect after success
+                    },
+                    error: function (xhr) {
+                        if (xhr.status === 422) {
+                            var errors = xhr.responseJSON.errors;
+
+                            $.each(errors, function (key, value) {
+                                var field = form.find("[name='" + key + "']");
+                                var wrapper = field.closest(".col-md-12"); // keep errors inside column wrapper
+
+                                // Append the error message below the field
+                                wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
+                            });
+                        } else {
+                            alert("Something went wrong, please try again later.");
+                        }
+                    }
+                });
+            });
+        });
+    </script>
+@endpush
+
diff --git a/resources/views/theme/spade/pages/contact-us.blade.php b/resources/views/theme/spade/pages/contact-us.blade.php
index 369537c..2b26a4b 100644
--- a/resources/views/theme/spade/pages/contact-us.blade.php
+++ b/resources/views/theme/spade/pages/contact-us.blade.php
@@ -81,7 +81,7 @@
                 <div class="col-md-7 col-sm-6 col-xs-12 contact-form wow fadeInLeft" data-wow-delay="0ms"
                     data-wow-duration="1000ms">
                     <h2>Write in details</h2>
-                    <form action="{{ route('contactUsMessage') }}" method="post">
+                    <form id="contactForm" action="{{ route('contactUsMessage') }}" method="post">
                         @csrf
                         <div class="field-container clearfix">
                             <div class="form-group col-md-6 col-sm-12 col-xs-12">
@@ -97,8 +97,8 @@
                                 @enderror
                             </div>
                             <div class="clearfix"></div>
-                            <div class="form-group col-md-4 col-sm-12 col-xs-12">
-                                <input type="text" name="phone" placeholder="Contact No*" required="required">
+                            <div class="form-group col-md-4 col-sm-12 col-xs-12 contact-us-form">
+                                <input type="text" class="phone-number" name="phone" placeholder="Contact No*" required="required">
                                 @error('phone')
                                     <div class="text-danger">{{ $message }}</div>
                                 @enderror
@@ -136,3 +136,40 @@
         </div>
     </section>
 @endsection
+
+@push('js')
+
+<script>
+$(document).ready(function () {
+    $("#contactForm").on("submit", function (e) {
+        e.preventDefault();
+
+        var form = $(this);
+        var url = form.attr("action");
+
+        $.ajax({
+            url: url,
+            type: "POST",
+            data: form.serialize(),
+            success: function (response) {
+                form[0].reset();
+                window.location.href = "/thankyou";
+            },
+            error: function (xhr) {
+                // handle validation errors
+                if (xhr.status === 422) {
+                    var errors = xhr.responseJSON.errors;
+                    $(".text-danger").remove();
+                    $.each(errors, function (key, value) {
+                        $("[name='" + key + "']").after('<div class="text-danger">' + value[0] + "</div>");
+                    });
+                } else {
+                    alert("Something went wrong, please try again later.");
+                }
+            }
+        });
+    });
+});
+</script>
+
+@endpush
diff --git a/resources/views/theme/spade/pages/doctor-provider/appointment.blade.php b/resources/views/theme/spade/pages/doctor-provider/appointment.blade.php
index 0c86106..ef8455e 100644
--- a/resources/views/theme/spade/pages/doctor-provider/appointment.blade.php
+++ b/resources/views/theme/spade/pages/doctor-provider/appointment.blade.php
@@ -66,8 +66,8 @@
                             </div>
 
                             <div class="clearfix"></div>
-                            <div class="form-group col-md-4 col-sm-12 col-xs-12">
-                                <input type="text" name="contact_no" placeholder="Contact No*" required="required">
+                            <div class="form-group col-md-4 col-sm-12 col-xs-12 contact-us-form">
+                                <input type="tel" class="phone-number" name="contact_no" placeholder="Contact No*" required="required">
                             </div>
 
                             <div class="form-group col-md-8 col-sm-12 col-xs-12">
@@ -95,3 +95,46 @@
         </div>
     </section>
 @endsection
+
+
+@push('js')
+<script>
+$(document).ready(function () {
+    $("form[action='{{ route('make-appointment') }}']").on("submit", function (e) {
+        e.preventDefault();
+
+        var form = $(this);
+        var url = form.attr("action");
+
+        // Remove previous error messages
+        form.find(".text-danger").remove();
+
+        $.ajax({
+            url: url,
+            type: "POST",
+            data: form.serialize(),
+            success: function (response) {
+                // Reset form
+                form[0].reset();
+                // Redirect to thank you page
+                window.location.href = "/thankyou";
+            },
+            error: function (xhr) {
+                if (xhr.status === 422) {
+                    var errors = xhr.responseJSON.errors;
+
+                    $.each(errors, function (key, value) {
+                        var field = form.find("[name='" + key + "']");
+                        var wrapper = field.closest(".form-group"); // keep error inside the form group
+                        wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
+                    });
+                } else {
+                    // alert("Something went wrong, please try again later.");
+                    toast.error("Something went wrong, please try again later.");
+                }
+            }
+        });
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/theme/spade/pages/hair-transplant/cluster.blade.php b/resources/views/theme/spade/pages/hair-transplant/cluster.blade.php
index 8e8293d..ab0d6f6 100644
--- a/resources/views/theme/spade/pages/hair-transplant/cluster.blade.php
+++ b/resources/views/theme/spade/pages/hair-transplant/cluster.blade.php
@@ -166,9 +166,8 @@
                                         <div class="text-danger">{{ $message }}</div>
                                     @enderror
                                 </div>
-                                <div class="col-md-12">
-                                    <input class="form-control" type="text" name="contact_no" placeholder="Phone *"
-                                        required>
+                                <div class="col-md-12 appointment-form-field">
+                                    <input class="form-control phone-number" type="text" name="contact_no" placeholder="Phone *" required>
                                     @error('contact_no')
                                         <div class="text-danger">{{ $message }}</div>
                                     @enderror
@@ -233,3 +232,45 @@
     </div>
 
 @endsection
+
+
+@push('js')
+    <script>
+        $(document).ready(function () {
+            $("form[action='{{ route('consultat_with_us') }}']").on("submit", function (e) {
+                e.preventDefault();
+
+                var form = $(this);
+                var url = form.attr("action");
+
+                // Remove existing error messages
+                form.find(".text-danger").remove();
+
+                $.ajax({
+                    url: url,
+                    type: "POST",
+                    data: form.serialize(),
+                    success: function (response) {
+                        form[0].reset();
+                        window.location.href = "/thankyou"; // redirect after success
+                    },
+                    error: function (xhr) {
+                        if (xhr.status === 422) {
+                            var errors = xhr.responseJSON.errors;
+
+                            $.each(errors, function (key, value) {
+                                var field = form.find("[name='" + key + "']");
+                                var wrapper = field.closest(".col-md-12"); // keep errors inside column wrapper
+
+                                // Append the error message below the field
+                                wrapper.append('<div class="text-danger mt-1">' + value[0] + '</div>');
+                            });
+                        } else {
+                            alert("Something went wrong, please try again later.");
+                        }
+                    }
+                });
+            });
+        });
+    </script>
+@endpush
diff --git a/routes/frontend/web.php b/routes/frontend/web.php
index c7e5bd3..5b9de40 100644
--- a/routes/frontend/web.php
+++ b/routes/frontend/web.php
@@ -26,6 +26,9 @@ Route::controller(HomeController::class)
         Route::get('/faqs', 'faqs')->name('faqs');
         Route::get('/privacy-policy', 'privacyPolicy')->name('privacyPolicy');
         Route::get('/terms-of-service', 'termsOfService')->name('termsOfService');
+        Route::get('/thankyou',function(){
+            return view('thankyou');
+        });
 
         Route::post('/subscribe', 'storeSubscription')->name('subscribe');
         Route::post('/contact-us', 'storeContactUs')->name('contactUsMessage');