{"version":3,"sources":["components/Navbar.tsx","components/Header.tsx","components/About.tsx","components/Achievements.tsx","components/Investigations.tsx","components/Testimonial.tsx","components/Contact.tsx","components/Appoinment.tsx","components/Footer.tsx","pages/NotFound.tsx","routes/index.tsx","pages/Home.tsx","pages/Login.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["Navbar","className","id","alt","src","href","Header","About","achievementList","name","body","icon","url","Achievements","map","val","index","target","rel","Array","star","activitiesList","title","img","Investigations","settings","dots","infinite","slidesToShow","slidesToScroll","autoplay","sliderList","testimonials","review","avatar","rating","Testimonial","Contact","Yup","shape","required","email","phone","service","date","nullable","time","message","Date","width","height","frameBorder","scrolling","Footer","fill","strokeLinecap","strokeLinejoin","strokeWidth","viewBox","d","NotFound","routeList","exact","path","component","App","route","to","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","basename","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.ff9bc5d5.chunk.js","sourcesContent":["export const Navbar = () => {\n  return (\n    <nav\n      className=\"text-gray-700 bg-white border-t border-b body-font\"\n      id=\"navbar\"\n    >\n      <div className=\"container flex flex-col flex-wrap p-5 mx-auto md:items-center md:flex-row \">\n        <div className=\"text-center mx-auto md:mx-px flex-row md:flex justify-center items-center mb-4 md:mb-0\">\n          <img\n            className=\"w-11 h-11 md:mr-2 mx-auto md:mx-px\"\n            alt=\"hero\"\n            src=\"./assets/icons/logo-ramesh-clinic.png\"\n          />\n          <a\n            href=\"#navbar\"\n            className=\"text-center flex items-center mt-1 md:mt-0 mb-4 font-bold text-gray-900 text-2xl md:mb-0\"\n          >\n            Ramesh Cardiology Clinic\n          </a>\n        </div>\n        <nav className=\"flex flex-wrap items-center justify-center text-base md:ml-auto \">\n          <a\n            href=\"#navbar\"\n            className=\"mr-5 text-md font-semibold text-gray-600 hover:text-gray-800\"\n          >\n            Home\n          </a>\n          <a\n            href=\"#about\"\n            className=\"mr-5 text-md font-semibold text-gray-600 hover:text-gray-800\"\n          >\n            About\n          </a>\n          <a\n            href=\"#investigations\"\n            className=\"mr-5 text-md font-semibold text-gray-600 hover:text-gray-800\"\n          >\n            Services\n          </a>\n          <a\n            href=\"#testimonial\"\n            className=\"mr-5 text-md font-semibold text-gray-600 hover:text-gray-800\"\n          >\n            Testimonial\n          </a>\n          <a\n            href=\"#contact\"\n            className=\"mr-5 text-md font-semibold text-gray-600 hover:text-gray-800\"\n          >\n            Contact\n          </a>\n        </nav>\n        {/* <a\n          href=\"#appointment\"\n          className=\"hidden lg:block text-center items-center text-sm px-6 pt-1 pb-2 mt-4 font-semibold text-white transition duration-500 ease-in-out transform  bg-blue-600 border rounded-full lg:inline-flex lg:mt-px hover:border-blue-800 hover:bg-blue-700 hover:text-white focus:ring focus:outline-none\"\n        >\n          Appointment\n        </a> */}\n      </div>\n    </nav>\n  );\n};\n","export const Header = () => {\n  return (\n    <section id=\"header\" className=\"text-gray-700 body-font\">\n      <div className=\"container flex flex-col items-center px-5 py-16 mx-auto lg:px-20 lg:py-24 md:flex-row\">\n        <div className=\"flex flex-col items-center w-full pt-0 mb-16 text-left lg:flex-grow md:w-1/2 lg:mr-20 lg:pr-24 md:pr-16 md:items-start md:text-left md:mb-0 lg:text-center\">\n          <h1 className=\"mb-8 text-2xl font-bold tracking-tighter text-center text-blue-600 md:text-left lg:text-left lg:text-5xl title-font\">\n            Hello, <br />I am Dr Ramesh\n          </h1>\n          <p className=\"mb-8 text-base leading-relaxed text-center text-gray-700  md:text-left lg:text-left lg:text-1xl\">\n            I am a Cardiologist and I welcome you to my Clinic in Banashankari 2nd Stage, Bengaluru. Its a one stop\n            for all cardio investigations you need.\n          </p>\n          {/* <div className=\"flex justify-center\">\n            <button className=\"items-center px-8 pt-2 pb-3 mt-4 font-semibold text-white transition duration-500 ease-in-out transform  bg-blue-600 border rounded-full lg:inline-flex lg:mt-px hover:border-blue-800 hover:bg-blue-700 hover:text-white focus:ring focus:outline-none\">\n              Make an Appoinment\n            </button>\n          </div> */}\n        </div>\n        <div className=\"w-5/6 lg:max-w-lg lg:w-full md:w-1/2\">\n          <img\n            className=\"object-cover object-center rounded-lg\"\n            alt=\"hero\"\n            src={\"/assets/images/dr-ramesh.png\"}\n          />\n        </div>\n      </div>\n    </section>\n  );\n};\n","export const About = () => {\n  return (\n    <section id=\"about\" className=\"pt-4\">\n      <p className=\"text-center font-bold text-3xl text-blue-900\">About Me</p>\n      <div className=\"container mx-auto py-12 px-8 lg:px-4 w-full lg:w-3/4 md:flex md:items-center\">\n        <img\n          className=\"my-2 object-cover object-center rounded-lg w-32 h-32 md:w-48 md:h-48 mx-auto mb-8\"\n          alt=\"hero\"\n          src={\"/assets/icons/icon-doctor.png\"}\n        />\n        <div className=\"ml-8\">\n          <p className=\"my-2 text-base leading-relaxed text-center text-gray-700 lg:text-left lg:text-1xl\">\n            Dr B Ramesh is the Head of Cardiology Department at Apollo Hospitals. Previously he was a Professor of Cardiology in Sri Jayadeva Institute of Cardiology, Bengaluru. \n            He joined this institute in 1987 as a registrar in DM Cardiology, completed DM in 1989, became Assistant Professor in 1990, and Professor in 1995.\n          </p>\n          <p className=\"my-2 text-base leading-relaxed text-center text-gray-700 lg:text-left lg:text-1xl\">\n            He trains DM cardiology fellows from all over India. \n            He is one of the pioneering Interventional cardiologist from Bengaluru\n            having performed thousands of Angioplasties, Balloon mitral Valvuloplasties, \n            pacemaker implantations in his long career of more than 35 years.\n            He started as a consultant cardiologist at Apollo Hospital, \n            Bengaluru since its inception in 2007 and now heads the Cardiology Department.\n          </p>\n          <p className=\"my-2 text-base leading-relaxed text-center text-gray-700 lg:text-left lg:text-1xl\">\n            He started Ramesh Cardiology Clinic in Banashankari 2nd stage, in 2011 with state \n            of the art facilities for diagnosis and management of cardiac ailments.\n            You can make an appointment by calling the contact number below.\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n};\n","const achievementList = [\n  {\n    name: \"GOOGLE\",\n    body: \"75+ 5 Star Reviews\",\n    icon: \"/assets/icons/icon-achievement-practo.png\",\n    url: \"https://goo.gl/maps/vJ6Yj9fpaqQiV5bHA\",\n  },\n  {\n    name: \"PRACTO\",\n    body: \"933+ of 5 Star Reviews\",\n    icon: \"/assets/icons/icon-achievement-practo.png\",\n    url: \"https://www.practo.com/bangalore/clinic/dr-ramesh-cardiology-clinic-banashankari-2nd-stage/reviews\",\n  },\n];\n\nexport const Achievements = () => {\n  return (\n    <section id=\"achievements\" className=\"pt-4\">\n      <p className=\"text-center font-bold text-3xl text-blue-900\">\n        Our Visitors Love Us\n      </p>\n      <div >\n      <div className=\"md:flex md:justify-center md:items-center mx-auto\">\n        {achievementList.map((val, index) => (\n          <a\n            href={val.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <div\n              key={index}\n              className=\"p-8 shadow-md rounded-md my-8 mx-16 md:mx-4 text-center\"\n            >\n              <img\n                className=\"object-cover object-center rounded-lg w-12 h-12 mx-auto my-4\"\n                alt=\"hero\"\n                src={val.icon}\n              />\n              <p className=\"font-bold text-2xl text-gray-800 tracking-wider\">\n                {val.name}\n              </p>\n              <p className=\"font-medium text-sm text-blue-600 tracking-wider\">\n                {val.body}\n              </p>\n              {[...Array(5)].map((star, index) => (\n                <img\n                  key={index}\n                  alt=\"testimonial\"\n                  className=\"inline-block object-cover object-center w-4 h-4 mt-4 mr-1\"\n                  src=\"./assets/icons/icon-star.png\"\n                />\n              ))}\n            </div>\n          </a>\n        ))}\n      </div>\n    </div>\n    </section>\n  );\n};\n","const activitiesList = [\n  {\n    id: \"\",\n    title: \"Electrocardiogram\",\n    body:\n      \"An electrocardiogram (EKG or ECG) is done to: Check the heart's electrical activity; Find the cause of unexplained chest pain, which could be caused by a heart attack, inflammation of the sac surrounding the heart; and Find the cause of symptoms of heart disease, such as shortness of breath, dizziness, fainting, or rapid, irregular heartbeats.\",\n    img: \"/assets/images/inv-electrocardiogram.jpg\",\n    url: \"http://www.webmd.com/heart-disease/electrocardiogram\",\n  },\n  {\n    id: \"\",\n    title: \"Color Doppler Echocardiography\",\n    body:\n      \"An accurate & non-invasive assessment of the overall health of the heart with ultrasound. A transducer is placed on the chest wall of a patient and cardiovascular images are taken. Ventricular squeezing/relaxing & valve opening/closing motions in rhythm with heartbeat can be evaluated for abnormalities.\",\n    img: \"/assets/images/inv-echocardiography.jpg\",\n    url: \"http://dpamedical.com/Echocardiography.html\",\n  },\n  {\n    id: \"\",\n    title: \"Treadmill Stress Test\",\n    body:\n      \"Cardiovascular exercise stress testing in conjunction with an ECG has been established as one of the focal points in the diagnosis and prognosis of cardiovascular disease, specifically coronary artery disease\",\n    img: \"/assets/images/inv-treadmill.jpg\",\n    url: \"http://www.webmd.com/heart-disease/guide/stress-test--(dupe)\",\n  },\n  {\n    id: \"\",\n    title: \"Holter Monitoring\",\n    body:\n      \"Holter monitor is a portable device for continuously monitoring various electrical activity of the cardiovascular system for at least 24 hours . The Holter's most common use is for monitoring heart activity (electrocardiography or ECG).\",\n    img: \"/assets/images/inv-holter.jpg\",\n    url: \"http://en.wikipedia.org/wiki/Holter_monitor\",\n  },\n];\nexport const Investigations = () => {\n  return (\n    <section id=\"investigations\" className=\"pt-4\">\n      <p className=\"text-center font-bold text-3xl text-blue-900\">\n        Services Available\n      </p>\n      <section className=\"text-gray-700 body-font\">\n        <div className=\"container px-8 pt-24 pb-12 mx-auto lg:px-4\">\n          <div className=\"flex flex-wrap text-left\">\n            {activitiesList.map((val, index) => (\n              <div key={index} className=\"px-8 py-6 lg:w-1/2 md:w-full\">\n                <div className=\"inline-flex items-center justify-center flex-shrink-0 w-12 h-12 mb-5 text-blue-800 bg-gray-200 rounded-full\">\n                  <img\n                    className=\"my-2 object-cover object-center rounded-lg w-8 h-8\"\n                    alt=\"hero\"\n                    src={`/assets/icons/inv-${index}.png`}\n                  />\n                </div>\n                <h2 className=\"mb-3 text-lg font-medium text-gray-700 title-font\">\n                  {val.title}\n                </h2>\n                <p className=\"mb-4 text-base leading-relaxed\">{val.body}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </section>\n    </section>\n  );\n};\n","import Slider from \"react-slick\";\n\nconst settings = {\n  dots: true,\n  infinite: true,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  autoplay: true,\n};\n\nconst sliderList = [\n  {\n    testimonials: [\n      {\n        name: \"Arshad Hussain\",\n        review:\n          \"One of the most selfless and caring doctors ever met. Have known him for more than 3 decades and he has been one of the best doctors ever.\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14GjOAUxG2PC_iLbI1HQTAIFkyLYg7Unt2Ju1u2Sa=w72-h72-p-c0x00000000-rp-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/zpwvgTvoQHnxQoSL7\",\n      },\n      {\n        name: \"Vanaraj Jayanna\",\n        review:\n          \"Great doctor operated for my father in law with 4 stents successfuly...\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14GgGRokdSPJTc_F_t0bGpDd4bQCHPOwhWU-oorSCz7A=w72-h72-p-c0x00000000-rp-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/WtNAvYcpMwHgZmes5\",\n      },\n      {\n        name: \"Sandeep Gande\",\n        review:\n          \"The doctor is honestly the best one I have ever seen. He's very friendly, with a constant smile on his face, clearly amiable. Would definitely recommend anyone to visit him if you are thinking of visiting here.\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14GhzKXVj7LfyO9jSCw_fkla4_36l6OtrGAwEklbMHEY=w72-h72-p-c0x00000000-rp-ba6-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/hi2GrvsgX1MKBELC6\",\n      },\n    ],\n  },\n  {\n    testimonials: [\n      {\n        name: \"Sushmita De\",\n        review:\n          \"I went to Dr. Ramesh for my dad. He is a very good doctor and treats patients with utmost care. He also shares details as and when needed. Definitely recommend.\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14GiBI-QNfH2DNCm1PaHImB1bl_YMMe7cnMNcB6M1=w72-h72-p-c0x00000000-rp-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/EMVaSAUioZ4exSL46\",\n      },\n      {\n        name: \"Siddharth Shah\",\n        review:\n          \"Super cool doctor, he is very humble and will make you feel comfortable. He does not prescribe unnecessary medicines.\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14Ggfkx-ASUFADthDpDfOJjwKLVH6gr27FqkEyixM2A=w72-h72-p-c0x00000000-rp-ba3-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/w5DpEgKn15RhtDqw7\",\n      },\n      {\n        name: \"Satyavhelu K\",\n        review:\n          \"Great experience of doctor , and treats patients good and gives suggestions for patients to keep healthy\",\n        avatar:\n          \"https://lh3.googleusercontent.com/a-/AOh14GiVzAhAvzQuXg71f1TBipgyMZzNL7ZAKJhYs6QnXw=w72-h72-p-c0x00000000-rp-br100\",\n        rating: 5,\n        url: \"https://goo.gl/maps/jRabNnWPRncLRPu66\",\n      },\n    ],\n  },\n];\n\nexport const Testimonial = () => {\n  return (\n    <section id=\"testimonial\" className=\"pt-4\">\n      <p className=\"text-center font-bold text-3xl text-blue-900\">\n        Testimonials\n      </p>\n      <section className=\"pb-6 w-full\">\n        <Slider {...settings}>\n          {sliderList.map((val, index) => {\n            return (\n              <div key={index}>\n                <section className=\"text-gray-700 body-font\">\n                  <div className=\"container px-8 pb-12 mx-auto pt-16 lg:px-4\">\n                    <div className=\"flex flex-wrap -m-4\">\n                      {val.testimonials.map((val, index) => (\n                        <div\n                          key={index}\n                          className=\"p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0\"\n                        >\n                          <div className=\"h-full p-4 text-left border rounded-xl flex flex-col justify-between\">\n                            <p className=\"text-base font-normal leading-relaxed text-gray-700\">\n                              {val.review}\n                            </p>\n                            <div className=\"mt-8\">\n                              {/* <img\n                                alt=\"testimonial\"\n                                className=\"inline-block object-cover object-center w-12 h-12 mb-4 rounded-full bg-4gray-100\"\n                                src={val.avatar}\n                              /> */}\n                              <a\n                                href={val.url}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                              >\n                                <span className=\"flex flex-col flex-grow \">\n                                  <span className=\"font-bold text-gray-900 title-font\">\n                                    {val.name}\n                                  </span>\n                                </span>\n                              </a>\n                              <span className=\"flex mt-2\">\n                                {[...Array(val.rating)].map((star, index) => (\n                                  <img\n                                    key={index}\n                                    alt=\"testimonial\"\n                                    className=\"inline-block object-cover object-center w-4 h-4 mb-4 mr-1\"\n                                    src=\"./assets/icons/icon-star.png\"\n                                  />\n                                ))}\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  </div>\n                </section>\n              </div>\n            );\n          })}\n        </Slider>\n      </section>\n    </section>\n  );\n};\n","export const Contact = () => {\n  return (\n    <section id=\"contact\" className=\"pt-4\">\n      <p className=\"text-center font-bold text-3xl text-blue-900\">Contact Us</p>\n      <section className=\"text-gray-600 body-font relative\">\n        <div className=\"container px-5 py-24 mx-auto flex sm:flex-nowrap flex-wrap\">\n          <div className=\"w-full sm:h-64 lg:w-2/3 md:w-1/2 bg-gray-300 rounded-lg overflow-hidden sm:mr-10 p-10 flex items-end justify-start relative\">\n            <iframe\n              width=\"100%\"\n              height=\"100%\"\n              className=\"absolute inset-0\"\n              frameBorder=\"0\"\n              title=\"map\"\n              scrolling=\"no\"\n              src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d248879.74296210907!2d77.571083!3d12.924041!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x33b35503193d033d!2sRamesh%20Cardiology%20Clinic!5e0!3m2!1sen!2sus!4v1612364355027!5m2!1sen!2sus\"\n              //   style=\"filter: grayscale(1) contrast(1.2) opacity(0.4);\"\n            ></iframe>\n          </div>\n          <div className=\"lg:w-1/3 md:w-1/2 bg-white flex flex-col md:ml-auto w-full mt-8 md:mt-0\">\n            <div className=\"bg-white relative rounded\">\n              <div className=\"lg:w-full\">\n                <h2 className=\"title-font font-semibold text-gray-900 tracking-widest text-xs\">\n                  ADDRESS\n                </h2>\n                <p className=\"mt-1\">\n                  #2231 ,23rd Cross ,KR Road (Near National Co-operative Bank)\n                  Banashankari 2nd stage Bengaluru 560070 Karnataka\n                </p>\n                <p className=\"mt-1\">Mon-Sat 5PM - 8PM</p>\n              </div>\n\n              <div className=\"lg:w-full my-4\">\n                <h2 className=\"title-font font-semibold text-gray-900 tracking-widest text-xs\">\n                  EMAIL\n                </h2>\n                <p className=\"text-blue-500 leading-relaxed\">\n                  rameshbcardio@gmail.com\n                </p>\n              </div>\n\n              <div className=\"lg:w-full my-4\">\n                <h2 className=\"title-font font-semibold text-gray-900 tracking-widest text-xs mt-4\">\n                  PHONE\n                </h2>\n                <p className=\"leading-relaxed\">080 42065404 (Office)</p>\n                <p className=\"leading-relaxed\">+91 9845026010 (Phone)</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n    </section>\n  );\n};\n","import { useState } from \"react\";\nimport { Formik } from \"formik\";\nimport Select from \"react-select\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport * as Yup from \"yup\";\nimport Recaptcha from \"react-recaptcha\";\n\nconst schema = Yup.object().shape({\n  name: Yup.string().required(\"This field is required\"),\n  email: Yup.string()\n    .email(\"Invalid format email\")\n    .required(\"This field is required\"),\n  phone: Yup.string().required(\"This field is required\"),\n  service: Yup.string().required(\"This field is required\"),\n  date: Yup.string().required(\"This field is required\").nullable(),\n  time: Yup.string().required(\"This field is required\"),\n  message: Yup.string(),\n});\n\nconst serviceList = [\n  \"Electrocardiogram\",\n  \"Color Doppler Echocardiography\",\n  \"Treadmill Stress Test\",\n  \"Holter Monitoring\",\n];\n\nconst currentDate = new Date();\n\nexport const Appoinment = () => {\n  const [timeOpt, setTimeOpt] = useState([] as string[]);\n  const [resMessage, setResMessage] = useState(\"\");\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [isShowCaptcha, setIsShowCaptcha] = useState(false);\n  const [dataForm, setDataForm] = useState({} as any);\n\n  const getTimeSlotOptions = (date: any) => {\n    const timeList = [\"6.30\", \"7.30\"];\n    setTimeOpt(timeList);\n    const dateFormatted = moment(date).format(\"YYYY-MM-DD\");\n\n    console.log(\"get time slot\", { dateFormatted, timeList });\n  };\n\n  const handleSubmit = (values: any) => {\n    setIsSubmitting(true);\n    setIsShowCaptcha(true);\n\n    setDataForm(values);\n  };\n\n  const submitAppointment = () => {\n    const dateFormatted = moment(dataForm?.date).format(\"YYYY-MM-DD\");\n    const payload = {\n      patientName: dataForm?.name,\n      patientPhone: dataForm?.phone,\n      patientEmail: dataForm?.email,\n      slot: dataForm?.time,\n      service: dataForm?.service,\n      message: dataForm?.message,\n    };\n\n    console.log(\"post \", { dateFormatted, payload });\n    setResMessage(\"You have an appointment!\");\n    setIsSubmitting(false);\n  };\n\n  const handleCaptchaVerified = (res: any) => {\n    if (res) {\n      submitAppointment();\n    }\n  };\n\n  return (\n    <section id=\"appointment\" className=\"bg-blue-500 my-8 py-8\">\n      <section className=\"container mx-auto\">\n        <section className=\"p-8 rounded-lg bg-white w-full lg:w-1/2 my-4 mx-auto shadow-md\">\n          <div className=\"\">\n            <p className=\"text-center font-bold text-3xl text-gray-700 mb-2\">\n              Make an Appoinment\n            </p>\n            <p className=\"text-gray-700 text-center\">We are here for you!</p>\n            <Formik\n              initialValues={{\n                name: \"\",\n                email: \"\",\n                phone: \"\",\n                service: \"\",\n                date: null,\n                time: \"\",\n                message: \"\",\n              }}\n              validationSchema={schema}\n              onSubmit={handleSubmit}\n            >\n              {({\n                values,\n                handleChange,\n                handleBlur,\n                handleSubmit,\n                setFieldValue,\n                touched,\n                errors,\n              }) => (\n                <div className=\"mt-4\">\n                  <div className=\"my-2 grid grid-cols-1 md:grid-cols-2 gap-2\">\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">Name</label>\n                      <input\n                        name=\"name\"\n                        className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                        // placeholder={`Your Name...`}\n                        value={values.name}\n                        onChange={handleChange}\n                        onBlur={handleBlur}\n                      />\n                      {errors.name && touched.name && (\n                        <p className=\"text-xs text-red-500\">{errors.name}</p>\n                      )}\n                    </div>\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">Email</label>\n                      <input\n                        name=\"email\"\n                        className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                        // placeholder={`Your Email...`}\n                        value={values.email}\n                        onChange={handleChange}\n                        onBlur={handleBlur}\n                      />\n                      {errors.email && touched.email && (\n                        <p className=\"text-xs text-red-500\">{errors.email}</p>\n                      )}\n                    </div>\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">Phone</label>\n                      <input\n                        name=\"phone\"\n                        className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                        // placeholder={`Your Phone...`}\n                        value={values.phone}\n                        onChange={handleChange}\n                        onBlur={handleBlur}\n                      />\n                      {errors.phone && touched.phone && (\n                        <p className=\"text-xs text-red-500\">{errors.phone}</p>\n                      )}\n                    </div>\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">Service</label>\n                      <Select\n                        classNamePrefix=\"react-select\"\n                        value={{ label: values.service, value: values.service }}\n                        options={serviceList.map((val) => ({\n                          label: val,\n                          value: val,\n                        }))}\n                        components={{\n                          IndicatorSeparator: () => null,\n                          DropdownIndicator: () => null,\n                        }}\n                        onChange={(sel) => setFieldValue(\"service\", sel?.value)}\n                        // placeholder=\"Select Service\"\n                      />\n                      {errors.service && touched.service && (\n                        <p className=\"text-xs text-red-500\">{errors.service}</p>\n                      )}\n                    </div>\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">\n                        Appointment Date\n                      </label>\n                      <DatePicker\n                        dateFormat=\"yyyy-MM-dd\"\n                        selected={values.date}\n                        onChange={(date: any) => {\n                          setFieldValue(\"date\", date);\n                          getTimeSlotOptions(date);\n                        }}\n                        minDate={currentDate}\n                        // placeholder=\"Your Date...\"\n                        customInput={\n                          <input\n                            name=\"date\"\n                            className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                          />\n                        }\n                      />\n                      {errors.date && touched.date && (\n                        <p className=\"text-xs text-red-500\">{errors.date}</p>\n                      )}\n                    </div>\n                    <div className=\"w-full\">\n                      <label className=\"font-semibold text-sm\">\n                        Appoinment Time\n                      </label>\n                      <Select\n                        classNamePrefix=\"react-select\"\n                        value={{ label: values.time, value: values.time }}\n                        options={timeOpt.map((val) => ({\n                          label: val,\n                          value: val,\n                        }))}\n                        components={{\n                          IndicatorSeparator: () => null,\n                          DropdownIndicator: () => null,\n                        }}\n                        onChange={(sel) => setFieldValue(\"time\", sel?.value)}\n                        // placeholder=\"Select Time Slot\"\n                      />\n                      {errors.time && touched.time && (\n                        <p className=\"text-xs text-red-500\">{errors.time}</p>\n                      )}\n                    </div>\n                    {/* {[\n                      \"Your Name\",\n                      \"Your Email\",\n                      \"Your Phone\",\n                      \"Select Service\",\n                      \"Select Date\",\n                      \"Select Time\",\n                    ].map((val) => (\n                      <div className=\"w-full\">\n                        <input\n                          className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                          placeholder={`${val}...`}\n                        />\n                      </div>\n                    ))} */}\n                  </div>\n                  <div className=\"my-2\">\n                    <label className=\"font-semibold text-sm\">Message</label>\n                    <textarea\n                      name=\"message\"\n                      className=\"w-full py-2 px-4 rounded bg-white border border-solid border-gray-400 focus:outline-none focus:ring focus:border-blue-500\"\n                      // placeholder={`Message...`}\n                      value={values.message}\n                      onChange={handleChange}\n                      onBlur={handleBlur}\n                    />\n                    {errors.message && touched.message && (\n                      <p className=\"text-xs text-red-500\">{errors.message}</p>\n                    )}\n                  </div>\n                  <div className=\"flex justify-center\">\n                    <button\n                      disabled={isSubmitting}\n                      type=\"submit\"\n                      onClick={(e) => handleSubmit()}\n                      className={`items-center px-8 pt-2 pb-3 mt-4 font-semibold text-white transition duration-500 ease-in-out transform bg-blue-600 border rounded-lg lg:inline-flex lg:mt-px  hover:text-white focus:ring focus:outline-none ${\n                        !isSubmitting\n                          ? \"hover:bg-blue-700 hover:border-blue-800 \"\n                          : \"bg-opacity-50 hover:cursor-auto\"\n                      }`}\n                    >\n                      {!isSubmitting ? \"Send Request\" : \"Submitting...\"}\n                    </button>\n                  </div>\n                  {isShowCaptcha && (\n                    <div className=\"mt-4 mx-auto\">\n                      <Recaptcha\n                        sitekey=\"6LcQX1kaAAAAANEdb8P-AfuUcQf5ctN6MyIvco4g\"\n                        render=\"explicit\"\n                        verifyCallback={handleCaptchaVerified}\n                      />\n                    </div>\n                  )}\n                  <p className=\"mt-4 text-sm text-center font-semibold text-green-500\">\n                    {resMessage}\n                  </p>\n                </div>\n              )}\n            </Formik>\n          </div>\n        </section>\n      </section>\n    </section>\n  );\n};\n","export const Footer = () => {\n  return (\n    <footer>\n      <div className=\"bg-gray-900\">\n        <div className=\"container flex flex-col flex-wrap px-5 py-6 mx-auto sm:flex-row\">\n          <p className=\"text-sm text-center text-gray-200 sm:text-left \">\n            © 2021\n          </p>\n          <span className=\"inline-flex justify-center mt-2 sm:ml-auto sm:mt-0 sm:justify-start\">\n            <a\n              href=\"https://www.facebook.com/RameshClinic\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"text-white hover:text-blue-500\"\n            >\n              <svg\n                fill=\"currentColor\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                className=\"w-5 h-5\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path>\n              </svg>\n            </a>\n            <a\n              href=\"https://twitter.com/rameshclinic\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"ml-4 text-white hover:text-blue-500\"\n            >\n              <svg\n                fill=\"currentColor\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                className=\"w-5 h-5\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"></path>\n              </svg>\n            </a>\n          </span>\n        </div>\n      </div>\n    </footer>\n  );\n};\n","function NotFound() {\n  return (\n    <div className=\"w-full h-screen flex justify-center items-center\">\n      <div className=\"text-center\">\n        <p className=\"text-8xl font-bold text-blue-600\">404</p>\n        <p className=\"text-2xl font-bold text-blue-600\">Page Not Found</p>\n      </div>\n    </div>\n  );\n}\n\nexport default NotFound;\n","import Home from \"./../pages/Home\";\nimport Login from \"../pages/Login\";\nimport NotFound from \"./../pages/NotFound\";\n\nexport const routeList = [\n  {\n    exact: true,\n    path: \"/\",\n    component: Home,\n  },\n  {\n    exact: true,\n    path: \"/login\",\n    component: Login,\n  },\n  {\n    exact: true,\n    path: \"/not-found\",\n    component: NotFound,\n  },\n];\n","import {\n  Navbar,\n  Header,\n  About,\n  Achievements,\n  Investigations,\n  Testimonial,\n  Appoinment,\n  Contact,\n  Footer,\n} from \"./../components\";\n\nfunction Home() {\n  return (\n    <div className=\"App\">\n      <Navbar />\n      <Header />\n      <About />\n      <Investigations />\n      <Achievements />\n      <Testimonial />\n      {/* <Appoinment /> */}\n      <Contact />\n      <Footer />\n    </div>\n  );\n}\n\nexport default Home;\n","function Login() {\n  return (\n    <div className=\"w-full h-screen flex justify-center items-center\">\n      <div className=\"text-center\">\n        <p className=\"text-2xl font-bold text-blue-600\">\n          This is an example page.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nexport default Login;\n","import { Switch, Route, Redirect } from \"react-router-dom\";\nimport { routeList } from \"./routes\";\n\nimport \"./App.css\";\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Switch>\n        {routeList.map((route: any) => (\n          <Route\n            key={route.path}\n            path={route.path}\n            component={route.component}\n            exact={route.exact}\n          />\n        ))}\n\n        <Redirect to=\"/not-found\" />\n      </Switch>\n    </div>\n  );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nimport \"./index.css\";\nimport \"./styles/index.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n\nReactDOM.render(\n  <BrowserRouter basename=\"\">\n    <React.StrictMode>\n      <App />\n    </React.StrictMode>\n  </BrowserRouter>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}