{"version":3,"file":"067630ed469c21f6374bbfd67a62e374544aeddc-bb683fbf0de46ee82215.js","mappings":"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","sources":["webpack://handdy-website/./src/components/ContactUS/ContactForm/index.js","webpack://handdy-website/./src/components/ContactUS/ContactForm/styled.module.css","webpack://handdy-website/./src/components/HomeHero3/styled.module.scss","webpack://handdy-website/./src/components/HomeHero3/index.js","webpack://handdy-website/./src/components/PageFeatures/Monitoring/index.js","webpack://handdy-website/./src/styles/icons/check-sm-blue.js","webpack://handdy-website/./src/styles/icons/check-sm-white.js","webpack://handdy-website/./src/images/cross-medium-dark.png","webpack://handdy-website/./src/images/cross-medium-primary.png","webpack://handdy-website/./src/components/Pricing/cards.js","webpack://handdy-website/./src/components/Pricing/index.js","webpack://handdy-website/./src/components/Remote/index.js","webpack://handdy-website/./src/components/ScheduleDemo/styled.module.scss","webpack://handdy-website/./src/components/ScheduleDemo/index.js","webpack://handdy-website/./static/expStar.jpg","webpack://handdy-website/./src/images/icons/blockquote.png","webpack://handdy-website/./src/components/Testimonials/styled.module.css","webpack://handdy-website/./src/components/Testimonials/index.js","webpack://handdy-website/./src/components/Workforce/index.js","webpack://handdy-website/./src/components/Workforce/styled.module.scss","webpack://handdy-website/./src/styles/icons/check-circle.js","webpack://handdy-website/./src/styles/icons/patch-check.js","webpack://handdy-website/./src/components/Pricing/styled.module.css"],"sourcesContent":["import React, {useState} from \"react\"\nimport { useForm } from \"react-hook-form\"\nimport axios from \"axios\"\nimport { navigate } from \"@reach/router\"\nimport * as Styled from \"./styled.module.css\"\n\nconst sourceList = [\n  {item:\"1\", title: \"Direct\"},\n  {item:\"2\", title: \"Google\"},\n  {item:\"3\", title: \"Bing\"},\n  {item:\"4\", title: \"Search\"},\n  {item:\"5\", title: \"Newsletter\"},\n  {item:\"6\", title: \"Email\"},\n  {item:\"7\", title: \"Webinar\"},\n  {item:\"8\", title: \"Referral\"}\n]\n\nfunction ContactForm({obj}) {\n    const { register, formState: { errors }, handleSubmit } = useForm()\n    const [state, setState] = useState({\n        error: false,\n        errorMessage: \"\",\n        checkOnSubmit: false,\n      })\n    const request_url = `${process.env.GATSBY_LEAD_PATH}/handdy_contact_submit.php`\n    const onSubmit = data => {\n        setState({\n            checkOnSubmit: !state.checkOnSubmit,\n          })\n        axios({\n            method: \"post\",\n            url: request_url, //change this to correct endpoint\n            headers: { \"content-type\": \"application/json\" },\n            data: JSON.stringify(data),\n          })\n            .then(result => {\n              if (result.data.sent) {\n                // navigate(\"/thankyou/\");\n                navigate(obj ? obj.headerData.frontmatter.thankyouSlug+`?type=sf` : `/thankyou?type=sf`);\n              } else {   \n                setState({\n                  error: !state.error,\n                  errorMessage: result.data.message,\n                })\n              }\n            })\n            .catch(error => \"\")\n      }\n\n    return (\n        <form className={` shadow-outer p-6 py-10 lg:p-12 md:p-6  rounded-2xl bg-white grid gap-5 content-start ${state.checkOnSubmit ? \"f-submitting\" : \"f-notsubmitted\"}`} onSubmit={handleSubmit(onSubmit)}>\n            <div className=\"grid lg:grid-cols-2 md:grid-cols-2 gap-5\">\n                <div className=\"flex space-y-1 flex-col\">\n                    {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"nameInput\">Name<span className=\"text-danger-dark\">*</span></label> */}\n                    <input  \n                    className={`${errors.txt_first_name ? \"has-error\" : \"\"} autofill:bg-yellow-200 px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`}\n                    placeholder=\"First Name\" \n                    type=\"text\" \n                    id=\"txt_first_name\" \n                    name=\"txt_first_name\"  {...register(\"txt_first_name\", { \n                        required: \"First name is required\",\n                        // minLength: {\n                        // value: 3,\n                        // message: \"First name should be at least 3 characters long\",\n                        // },\n                        // maxLength: {\n                        // value: 255,\n                        // message: \"First name should not be more than 255 characters long\",\n                        // },\n                        pattern: {\n                          // value: /^[0-9]\\d*\\.?\\d*$/i,\n                          value: /^[^.\\s]/,\n                          message: \"Space is not allowed at the beginning\", \n                        }, \n                    })}></input>\n                    {errors.txt_first_name && (\n                    <span className=\"error_message\">{errors.txt_first_name?.message}</span>\n                    )} \n                </div>\n                <div className=\"flex space-y-1 flex-col\">\n                    {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"emailInput\">Work email<span className=\"text-danger-dark\">*</span></label> */}\n                    <input \n                    className={`${errors.txt_last_name ? \"has-error\" : \"\"}  px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`} \n                    placeholder=\"Last Name\" \n                    type=\"text\" \n                    id=\"txt_last_name\" \n                    name=\"txt_last_name\"  {...register(\"txt_last_name\", { \n                        required: \"Last name is required\",\n                        pattern: {\n                          // value: /^[0-9]\\d*\\.?\\d*$/i,\n                          value: /^[^.\\s]/,\n                          message: \"Space is not allowed at the beginning\", \n                        },\n                        // maxLength: {\n                        // value: 255,\n                        // message: \"Last name should not be more than 255 characters long\",\n                        // },\n                    })}></input>\n                    {errors.txt_last_name && (\n                    <span className=\"error_message\">{errors.txt_last_name?.message}</span>\n                    )}\n                </div>\n            </div>\n            <div className=\"grid lg:grid-cols-2 md:grid-cols-2 gap-5\">\n                <div className=\"flex space-y-1 flex-col \">\n                    {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"phoneInput\">Phone:<span className=\"text-danger-dark\">*</span></label> */}\n                    <input  \n                    className={`${errors.txt_phone ? \"has-error\" : \"\"}  px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`} \n                    placeholder=\"Phone Number\" \n                    type=\"text\" \n                    id=\"txt_phone\"\n                    name=\"txt_phone\"\n                    {...register(\"txt_phone\", {\n                        required: \"Phone number is required\",\n                        validate: {\n                          isStartingWhitespace: (value) => /^[^.\\s]/.test(value),\n                          isPhoneNumber: (value) => /^[^-\\s][0-9)(+._-\\s]+$/.test(value)\n                        },\n                        // minLength: {\n                        // value: 10,\n                        // message: \"Phone number should be at least 10 digits\",\n                        // },\n                        // maxLength: {\n                        // value: 15,\n                        // message: \"Phone number should not be more than 15 digits\",\n                        // },\n                    })}></input>\n                    {errors.txt_phone && errors.txt_phone.type === 'required' && (\n                            <span className=\"error_message\">{errors.txt_phone?.message}</span>\n                        )} \n\n                        {errors.txt_phone && errors.txt_phone.type === 'isStartingWhitespace' && (\n                            <span className=\"error_message\">Space is not allowed at the beginning</span>\n                         )}\n                        \n                        {errors.txt_phone && errors.txt_phone.type === 'isPhoneNumber' && (\n                            <span className=\"error_message\">Phone number should be valid</span>\n                         )}\n                </div>\n                <div className=\"flex space-y-1 flex-col \">\n                    {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"phoneInput\">Phone:<span className=\"text-danger-dark\">*</span></label> */}\n                    <input  \n                    className={`${errors.txt_email ? \"has-error\" : \"\"}  px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`} \n                    placeholder=\"Work Email\" \n                    type=\"tel\" \n                    id=\"txt_email\"\n                    name=\"txt_email\"\n                    {...register(\"txt_email\",{\n                        required: \"Email is required\",\n                        validate: {\n                          isStartingWhitespace: (value) => /^[^.\\s]/.test(value),\n                          isEmail: (value) => /^(?!.*(?:__|--|_\\\\.\\\\-|-\\\\.\\\\_|\\\\.\\\\_-|\\\\.\\\\-_|-_\\\\.\\\\|_-\\\\.\\\\|_\\\\.\\\\|-\\\\.\\\\|\\\\.\\\\-|\\\\.\\\\_|_-|-_))(([a-zA-Z0-9-_]+(\\.[a-zA-Z0-9]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(value)\n                      },\n                    })}></input>\n                    {errors.txt_email && errors.txt_email.type === 'required' && (\n                            <span className=\"error_message\">{errors.txt_email?.message}</span>\n                        )} \n\n                        {errors.txt_email && errors.txt_email.type === 'isStartingWhitespace' && (\n                            <span className=\"error_message\">Space is not allowed at the beginning</span>\n                         )}\n                        \n                        {errors.txt_email && errors.txt_email.type === 'isEmail' && (\n                            <span className=\"error_message\">Email should be valid</span>\n                         )}\n                </div>\n            </div>\n            <div className=\"flex space-y-1 flex-col\">\n                {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"emailInput\">Work email<span className=\"text-danger-dark\">*</span></label> */}\n                <input \n                 className={`${errors.txt_company ? \"has-error\" : \"\"}  px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`} \n                 placeholder=\"Company Name\" \n                 type=\"text\" \n                 id=\"txt_company\"\n                 name=\"txt_company\"\n                 {...register(\"txt_company\",{\n                required: \"Company name is required\",\n                pattern: {\n                  // value: /^[0-9]\\d*\\.?\\d*$/i,\n                  value: /^[^.\\s]/,\n                  message: \"Space is not allowed at the beginning\", \n                },\n                // minLength: {\n                //   value: 3,\n                //   message: \"Company name should be at least 3 characters long\",\n                // },\n                // maxLength: {\n                //   value: 255,\n                //   message:\n                //     \"Company name should not be more than 255 characters long\",\n                // },\n                })}></input>\n                {errors.txt_company && (\n                    <span className=\"error_message\">{errors.txt_company?.message}</span>\n                )}\n            </div>\n            <div className=\"flex space-y-1 flex-col\">\n                {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"emailInput\">Work email<span className=\"text-danger-dark\">*</span></label> */}\n                {/* <select required className=\"p-4 placeholder-body-light border-primary-border rounded-xl border focus:outline-none focus:shadow-md\" placeholder=\"Country\" type=\"text\" id=\"countryInput\">\n                    <option>Country</option>\n                </select> */}\n                <input  \n                className={`${errors.txt_country ? \"has-error\" : \"\"}  px-4 py-3 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md LoNotSensitive`} \n                placeholder=\"Country\" \n                type=\"text\" \n                id=\"txt_country\"\n                name=\"txt_country\"\n                {...register(\"txt_country\",{\n               required: \"Country is required\",\n               pattern: {\n                // value: /^[0-9]\\d*\\.?\\d*$/i,\n                value: /^[^.\\s]/,\n                message: \"Space is not allowed at the beginning\", \n              },\n              //  minLength: {\n              //    value: 3,\n              //    message: \"Country should be at least 3 characters long\",\n              //  },\n              //  maxLength: {\n              //    value: 55,\n              //    message:\n              //      \"Country should not be more than 55 characters long\",\n              //  },\n               })}></input>\n               {errors.txt_country && (\n                   <span className=\"error_message\">{errors.txt_country?.message}</span>\n               )}\n            </div>\n            <div className=\"flex space-y-1 flex-col\">\n                {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"emailInput\">Work email<span className=\"text-danger-dark\">*</span></label> */}\n                <select  \n                className={`${errors.sel_no_of_users ? \"has-error\" : \"\"}  px-4 py-3 pr-8 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md w-full whitespace-pre-wrap LoNotSensitive`} \n                placeholder=\"No of Handdy Users/Subscription required\" \n                id=\"sel_no_of_users\"\n                name=\"sel_no_of_users\"\n                {...register(\"sel_no_of_users\",{\n               required: \"Select number of users required\",\n               })}>\n                    <option value=\"\">No of Handdy Users/Subscription required</option>\n                    <option>1-50</option>\n                    <option>50-100</option>\n                    <option>100-250</option>\n                    <option>250-500</option>\n                    <option>500-1000</option>\n                    <option> &gt;1000</option>\n                </select>\n                {errors.sel_no_of_users && (\n                   <span className=\"error_message\">{errors.sel_no_of_users?.message}</span>\n               )}\n            </div>\n            <div className=\"flex space-y-1 flex-col\">\n                    {/* <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"emailInput\">Work email<span className=\"text-danger-dark\">*</span></label> */}\n                    <select  \n                    className={`${errors.source_from ? \"has-error\" : \"\"}  px-4 py-3 pr-8 placeholder-body-light border-primary-border rounded-md border focus:outline-none focus:shadow-md w-full whitespace-pre-wrap LoNotSensitive`} \n                    placeholder=\"How did you hear about us?\" \n                    id=\"source_from\"\n                    name=\"source_from\"\n                    {...register(\"source_from\",{\n                required: \"Source from is required\",\n                })}>\n                        <option value=\"\">How did you hear about us?</option> \n                        {sourceList.map(i => (\n                            <option  key={i.item} value={i.title}>{i.title}</option> \n                        ))}\n                    </select>\n                    {errors.source_from && (\n                    <span className=\"error_message\">{errors.source_from?.message}</span>\n                )}\n                </div>\n            {/* <div className=\"flex space-y-2 flex-col\">\n                <label className=\"text-sm font-semibold text-heading-dark\" htmlFor=\"messageInput\">Message</label>\n                <textarea rows=\"4\" className=\"p-4 placeholder-body-light border-primary-border rounded-xl border focus:outline-none focus:shadow-md\" placeholder=\"Anything you want to add?\" type=\"text\" id=\"messageInput\"></textarea>\n            </div> */}\n            {state.error && ( \n              <div className=\"error_div\">{state.errorMessage}</div> \n            )}\n            <button type=\"submit\" className=\"font-medium focus:outline-none text-white bg-orange text-lg leading-3 h-16 px-6 rounded-md bg-blue-500 hover:bg-blue-600 hover:shadow-lg\">\n                \n            {!state.checkOnSubmit && <>Schedule Your Free Demo</>} \n\n            {state.checkOnSubmit && ( \n            <div className={Styled.flexCenter}>\n                Sending your message\n                <div className={Styled.ldsRing}>\n                <div></div>\n                <div></div>\n                <div></div>\n                <div></div>\n                </div>\n            </div>\n            )}\n            </button>\n        </form>\n    )\n}\nexport default ContactForm","// extracted by mini-css-extract-plugin\nexport var flexCenter = \"styled-module--flex-center--6b520\";\nexport var ldsRing = \"styled-module--lds-ring--0f24b\";","// extracted by mini-css-extract-plugin\nexport var banner = \"styled-module--banner--0df81\";\nexport var title = \"styled-module--title--2ab21\";","import React from 'react'\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport CheckIcon from '../../styles/icons/check-circle'\nimport CheckSMIcon from '../../styles/icons/patch-check'\n// import HeroImg from \"../../images/hero-dashboard-new-2.webp\"   \nimport * as Styled from \"./styled.module.scss\"\n\nexport default function Hero({ obj }) { \n    return (\n        <section className={Styled.banner}>\n            <div className=\"container mx-auto py-16 grid lg:grid-cols-hero md:grid-cols-hero xl:grid-cols-hero relative gap-4\">\n                <div className=\"self-center md:space-y-12 space-y-4\">\n                    <div className=\"space-y-6\">\n                        {/* <h1 className={`${Styled.title} text-heading-dark md:font-extrabold font-extrabold text-4xl lg:leading-12 leading-[1.35] tracking-tight text-balance`}>\n                        Looking for  <span className=\"text-heading-dark text-bg text-bg-secondary inline-block relative md:left-1 left-1\">Easy-to-use</span>\n                        Employee Monitoring, Attendance &amp; Time Tracking Software?</h1> */}\n                        <h1 className={`${Styled.title} text-heading-dark md:font-extrabold font-extrabold text-4xl lg:leading-12 leading-[1.35] tracking-tight text-balance`}>\n                        Looking for a <span className=\"text-heading-dark text-bg text-bg-secondary inline-block relative md:left-1 left-1\">Reliable</span> Employee Monitoring &amp; Time Tracking Software?\n                        </h1>\n                        <ul className=\"grid lg:gap-4 gap-4 mt-4\">\n                            <li className=\"flex items-start font-medium leading-none\"><span className=\"md:mr-3 md:w-min w-8 md:mt-0 mt-1\"><CheckIcon /></span><span className=\"leading-5 lg:leading-none w-full text-base\">Price as low as {obj ? obj.priceData.frontmatter.LandingHeroprice : `$0.99`} per user (easily the best in market)</span></li>\n                            <li className=\"flex items-start font-medium leading-none\"><span className=\"md:mr-3 md:w-min w-8 md:mt-0 mt-1\"><CheckIcon /></span><span className=\"leading-5 lg:leading-none w-full text-base\">Quick setup for office based and work from home employees</span></li>\n                            <li className=\"flex items-start font-medium leading-none\"><span className=\"md:mr-3 md:w-min w-8 md:mt-0 mt-1\"><CheckIcon /></span><span className=\"leading-5 lg:leading-none w-full text-base\">Monitor websites visited, applications usage, productive time and more</span></li>\n                            <li className=\"flex items-start font-medium leading-none\"><span className=\"md:mr-3 md:w-min w-8 md:mt-0 mt-1\"><CheckIcon /></span><span className=\"leading-5 lg:leading-none w-full text-base\">Forget the stress of monitoring employee productivity — we take care of it!</span></li>\n                        </ul>\n                    </div>\n                    <div>\n                        <a href=\"https://handdy-profile.appspot.com/Signup.action?app=6&amp;level=P\" target=\"_blank\" rel=\"noopener noreferrer\" className=\"font-semibold focus:outline-none text-white bg-orange text-lg leading-4 py-5 px-8 rounded-md hover:shadow-lg mt-4 mb-3 inline-block\">Start your free trial now</a>\n                        <ul className=\"flex lg:space-x-2 md:space-x-2  flex-wrap\">\n                            <li className=\"flex space-x-2 items-center\">\n                                <CheckSMIcon />\n                                <span className=\"font-medium text-sm text-body-light\">No credit card required</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div className='lg:grid lg:justify-self-end hidden'>\n                    <StaticImage src=\"../../images/hero-dashboard-new-2.webp\" formats={[\"webp\"]} quality=\"100\" layout=\"fixed\" placeholder=\"dominantColor\" />    \n                </div> \n                {/* <img src={HeroImg} width=\"422\" height=\"524\" className=\"lg:justify-self-end md:justify-self-end hidden lg:block\" alt=\"Handdy\" ></img> */}\n                {/* <div className=\"\">\n                    <Img className=\"lg:justify-self-end md:justify-self-end hidden lg:block\" fluid={data.file.childImageSharp.fluid} alt=\"Handdy\" />\n                </div> */}\n            </div>\n        </section>\n    )\n}\n\n","import React from 'react'\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nexport default function Hero() {\n    return (\n        <section className=\"space-y-4 md:pt-20 md:pb-16 pt-16 pb-16\"> \n            <div className=\"container mx-auto space-y-4 \">\n                <div className=\"flex flex-wrap md:flex-nowrap lg:justify-between justify-center items-center\">\n                    <div className=\"relative md:-left-10\">\n                        {/* <img loading='lazy' fetchPriority='low' width=\"538\" height=\"418\" className=\"relative md:-left-10\" src=\"/graphics-6.svg\" alt=\"Graphics\"></img> */}\n                    <StaticImage src=\"../../../images/graphics-6.svg\" width=\"538\" height=\"418\" formats={[\"webp\"]} quality=\"100\" layout=\"constrained\" placeholder=\"blurred\" /> \n                    </div>\n                    <div className=\"max-w-md space-y-2 md:text-left text-center\">\n                        <div className=\"space-y-1\">\n                            {/* <h2 className=\"text-heading-dark md:text-3xl text-2xl font-bold tracking-tight leading-none\">Productivity Tracking</h2> */}\n                            <h2 className=\"text-heading-dark md:text-3xl text-2xl md:font-bold font-semibold tracking-tight leading-none tracking-tight\">Attendance &amp; Time Tracking</h2> \n                            <h6 className=\"text-heading-dark md:font-medium font-medium text-md tracking-tight leading-none\">Employee behaviour in every detail</h6>\n                        </div>\n                        <p className=\"text-base lg:text-lg mx-auto font-medium pt-4\">\n                        Handdy captures employee login/logout times, breaks taken, and can even schedule shift timings for every employee. Handdy also tracks time spent by your employees on clients, projects, tasks, and produces comprehensive employee timesheet reports.\n                        </p>\n                        {/* <div className=\"lg:pt-7 pt-0\">\n                            <p className=\"text-body-muted\">\n                                “I’ve had @Handdy pro for about 24 hours now and I honestly don't know how I functioned without it before”\n                            </p>\n                            <figure className=\"flex space-x-2 mt-4\">\n                                <img src=\"/avatar-3.png\" alt=\"Allen\"></img>\n                                <figcaption className=\"flex space-x-2\">\n                                    <p className=\"font-bold\">Allen Soto</p>\n                                    <p className=\"text-body-muted\"> - Product Designer</p>\n                                </figcaption>\n                            </figure>\n                        </div> */}\n                    </div>\n                </div>\n            </div>\n            <div className=\"container mx-auto md:pt-16 pt-10 space-y-4\">\n                <div className=\"flex flex-wrap md:flex-nowrap lg:justify-between justify-center flex-col-reverse lg:flex-row md:flex-row sm:flex-row items-center space-y-10\">\n                    <div className=\"max-w-md space-y-2 md:text-left text-center relative md:-top-5 md:order-1\">\n                        <div className=\"space-y-1\">\n                            <h2 className=\"text-heading-dark md:text-3xl text-2xl md:font-bold font-semibold tracking-tight leading-none\">Employee Monitoring</h2>\n                            <h6 className=\"text-heading-dark md:font-medium font-medium text-md tracking-tight leading-none\">Websites and Portals Visited</h6>\n                        </div>\n                        <p className=\"text-base lg:text-lg mx-auto font-medium pt-4\">\n                            You can track all your employee’s activity on their PC screen, websites they visit, their keystrokes, screenshots and more. With these, you can easily identify your star performers from the rest.\n                        </p>\n                        {/* <div className=\"lg:pt-7 pt-0\">\n                            <p className=\"text-body-muted\">\n                                “I’ve had @Handdy pro for about 24 hours now and I honestly don't know how I functioned without it before”\n                            </p>\n                            <figure className=\"flex space-x-2 mt-4\">\n                                <img src=\"/avatar-3.png\" alt=\"Allen\"></img>\n                                <figcaption className=\"flex space-x-2\">\n                                    <p className=\"font-bold\">Allen Soto</p>\n                                    <p className=\"text-body-muted\"> - Product Designer</p>\n                                </figcaption>\n                            </figure>\n                        </div> */}\n                    </div>\n                    <div className=\"mt-4 md:order-2 order-1 relative md:-right-10\">\n                    {/* <img loading='lazy' fetchPriority='low' width=\"547\" height=\"384\" src=\"/graphics-7.svg\" alt=\"Graphics\"></img> */}\n                    <StaticImage src=\"../../../images/graphics-7.svg\" width=\"547\" height=\"384\" formats={[\"webp\"]} quality=\"100\" layout=\"constrained\" placeholder=\"blurred\" /> \n                    </div>\n                    \n                </div>\n            </div>\n            <div className=\"container mx-auto md:pt-16 pt-16 space-y-4\">\n                <div className=\"flex flex-wrap md:flex-nowrap lg:justify-between justify-center items-center\">\n                    <div className=\"relative md:-left-10\">\n                        {/* <img loading='lazy' fetchPriority='low' width=\"540\" height=\"418\" src=\"/graphics-8.svg\" alt=\"Graphics\"></img> */}\n                        <StaticImage src=\"../../../images/graphics-8.svg\" width=\"540\" height=\"418\" formats={[\"webp\"]} quality=\"100\" layout=\"constrained\" placeholder=\"blurred\" /> \n                    </div>\n                    \n                    <div className=\"max-w-md space-y-2 md:text-left text-center\">\n                        <div className=\"space-y-1\">\n                            <h2 className=\"text-heading-dark md:text-3xl text-2xl md:font-bold font-semibold tracking-tight leading-none\">Workforce Analytics</h2>\n                            <h6 className=\"text-heading-dark md:font-medium font-medium text-md tracking-tight leading-none\">Powerful Reports for Analysis</h6>\n                        </div>\n                        <p className=\"text-base lg:text-lg mx-auto font-medium pt-4\">\n                            Tracking employee behaviour at a granular level is difficult for most companies. With Handdy, you get a complete picture at every level including staff, team, task, and project level.\n                        </p>\n                        {/* <div className=\"lg:pt-7 pt-0\">\n                            <p className=\"text-body-muted\">\n                                “I’ve had @Handdy pro for about 24 hours now and I honestly don't know how I functioned without it before”\n                            </p>\n                            <figure className=\"flex space-x-2 mt-4\">\n                                <img src=\"/avatar-3.png\" alt=\"Allen\"></img>\n                                <figcaption className=\"flex space-x-2\">\n                                    <p className=\"font-bold\">Allen Soto</p>\n                                    <p className=\"text-body-muted\"> - Product Designer</p>\n                                </figcaption>\n                            </figure>\n                        </div> */}\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n\n\n","import * as React from \"react\"\n\nfunction SvgComponent(props) {\n    return (\n        <svg\n            width={11}\n            height={8}\n            viewBox=\"0 0 11 8\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10.707.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-3-3a1 1 0 011.414-1.414L4 5.586 9.293.293a1 1 0 011.414 0z\"\n                fill=\"#232e69\"\n            />\n        </svg>\n    )\n}\n\nexport default SvgComponent\n","import * as React from \"react\"\n\nfunction SvgComponent(props) {\n    return (\n        <svg\n            width={11}\n            height={8}\n            viewBox=\"0 0 11 8\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10.707.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-3-3a1 1 0 011.414-1.414L4 5.586 9.293.293a1 1 0 011.414 0z\"\n                fill=\"#ffffff\"\n            />\n        </svg>\n    )\n}\n\nexport default SvgComponent\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React from 'react'\nimport { Link } from 'gatsby'\n// import HexagonIcon from '../../styles/icons/check-sm'\nimport HexagonIconBlue from '../../styles/icons/check-sm-blue'\nimport HexagonIconWhite from '../../styles/icons/check-sm-white'\nimport CrossMediumDark from \"../../images/cross-medium-dark.png\"\nimport CrossMediumPrimary from \"../../images/cross-medium-primary.png\"\nimport * as Styled from \"./styled.module.css\"\n\nexport default function PricingCards({ obj }) {\n\n    const countryName = obj ? obj.headerData.frontmatter.slug : '';\n   \n    return (\n        <div>\n            <div className=\"grid scale-card md:pt-4 lg:grid-cols-3 md:grid-cols-3 max-w-5xl mx-auto grid-cols-1 gap-y-8 md:justify-items-center w-full\">\n                <div className={`${Styled.bgSecondarySoft} card md:max-w-xs grid md:justify-between`}>\n                    <div className=\"px-2 py-6 grid md:justify-between\">\n                        <h3 className=\"text-heading-dark font-bold lg:text-1xl md:text-1xl sm:text-2xl text-2xl\">\n                            Pro\n                        </h3>\n                        <div className=\"flex flex-col items-start\">\n                            <p className=\"flex flex-row items-center gap-1 font-medium text-heading-dark lg:text-3xl md:text-2xl sm:text-xl text-lg\">\n                                {!obj && (\n                                    <> $0.99 </>\n                                )}\n                                {obj && (\n                                    <> {obj.priceData.frontmatter.proPrice} </>\n                                )}<span className=\"text-sm font-semibold\">/month per user { countryName === \"/india\" && <sup>*</sup> }</span></p>\n                                <p className=\"text-[12px] text-heading-dark font-semibold\">(paid annually)</p>\n                        </div>\n                        {/* <p className=\"text-sm font-semibold\">\n                            Up to 2 users, with all the basics for businesses that are just getting started\n                        </p> */}\n                        {/* <div className=\"my-4 bg-primary-border opacity-10 h-0.7 rounded-md\" /> */}\n                        <ul className=\"space-y-2 mt-6\">\n                            <li className=\"text-sm flex items-center font-semibold text-heading-dark\"><HexagonIconBlue fillColor=\"#232e69\" className=\"mr-2\" />Time &amp; Attendance Management</li>\n                            <li className=\"text-sm font-semibold flex items-center opacity-60\"><img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumDark} alt=\"Icon\" /> Employee Monitoring</li>\n                            <li className=\"text-sm font-semibold flex items-center opacity-60\"><img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumDark} alt=\"Icon\" /> Productivity Analytics</li>\n                            {/* <li className=\"text-sm font-semibold flex items-center opacity-60\"><img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumDark} alt=\"Icon\" /> Private cloud</li> */}\n                            <li className=\"text-sm font-semibold flex items-center opacity-60\"><img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumDark} alt=\"Icon\" />\n                            Add on: Mobile App (\n                                {!obj && (\n                                    <> $0.99 </>\n                                )}\n                                {obj && (\n                                    <> {obj.priceData.frontmatter.mobileAddOnPrice} </>\n                                )}\n                                \n                                /user)\n                            </li>\n                            <li className=\"text-sm font-semibold flex items-center opacity-60\"><img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumDark} alt=\"Icon\" /> Custom Integrations</li>\n                        </ul>\n                        <Link to=\"https://handdy-profile.appspot.com/Signup.action?app=6&level=F\" className={`${Styled.bgSecondary} focus:outline-none font-semibold text-white text-lg mt-12 leading-10 grid self-center items-center justify-center px-4 py-1 text-center rounded-md min-w-full box-shadow`}>Get Started</Link>\n                    </div>\n                </div>\n                <div className={`${Styled.bgSecondary} card md:max-w-xs text-white grid md:justify-between`}>\n                    <div className=\"px-2 py-6 grid md:justify-between\">\n                        <h3 className=\" font-bold lg:text-1xl md:text-1xl sm:text-2xl text-2xl\">\n                            Premium\n                        </h3>\n                        <div className=\"flex flex-col items-start\">\n                            <p className=\"font-medium lg:text-3xl md:text-2xl sm:text-xl text-lg\">\n                                {!obj && (\n                                    <> $1.99 </>\n                                )}\n                                {obj && (\n                                    <> {obj.priceData.frontmatter.premiumPrice} </>\n                                )}\n                            <span className=\"text-sm font-semibold\">/month per user { countryName === \"/india\" && <sup>*</sup> }</span></p>\n                            <p className=\"text-[12px] font-semibold\">(paid annually)</p> \n                        </div>\n                        {/* <p className=\"text-sm font-semibold\">\n                            Organizations up to 500 employees, that need deep analysis of employee activity\n                        </p> */}\n                        {/* <div className=\"my-4 bg-primary-border opacity-10 h-0.7 rounded-md\" /> */}\n                        <ul className=\"space-y-2 mt-6\">\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconWhite className=\"mr-2\" />Time &amp; Attendance Management</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconWhite className=\"mr-2\" active />Employee Monitoring</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconWhite className=\"mr-2\" active />Productivity Analytics</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconWhite className=\"mr-2\" active />\n                            Add on: Mobile App (\n                                {!obj && (\n                                    <> $0.99 </> \n                                )}\n                                {obj && (\n                                    <> {obj.priceData.frontmatter.mobileAddOnPrice} </>\n                                )}\n                                \n                                /user)\n                            </li>\n                            {/* <li className={`${Styled.primaryTextDisabled} text-sm flex items-center font-semibold  opacity-80`}>\n                                <img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumPrimary} alt=\"Icon\" />\n                                Private cloud</li> */}\n                            <li className={`${Styled.primaryTextDisabled} text-sm flex items-center font-semibold  opacity-80`}>\n                                <img width=\"9\" height=\"9\" className=\"mr-2\" src={CrossMediumPrimary} alt=\"Icon\" />\n                                Custom Integrations</li>\n                        </ul>\n                        <Link to=\"https://handdy-profile.appspot.com/Signup.action?app=6&level=P\" className={`${Styled.bgOrange} focus:outline-none font-semibold  text-white text-lg mt-12 leading-10 grid self-center items-center justify-center px-4 py-1 text-center rounded-md bg-white min-w-full box-shadow`}>Get Started</Link>\n                    </div>\n                </div>\n                <div className={`${Styled.bgSecondarySoft} card md:max-w-xs bg-info-soft grid md:justify-between`}>\n                    <div className=\"px-2 py-6 grid md:justify-between\">\n                        <h3 className=\"text-heading-dark font-bold lg:text-1xl md:text-1xl sm:text-2xl text-2xl\">\n                            Enterprise\n                        </h3>\n                        {/* <div className=\"flex items-center space-x-2\">\n                            <h1 className=\"font-medium text-heading-dark lg:text-3xl md:text-2xl sm:text-xl text-lg\">Let us talk</h1>\n                        </div> */}\n                        <div className=\"flex items-center space-x-2\">\n                            <p className=\"text-sm text-heading-dark font-semibold ml-0 relative -top-1\">Let us talk</p>\n                        </div>\n                        {/* <p className=\"text-sm font-semibold\">\n                            Organizations with 500+ employees and need deep analysis of employee activity, 24/7 excellent client support\n                        </p> */}\n                        {/* <div className=\"my-4 bg-primary-border opacity-10 h-0.7 rounded-md\" /> */}\n                        <ul className=\"space-y-2 mt-6\">\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Time &amp; Attendance Management</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Employee Monitoring</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Productivity Analytics</li>\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Add on: Mobile App</li>\n                            {/* <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Private cloud</li> */}\n                            <li className=\"text-sm flex items-center font-semibold\"><HexagonIconBlue className=\"mr-2\" />Custom Integrations</li>\n                        </ul>\n                        <Link to=\"/contact-us\" className={`${Styled.bgSecondary} focus:outline-none font-semibold text-white text-lg mt-12 leading-10 grid self-center items-center justify-center px-4 py-1 text-center rounded-md bg-info-dark min-w-full box-shadow`}>Contact Sales</Link>\n                    </div> \n                </div>\n            </div>\n            { countryName === \"/india\" &&\n                <div className=\"text-center\">\n                    <p className=\"text-body-light text-sm lg:text-sm text-center opacity-90 mt-8\"><sup>*</sup>Prices mentioned are exclusive of GST. A GST of 18% shall be applicable on all transactions</p>\n                </div>\n            }\n        </div>\n    )\n}\n","import React from 'react'\nimport PricingCards from './cards'\nimport { Link } from 'gatsby'\nimport * as Styled from \"./styled.module.css\"\n\nfunction Pricing({ obj }) {\n    // console.log(obj.headerData.frontmatter.slug); \n    const countryName = obj ? obj.headerData.frontmatter.slug : '';\n    return (\n        <section className=\"md:py-20 py-16\">\n            <div className=\"container mx-auto grid gap-y-4\">\n                <div className=\"mb-0 space-y-4\">\n                    <h2 className=\"text-heading-dark md:font-extrabold font-extrabold text-2xl lg:text-5xl md:text-4xl text-3xl leading-none text-center max-w-lg mx-auto tracking-tight\">\n                        Price Plan\n                    </h2>\n                    <h6 className=\"text-heading-dark md:font-bold font-semibold text-lg tracking-tight leading-none text-center\">Choose the plan that's right for your business</h6>\n                </div>\n                <div className=\"text-body-light text-sm lg:text-lg text-center mt-2\">\n                    <ul className={`${Styled.pricingListAdvance} flex lg:justify-center md:justify-between sm:justify-between justify-between items-center`}>\n                        <li className=\"text-md font-medium md:text-base text-sm m-1 leading-none text-center\">30 day free trial</li>\n                        <li><span className={Styled.dotted}></span></li>\n                        <li className=\"text-md font-medium md:text-base text-sm m-1 leading-none text-center\">Cancel any time</li>\n                        <li><span className={Styled.dotted}></span></li>\n                        <li className=\"text-md font-medium md:text-base text-sm m-1 leading-none text-center\">No credit card required</li>\n                    </ul>\n                </div>\n                  <PricingCards obj={obj} />\n                \n                <div className=\"text-center\">\n\n                    {/* { countryName === \"/india\" &&\n                        <p className=\"text-body-light text-sm lg:text-sm text-center opacity-90 mt-8\"><sup>*</sup>Prices mentioned are exclusive of GST. A GST of 18% shall be applicable on all transactions</p>\n                    } */}\n                    <p className={`text-body-light text-base lg:text-lg text-center font-medium ${countryName === \"/india\" ? \"mt-2\" : \"mt-6\"}`}>See how an all-in-one Handdy plan stacks up against the competition and saves you money</p>\n                </div>\n                <div className=\"flex items-center space-x-2 mx-auto justify-center\">\n                    <Link to={obj ? obj.priceData.frontmatter.pricingSlug : `/pricing`} className=\"text-orange  text-sm font-semibold text-center underline\">Compare all plans, and features</Link>\n                </div>\n            </div>\n        </section >\n    )\n}\n\nexport default Pricing\n","import React from 'react'\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport CheckIcon from '../../styles/icons/check-circle'\n// import RemoteImage from \"../../images/remote-image.png\"\nimport * as Styled from \"./styled.module.scss\"\nconst items = [\n    \"Quick WFH Setup\",\n    \"Real-Time Monitoring\",\n    \"App & Website Usage\",\n    \"Screenshots\",\n    \"Time & Attendance\",\n    \"Reports\",\n]\nfunction Remote() {\n    return (\n        <section className={`${Styled.background} md:py-20 py-16`}>\n            <div className=\"container mx-auto\">\n                <div className=\"flex flex-wrap md:flex-nowrap lg:justify-between items-center\">\n                    <div className=\"hidden lg:block\">\n                        {/* <img src=\"/graphics-4.svg\" alt=\"Graphics\"></img> */}\n                        {/* <StaticImage src=\"../../../images/graphics-4.svg\" width=\"555\" height=\"555\" quality=\"100\" alt='.' />    */}\n                        <StaticImage src=\"../../images/graphics-4.svg\" width=\"555\" height=\"555\" formats={[\"webp\"]} quality=\"100\" layout=\"constrained\" placeholder=\"blurred\" /> \n                        {/* <img width=\"555\" height=\"555\" className=\"hidden lg:block\" src=\"/graphics-4.svg\" alt=\"Graphics\"></img> */}\n                    </div>\n                    <div className=\"max-w-lg space-y-5\">\n                        <div className=\"space-y-3\">\n                            <h2 className=\"flex flex-col text-heading-dark md:font-extrabold font-extrabold text-3xl lg:text-5xl md:text-4xl text-3xl lg:leading-none leading-9 tracking-tight\">\n                                Perfect Solution for\n                                <span>\n                                    <span className=\"text-heading-dark text-bg text-bg-secondary inline-block mr-3 md:mr-4\">Distributed</span>\n                                    Teams\n                                </span>\n                            </h2>\n                            <h6 className=\"text-heading-dark font-medium text-md tracking-tight lg:leading-none leading-5\">Delivering Productivity to Every Member of Your Remote Team</h6>\n                        </div>\n                        <p className=\"text-body-light text-base lg:text-lg mx-auto font-medium lg:pt-4\">\n                            Monitor remote workers as if they’re on the desk right next to you. Simple, accurate time tracking and proof of work to ensure they’re doing the job.\n                        </p>\n                        <div>\n                            <ul className=\"grid lg:grid-cols-2 gap-3 mt-10\">\n                                {items.map(i => (\n                                    <li key={i} className=\"flex items-center space-x-2  text-body-light text-md font-medium\">\n                                        <CheckIcon />\n                                        <span>{i}</span>\n                                    </li>\n                                ))}\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\nexport default Remote\n","// extracted by mini-css-extract-plugin\nexport var flexCenter = \"styled-module--flex-center--dcbca\";\nexport var formShadow = \"styled-module--formShadow--60563\";\nexport var hasBorder = \"styled-module--has-border--94e62\";\nexport var ldsRing = \"styled-module--lds-ring--bb9e8\";\nexport var scheduleDemo = \"styled-module--schedule-demo--8eeef\";","import React from \"react\"\nimport ContactForm from \"../ContactUS/ContactForm\"\nimport * as Styled from \"./styled.module.scss\"\n// import ScheduleForm from \"./Form\"\n\nexport default function ScheduleContent({obj}) {\n    return (\n        <section id=\"schedule-free-demo\" className={`${Styled.scheduleDemo} md:py-20 py-16`}>\n            <div className=\"container mx-auto\">\n                <div className=\"md:relative grid gap-4 lg:gap-14 md:gap-14 lg:grid-cols-2 md:grid-cols-2 items-start\">\n                    <div className=\"relative md:mt-20\">\n                        <h2 className={`${Styled.hasBorder} flex flex-col text-white md:font-extrabold font-extrabold text-4xl lg:text-5xl md:text-4xl sm:text-3xl leading-none tracking-tight md:text-left text-left`}>\n                            <span>Schedule Your</span>\n                            <span>Free Demo</span>\n                        </h2>\n                        <p className=\"text-white font-medium text-lg lg:justify-self-start lg:w-9/12\">Interested in learning how Handdy can help your organization? Schedule your free personal demo with our consultant and check out the features for yourself. </p>\n                    </div>\n                    <div>\n                        {/* <ScheduleForm /> */}\n                        <ContactForm obj={obj} />\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}","export default \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTEyZGFlNTUtY2RhZS04ODQwLTljYTItNGQ0N2NhZTY3ZTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5MDE3RUQ0Rjk1QzExRTk5MUJBRTAzQjhDRjEzMkU1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5MDE3RUQzRjk1QzExRTk5MUJBRTAzQjhDRjEzMkU1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNTNmNWM3Ni0wZmRjLWU2NDktYTNmZC1hZmFlMTM5NWQ0MzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTEyZGFlNTUtY2RhZS04ODQwLTljYTItNGQ0N2NhZTY3ZTc5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3Jk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\"","export default \"data:image/png;base64,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\"","// extracted by mini-css-extract-plugin\nexport var rating = \"styled-module--rating--2a90a\";\nexport var testimonialCard = \"styled-module--testimonial-card--4da70\";\nexport var testimonialIcon = \"styled-module--testimonial-icon--10359\";","import React from 'react'\n\nimport Ratings from \"../../../static/expStar.jpg\"\n\nimport BlockQuoteIcon from \"../../images/icons/blockquote.png\" \n\nimport * as Styled from \"./styled.module.css\"\n\nfunction Testimonials() {\n    return (\n        <section className=\"md:pt-40 pt-16 rounded-t-3xl rounded-b-xl\">\n            <div className=\"container mx-auto md:space-y-16 space-y-8\">\n                <div className=\"md:space-y-3 space-y-3\">\n                    <h2 className=\"md:font-extrabold font-extrabold text-heading-dark text-2xl lg:text-5xl md:text-4xl text-3xl lg:leading-12 leading-8 text-center tracking-tight text-balance\">\n                    5 Star Rated by Companies of All Sizes\n                    </h2>\n                    <p className=\"lg:w-9/12 mx-auto font-medium text-base lg:text-lg text-center\">\n                        Rated five stars, we have been given a 97% positive service rating by customers. We work hard to find new ways of making your experience with us nothing but exceptional.\n                    </p>\n                </div>\n                <div className={`grid justify-items-center gap-8 lg:grid-cols-3 md:grid-cols-3 md:pt-4`}>\n                    <div className={`${Styled.testimonialCard} md:max-w-md grid gap-8 p-8`}>\n                        <img width=\"40\" height=\"40\" className={`${Styled.testimonialIcon} hidden md:block`} src={BlockQuoteIcon} alt=\"Icon\" />\n                        <div className=\"md:pt-5\">\n                            <p className=\"font-bold text-heading-dark text-lg\">Strongly Recommend</p>\n                            <p className=\"mt-4 font-medium text-base\">\n                            We wanted to install a screen monitoring software to monitor our employee activity during work hours. We trialled a few and found Handdy to be the most suitable and economical amongst all. It is simple to install and intuitive to use.\n                            </p>\n                        </div>\n                        <figure className=\"flex items-center space-x-4\">\n                            <figcaption>\n                                <h6 className=\"text-heading-dark font-semibold lg:text-sm\">Trifecta Medical</h6>\n                                {/* <p className=\"text-body-muted\">CEO, Atlantic International</p> */}\n                                <img width=\"53\" height=\"10\" className={Styled.rating} src={Ratings} alt=\"Ratings\" />\n                            </figcaption>\n                        </figure>\n                    </div>\n                    <div className={`${Styled.testimonialCard} md:max-w-md grid gap-8 p-8`}>\n                        <img width=\"40\" height=\"40\" className={`${Styled.testimonialIcon} hidden md:block`} src={BlockQuoteIcon} alt=\"Icon\" />\n                        <div className=\"md:pt-5\">\n                            <p className=\"font-bold text-heading-dark text-lg\">Perfect for 170+ WFH Staff</p>\n                            <p className=\"mt-4 font-medium text-base\">\n                            We wanted a solution to track time and monitor activity of all our 170+ WFH employees. We wanted the system to work even when the staff have internet connectivity issues. We picked Handdy after a demo and trial. We are delighted with it.\n                            </p>\n                        </div>\n                        <figure className=\"flex items-center space-x-4\">\n                            <figcaption>\n                                <h6 className=\"text-heading-dark font-semibold lg:text-sm\">ACS Capital</h6>\n                                {/* <p className=\"text-body-muted\">Director, Trifecta Medical</p> */}\n                                <img width=\"53\" height=\"10\" className={Styled.rating} src={Ratings} alt=\"Ratings\" />\n                            </figcaption>\n                        </figure>\n                    </div>\n                    <div className={`${Styled.testimonialCard} md:max-w-md grid gap-8 p-8`}>\n                        <img width=\"40\" height=\"40\" className={`${Styled.testimonialIcon} hidden md:block`} src={BlockQuoteIcon} alt=\"Icon\" />\n                        <div className=\"md:pt-5\">\n                            <p className=\"font-bold text-heading-dark text-lg\">Productivity Soared</p>\n                            <p className=\"mt-4 font-medium text-base\">\n                            Who would have thought that our billing hours and productivity would soar by just adding a $2 software into our employee's PC's? Post-Handdy adoption, we've seen an increase of 18% in billing hours. We've now reached our optimal output limit.\n                            </p>\n                        </div>\n                        <figure className=\"flex items-center space-x-4\">\n                            <figcaption>\n                                <h6 className=\"text-heading-dark font-semibold lg:text-sm\">Kellerton Consulting</h6>\n                                {/* <p className=\"text-body-muted\">Director, Trifecta Medical</p> */}\n                                <img width=\"53\" height=\"10\" className={Styled.rating} src={Ratings} alt=\"Ratings\" />\n                            </figcaption>\n                        </figure>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n\nexport default Testimonials\n","import React from 'react'\nimport * as Styled from \"./styled.module.scss\"\n\nconst items = [\n    { title: \"Monitor websites visited and time spent\", icon: \"timer\" },\n    { title: \"Applications usage and productivity reports\", icon: \"folder\" },\n    { title: \"Get screen shots of employee activity\", icon: \"graph\" },\n    { title: \"Track employee work and break times\", icon: \"pointer\" },\n    { title: \"Review employee keyboard usage\", icon: \"note\" },\n    { title: \"Track employee attendance\", icon: \"ss\" },\n    { title: \"Get project level reports\", icon: \"pie\" },\n    { title: \"Monitor employees with or without internet\", icon: \"project\" },\n]\n\nfunction Features() {\n    return (\n        <section className={`${Styled.background} md:py-20 md:mt-20 py-16 mt-16`}>\n            <div className=\"container mx-auto space-y-12 lg:space-y-12\">\n                <div className=\"grid gap-4\">\n                    <div className=\"grid md:space-y-4 space-y-2\">\n                        <div>\n                            <h6 className=\"text-heading-dark md:font-medium font-normal text-md text-border text-border-secondary text-border-right inline-block\">Powerful Features</h6>\n                        </div>\n                        <h2 className=\"text-heading-dark md:font-extrabold font-extrabold text-2xl lg:text-5xl md:text-4xl text-3xl lg:leading-12 leading-8 tracking-tight\">\n                        All-in-one Workforce Management\n                        </h2>\n                    </div>\n                    <p className=\"text-body-light font-medium text-base lg:text-lg lg:justify-self-start lg:w-10/12\">Handdy collects employee work patterns in a granular level providing companies with analytics, visibility, and context.\n                        Now you can gain insights and unlock the true potential of your workforce. Handdy makes workforce productivity management simple and affordable.</p>\n                </div>\n                <ul className=\"grid md:grid-cols-2 gap-8\">\n                    {items.map(i => (\n                        <li key={i.title}>\n                            <figure className=\"flex items-center space-x-6\">\n                                <img loading='lazy' fetchPriority='low' width=\"80\" height=\"80\" className={Styled.icon} src={`/icons/${i.icon}.svg`} alt={i.title} />\n                                <figcaption>\n                                    <h6 className=\"text-heading-light font-bold lg:text-lg\">{i.title}</h6>\n                                </figcaption>\n                            </figure>\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        </section>\n    )\n}\n\nexport default Features\n","// extracted by mini-css-extract-plugin\nexport var background = \"styled-module--background--e11da\";\nexport var icon = \"styled-module--icon--4d2c2\";","import * as React from \"react\"\n\nfunction SvgComponent(props) {\n    return (\n        <svg\n            width={16}\n            height={16}\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z\"\n                fill=\"#232e69\"\n            />\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M10.97 4.97a.75.75 0 011.07 1.05L8.05 11.01a.75.75 0 01-1.08.02L4.324 8.384a.75.75 0 111.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 01.02-.022z\"\n                fill=\"#232e69\"\n            />\n        </svg>\n    )\n}\n\nexport default SvgComponent\n","import React from \"react\";\n\nfunction Icon() {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            fill=\"none\"\n            viewBox=\"0 0 16 16\"\n        >\n            <path\n                fill=\"#425466\"\n                fillRule=\"evenodd\"\n                d=\"M10.273 2.513l-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 012.924 2.924l-.01.89.636.622a2.89 2.89 0 010 4.134l-.637.622.011.89a2.89 2.89 0 01-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 01-4.134 0l-.622-.637-.89.011a2.89 2.89 0 01-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 010-4.134l.637-.622-.011-.89a2.89 2.89 0 012.924-2.924l.89.01.622-.636a2.89 2.89 0 014.134 0l-.715.698a1.89 1.89 0 00-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 00-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 000 2.704l.944.92-.016 1.32a1.89 1.89 0 001.912 1.911l1.318-.016.921.944a1.89 1.89 0 002.704 0l.92-.944 1.32.016a1.89 1.89 0 001.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 000-2.704l-.944-.92.016-1.32a1.89 1.89 0 00-1.912-1.911l-1.318.016z\"\n                clipRule=\"evenodd\"\n            ></path>\n            <path\n                fill=\"#425466\"\n                fillRule=\"evenodd\"\n                d=\"M10.354 6.146a.5.5 0 010 .708l-3 3a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 11.708-.708L7 8.793l2.646-2.647a.5.5 0 01.708 0z\"\n                clipRule=\"evenodd\"\n            ></path>\n        </svg>\n    );\n}\n\nexport default Icon;\n","// extracted by mini-css-extract-plugin\nexport var bgOrange = \"styled-module--bg-orange--8a340\";\nexport var bgSecondary = \"styled-module--bg-secondary--1b5d9\";\nexport var bgSecondarySoft = \"styled-module--bg-secondary-soft--fcc5c\";\nexport var bgWarningBlue = \"styled-module--bg-warning-blue--d004c\";\nexport var dotted = \"styled-module--dotted--ade85\";\nexport var pricingListAdvance = \"styled-module--pricing-list-advance--c2006\";\nexport var primaryTextDisabled = \"styled-module--primary-text-disabled--ecf6d\";"],"names":["sourceList","item","title","_ref","_errors$txt_first_nam","_errors$txt_last_name","_errors$txt_phone","_errors$txt_email","_errors$txt_company","_errors$txt_country","_errors$sel_no_of_use","_errors$source_from","obj","register","formState","errors","handleSubmit","useForm","state","setState","useState","error","errorMessage","checkOnSubmit","React","className","onSubmit","data","axios","method","url","headers","JSON","stringify","then","result","sent","navigate","headerData","frontmatter","thankyouSlug","message","catch","Object","assign","txt_first_name","placeholder","type","id","name","required","pattern","value","txt_last_name","txt_phone","validate","isStartingWhitespace","test","isPhoneNumber","txt_email","isEmail","txt_company","txt_country","sel_no_of_users","source_from","map","i","key","banner","Hero","Styled","CheckIcon","priceData","LandingHeroprice","href","target","rel","CheckSMIcon","StaticImage","src","formats","quality","layout","__imageData","require","width","height","props","viewBox","fill","xmlns","fillRule","clipRule","d","PricingCards","countryName","slug","proPrice","HexagonIconBlue","fillColor","CrossMediumDark","alt","mobileAddOnPrice","Link","to","premiumPrice","HexagonIconWhite","active","CrossMediumPrimary","pricingSlug","items","hasBorder","scheduleDemo","ScheduleContent","ContactForm","rating","testimonialCard","testimonialIcon","BlockQuoteIcon","Ratings","icon","loading","fetchPriority","bgOrange","bgSecondary","bgSecondarySoft","dotted","pricingListAdvance","primaryTextDisabled"],"sourceRoot":""}