Merged in Feature/popup_information (pull request #120)

Feature/popup information

1 files changed, 15 insertions, 10 deletions

diff --git a/src/lib/form/components/KunjunganService.jsx b/src/lib/form/components/KunjunganService.jsx
index 965fbc89..1cb0b446 100644
--- a/src/lib/form/components/KunjunganService.jsx
+++ b/src/lib/form/components/KunjunganService.jsx
@@ -7,6 +7,7 @@ import { Controller, useForm } from 'react-hook-form'
 import { toast } from 'react-hot-toast'
 import * as Yup from 'yup'
 import createLeadApi from '../api/createLeadApi'
+import PageContent from '@/lib/content/components/PageContent'
 
 const CreateKunjunganService = () => {
   const {
@@ -82,8 +83,10 @@ const CreateKunjunganService = () => {
             kami untuk melakukan kunjungan ke tempat Anda di Jabodetabek.
           </p>
         </div>
+        <div className='w-full grid grid-cols-2 gap-x-2'>
+
         <form onSubmit={handleSubmit(onSubmitHandler)}>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>Nama Perusahan *</label>
               <input
@@ -95,7 +98,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.company?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>No. Telp *</label>
               <input
@@ -107,7 +110,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.phone?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>Alamat*</label>
               <input
@@ -119,7 +122,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.address?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>Kota*</label>
               <Controller
@@ -130,7 +133,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.city?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>Contact Person*</label>
               <input
@@ -142,7 +145,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.cp?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>No HP *</label>
               <input
@@ -154,7 +157,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.mobile?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>Alamat Email *</label>
               <input
@@ -166,7 +169,7 @@ const CreateKunjunganService = () => {
               <div className='text-caption-2 text-danger-500 mt-1'>{errors.email?.message}</div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <label className='form-label mb-2'>
                 Sebutkan: Merek, Tipe, Permasalahan, Service, Perawatan
@@ -177,12 +180,12 @@ const CreateKunjunganService = () => {
               </div>
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <ReCAPTCHA ref={recaptchaRef} sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_GOOGLE} />
             </div>
           </div>
-          <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mt-4'>
+          <div className=''>
             <div>
               <button type='submit' className='btn-yellow w-full md:w-fit mt-6 ml-0 md:ml-auto'>
                 Simpan
@@ -190,6 +193,8 @@ const CreateKunjunganService = () => {
             </div>
           </div>
         </form>
+        <PageContent path='/kunjungan-service' />
+        </div>
       </div>
     </div>
   )