test

src/components/FormUtils/Textfield.jsx

@@ -22,7 +22,7 @@ export default function Textfield({ error,
                             }`}
                     />
                 </div>
-                <p className=" px-2 mb-0 pt-1 text-xs text-primary-color">{error?.message}</p>
+                <p className=" px-2 mb-0 pt-1 text-xs text-primary-color">{error?.message}</p> 
             </div>
         </React.Fragment>
     );

src/components/ProgressBar/ProgressBar.jsx

@@ -3,11 +3,16 @@ import React from 'react';
 const ProgressBar = ({width}) => {
   return (
     <div>
-      <div className="w-full bg-gray-200 rounded-full h-2.5 mb-4 dark:bg-gray-700" style={{backgroundColor:"#fff"}}>
+      <div className="w-full bg-gray-200 rounded-full h-2.5 mb-6 dark:bg-gray-700" style={{backgroundColor:"#D9D9D9"}}>
         <div className={`bg-primary-color h-progress-height rounded-full `} style={{width:`${width}%`}} ></div>
+  {/* <div class="bg-blue-600 text-xs font-medium text-blue-100 text-center p-0.5 leading-none rounded-l-full" style="width: 25%"> 25%</div> */}
       </div>
     </div>
   );
 }
 
 export default ProgressBar;
+
+
+
+

src/pages/AfterSubmittion/AfterSubmittion.jsx

@@ -7,7 +7,7 @@ export default function AfterSubmittion({ percenatge }) {
   const navigate = useNavigate();
   return (
     <div>
-      <div className="grid h-[90vh]">
+      <div className="grid h-[90vh]"> 
         <div className="m-auto">
           <div className="grid">
             <div className='m-auto'>
@@ -17,11 +17,11 @@ export default function AfterSubmittion({ percenatge }) {
             </div>
           </div>
           <div className="">
-            <img src={envelope} alt="loading..." className="lg:w-[220px] md:w-[220px] w-[180px] h-auto" />
+            <img src={envelope} alt="loading..." className="lg:w-[120px] md:w-[120px] w-[120px] h-auto" />
           </div>
           <div>
           </div>
-          <Button conaitnerClass={'grid'} onClick={() => navigate('/')} className={`m-auto bg-primary-color rounded-full w-[180px]`} isLoading={false} isDisabled={false} >{'BACK TO HOME'}</Button>
+          <Button conaitnerClass={'grid'} onClick={() => navigate('/')} className={`m-auto bg-primary-color rounded-full w-[120px]`} isLoading={false} isDisabled={false} >{'BACK TO HOME'}</Button>
         </div>
       </div>
     </div>

src/pages/Home/Home.jsx

@@ -5,6 +5,7 @@ export default function Home() {
   return (
     <React.Fragment>
       <div className="mt-16">
+
         <Carousel data={data} />
       </div>
       <div className="lg:px-24 md:px2 px-1 overflow-auto">

src/pages/Subscribe/Subscribe.jsx

@@ -31,9 +31,6 @@ const Subscribe = () => {
     onFailure
   })
 
-
-
-
   const { control, handleSubmit } = methods;
   const onSubmit = React.useCallback((data) => {
     const formData = new FormData();
@@ -51,7 +48,7 @@ const Subscribe = () => {
           <div className="lg:p-4 md:p-3 p-3">
             <FormProvider {...methods}>
               <form onSubmit={handleSubmit(onSubmit)}>
-                <h3 className='text-center lg:text-4xl md:text-4xl text-xl  font-bold pb-2 text-primary-color'>SUBSCRIBE TO OUR NEWSLETTER</h3>
+                <h4 className='text-center lg:text-2xl md:text-2xl text-2xl font-bold pb-2 text-primary-color'>SUBSCRIBE TO OUR NEWSLETTER</h4>
                 <div className="grid grid-cols-8">
                   <div className="col-span-6">
                     <Controller

src/pages/SurveyForm/SurveyForm.jsx

@@ -72,7 +72,7 @@ const SurveyForm = () => {
         is_multiple: false,
         is_required: false,
         name: "myfile",
-        label: "Youy name must be fill up here "
+        label: "You name must be fill up here "
       }
     },
     {
@@ -166,7 +166,7 @@ const SurveyForm = () => {
                     <form className="m-auto lg:w-[60%] md:w-[70%] w-[98%] " onSubmit={handleSubmit(onSubmit)}>
                       <components.ProgressBar width={((progressTracking / formData.length) * 100) ?? 0} />
                       <div className="px-1">
-                        <h1 className="lg:text-2xl text-base uppercase font-semibold  ">American Eagle </h1>
+                        <h1 className="lg:text-base text-base uppercase font-bold  ">American Eagle </h1>
                       </div>
                       <div className=" bg-[#ebe9e6]  rounded-md p-4">
                         {
@@ -309,3 +309,4 @@ const SurveyForm = () => {
 }
 
 export default SurveyForm;
+