diff options
Diffstat (limited to 'src/lib/form/components/KunjunganService.jsx')
| -rw-r--r-- | src/lib/form/components/KunjunganService.jsx | 25 |
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> ) |