{"version":3,"sources":["webpack:///./src/containers/company/banner/index.js","webpack:///./src/containers/company/about/about.stc.js","webpack:///./src/containers/company/about/index.js","webpack:///./src/components/team/team.stc.js","webpack:///./src/components/team/index.js","webpack:///./src/containers/company/team/team.stc.js","webpack:///./src/containers/company/team/index.js","webpack:///./src/containers/company/testimonial/testimonial.stc.js","webpack:///./src/containers/company/testimonial/index.js","webpack:///./src/pages/company.js"],"names":["Banner","imageData","useStaticQuery","pagedataJson","banner_img","childImageSharp","fluid","className","alt","AboutSectionWrap","styled","div","device","xlarge","medium","small","SectionTitle","AboutContent","ProjectTypeList","ul","About","HeadingStyle","TextStyle","ProjectTypeHeading","ProjectTypeText","aboutdataJson","title","desc","content","featured_work","delay","split","map","work","i","push","key","id","data-wow-delay","data-wow-duration","achivments","achiv","defaultProps","fontSize","texttransform","lineHeight","color","fontweight","responsive","as","letterspacing","mb","m","TeamThumb","TeamOverlay","TeamContent","props","pt","pb","TeamWrapper","Team","imageSrc","name","designation","teamStyle","wrapperStyle","contentStyle","headingStyle","textStyle","animDelay","path","TeamSectionWrap","TeamContainer","mt","xsmall","xxsmall","TeamSection","wrapperOne","wrapperTwo","teamQueryData","teamSecData","teamMembers","allTeamsJson","edges","admins","filter","member","node","role","employees","subtitle","admin","image","employe","TestimonialWrap","section","backgroundColor","TestimonialSection","options","testimonilas","allTestimonialJson","data","author_name","author_role","company","country","author_image","fixed","review","slidesToShow","dots","description"],"mappings":"4KA4BeA,EAxBA,WACX,IAeMC,EAfkBC,yBAAe,YAeLC,aAAaC,WAAWC,gBAAgBC,MAC1E,OACI,yBAAKC,UAAU,eACX,kBAAC,IAAD,CAAOD,MAAOL,EAAWO,IAAI,qB,gDCpB5BC,EAAmBC,IAAOC,IAAV,6EAAGD,CAAH,uaAKhBE,IAAOC,OAKPD,IAAOE,OAkBPF,IAAOG,OAYPC,EAAeN,IAAOC,IAAV,yEAAGD,CAAH,uBAIZO,EAAeP,IAAOC,IAAV,yEAAGD,CAAH,0CAKZQ,EAAkBR,IAAOS,GAAV,4EAAGT,CAAH,iCC7CtBU,EAAQ,SAAC,GAAoE,IAAnEC,EAAkE,EAAlEA,aAAcC,EAAoD,EAApDA,UAAWC,EAAyC,EAAzCA,mBAAoBC,EAAqB,EAArBA,gBAAqB,EACvDtB,yBAAe,cAeuBuB,cAAtDC,EAhBuE,EAgBvEA,MAAOC,EAhBgE,EAgBhEA,KAAMC,EAhB0D,EAgB1DA,QAASC,EAhBiD,EAgBjDA,cACvBC,EAAQ,CAAC,KACf,OACI,kBAACrB,EAAD,KACI,yBAAKF,UAAU,QACTmB,GAASC,IACP,yBAAKpB,UAAU,kBACX,kBAACS,EAAD,KACKU,GAAS,kBAAC,IAAYL,EAAeK,GACrCC,GAAQ,kBAAC,IAASL,EAAYK,KAI1CC,GACG,yBAAKrB,UAAU,kBACX,kBAACU,EAAD,KACI,kBAAC,IAAD,KAAOW,EAAQG,MAAM,MAAM,IAC3B,kBAAC,IAAD,KAAOH,EAAQG,MAAM,MAAM,IAC3B,kBAAC,IAAD,KAAOH,EAAQG,MAAM,MAAM,OAK1CF,GACG,yBAAKtB,UAAU,qBACX,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,eACVsB,EAAcG,KAAI,SAACC,EAAKC,GAErB,OADAJ,EAAMK,KAAKL,EAAMI,GAAK,KAElB,yBACIE,IAAKH,EAAKI,GACV9B,UAAU,oCACV+B,iBAAmBR,EAAnB,KACAS,oBAAkB,UACjBN,EAAKP,OAAS,kBAAC,IAAYH,EAAqBU,EAAKP,OACrDO,EAAKO,YACF,kBAACtB,EAAD,KACKe,EAAKO,WAAWR,KAAI,SAACS,EAAOP,GAAR,OACjB,wBAAIE,IAAQH,EAAKI,GAAV,IAAgBH,GAAK,kBAAC,IAASV,EAAkBiB,iBAoB5GrB,EAAMsB,aAAe,CACjBrB,aAAc,CACVsB,SAAU,OACVC,cAAe,aACfC,WAAY,OACZC,MAAO,UACPC,WAAY,IACZC,WAAY,CACRlC,OAAQ,CACJ6B,SAAU,OACVE,WAAY,WAEhB9B,MAAO,CACH4B,SAAU,OACVE,WAAY,UAIxBvB,UAAW,CACPuB,WAAY,QAEhBtB,mBAAoB,CAChB0B,GAAI,KACJH,MAAO,UACPH,SAAU,OACVI,WAAY,IACZG,cAAe,MACfC,GAAI,QAER3B,gBAAiB,CACb4B,EAAG,EACHT,SAAU,OACVG,MAAO,UACPI,cAAe,QAIR9B,Q,YCrHFiC,EAAY3C,IAAOC,IAAV,yEAAGD,CAAH,mFAST4C,EAAc5C,IAAOC,IAAV,2EAAGD,CAAH,MAEX6C,EAAc7C,IAAOC,IAAV,2EAAGD,CAAH,yCACL,SAAA8C,GAAK,OAAIA,EAAMC,MACZ,SAAAD,GAAK,OAAIA,EAAME,MAGxBC,EAAcjD,IAAOC,IAAV,2EAAGD,CAAH,qJACH,SAAA8C,GAAK,OAAIA,EAAML,KAO1BE,GCnBJO,EAAO,SAAC,GAA8C,IAA7CC,EAA4C,EAA5CA,SAAUC,EAAkC,EAAlCA,KAAMC,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,UACjCC,EAAkED,EAAlEC,aAAcC,EAAoDF,EAApDE,aAAcC,EAAsCH,EAAtCG,aAAcC,EAAwBJ,EAAxBI,UAAWC,EAAaL,EAAbK,UAC5D,OACI,kBAACV,EAAgBM,EACZJ,GACG,kBAACR,EAAD,KACI,kBAAC,IAAD,CAAO/C,MAAOuD,EAAUrD,IAAKsD,KAGrC,kBAACR,EAAD,MACA,kBAACC,EAAD,iBACQW,EADR,CAEI3D,UAAU,iBACV+B,iBAAgB+B,EAChB9B,oBAAkB,WAEjBuB,GAAQ,kBAAC,IAAYK,EAAeL,GACpCC,GAAe,kBAAC,IAASK,EAAYL,MAkBtDH,EAAKlB,aAAe,CAChB4B,KAAM,IACNN,UAAW,CACPC,aAAa,CACTd,GAAI,QAERe,aAAc,CACVT,GAAI,OACJC,GAAI,QAERS,aAAc,CACVlB,GAAI,KACJN,SAAU,OACVI,WAAY,IACZH,cAAe,YACfC,WAAY,OACZK,cAAe,QACfC,GAAI,GAERiB,UAAW,CACPzB,SAAU,OACVE,WAAY,OACZM,GAAI,EACJL,MAAO,UAKJc,QCnEFW,EAAkB7D,IAAOC,IAAV,+EAAGD,CAAH,oJAIfE,IAAOE,OAMPF,IAAOG,OAKPyD,EAAgB9D,IAAOC,IAAV,6EAAGD,CAAH,MAEbiD,EAAcjD,IAAOC,IAAV,2EAAGD,CAAH,6VACN,SAAA8C,GAAK,OAAIA,EAAMiB,MACZ,SAAAjB,GAAK,OAAIA,EAAML,MACjB,SAAAK,GAAK,OAAIA,EAAMC,MACZ,SAAAD,GAAK,OAAIA,EAAME,KACxB9C,IAAOE,OASPF,IAAOG,MAQPH,IAAO8D,OAQP9D,IAAO+D,SC3CdC,EAAc,SAAC,GAA8B,IAA7BC,EAA4B,EAA5BA,WAAYC,EAAgB,EAAhBA,WACxBC,EAAgB7E,yBAAe,cA2B/B8E,EAAcD,EAActD,cAC5BwD,EAAcF,EAAcG,aAAaC,MACzCC,EAASH,EAAYI,QAAO,SAAAC,GAAM,MAAyB,kBAArBA,EAAOC,KAAKC,QAClDC,EAAYR,EAAYI,QAAO,SAAAC,GAAM,MAAyB,aAArBA,EAAOC,KAAKC,QACrD1D,EAAQ,CAAC,KACf,OACI,kBAACyC,EAAD,KACI,kBAACC,EAAD,KACI,yBAAKjE,UAAU,kBACX,kBAAC,IAAD,CACImF,SAAUV,EAAYU,SACtBhE,MAAOsD,EAAYtD,SAG3B,kBAAC,EAAgBmD,EACb,yBAAKtE,UAAU,OACX,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,OACV6E,EAAOpD,KAAI,SAAC2D,EAAOzD,GAEhB,OADAJ,EAAMK,KAAKL,EAAMI,GAAK,KAElB,yBAAK3B,UAAU,QAAQ6B,IAAG,SAAWuD,EAAMJ,KAAKlD,IAC5C,kBAAC,EAAD,CACIwB,SAAU8B,EAAMJ,KAAKK,MAAMvF,gBAAgBC,MAC3CwD,KAAM6B,EAAMJ,KAAKzB,KACjBC,YAAa4B,EAAMJ,KAAKxB,YACxBM,UAAcvC,EAAMI,GAAX,eASzC,kBAAC,EAAgB4C,EACb,yBAAKvE,UAAU,OACX,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,OACVkF,EAAUzD,KAAI,SAAC6D,EAAS3D,GAAV,OACX,yBAAK3B,UAAU,QAAQ6B,IAAG,WAAayD,EAAQN,KAAKlD,IAChD,kBAAC,EAAD,CACIwB,SAAUgC,EAAQN,KAAKK,MAAMvF,gBAAgBC,MAC7CwD,KAAM+B,EAAQN,KAAKzB,KACnBC,YAAa8B,EAAQN,KAAKxB,YAC1BM,UAAcvC,EAAMI,GAAX,kBAkBrD0C,EAAYlC,aAAe,CACvBmC,WAAY,CACRpB,GAAI,QAERqB,WAAY,CACRrB,GAAI,SAIGmB,Q,wBCxGFkB,EAAkBpF,IAAOqF,QAAV,sFAAGrF,CAAH,sIAEJ,SAAA8C,GAAK,OAAIA,EAAMwC,kBAC1BpF,IAAOE,OAGPF,IAAOG,MAIHH,IAAOG,OCNlBkF,EAAqB,SAAC,GAAwB,IAAvBF,EAAsB,EAAtBA,QAASG,EAAa,EAAbA,QAwB5BC,EAvBkBjG,yBAAe,cAuBFkG,mBAAmBjB,MACxD,OACI,kBAACW,EAAoBC,EACjB,yBAAKxF,UAAU,0BACX,yBAAKA,UAAU,SACX,kBAAC,IAAD,CAAa2F,QAASA,GACjBC,EAAanE,KAAI,SAAAqE,GAAI,OAClB,yBAAK9F,UAAU,OAAO6B,IAAKiE,EAAKd,KAAKlD,IACjC,kBAAC,IAAD,CACIiE,YAAaD,EAAKd,KAAKe,YACvBC,YAAaF,EAAKd,KAAKgB,YACvBC,QAASH,EAAKd,KAAKiB,QACnBC,QAASJ,EAAKd,KAAKkB,QACnBC,aAAcL,EAAKd,KAAKmB,aAAarG,gBAAgBsG,MACrDC,OAAQP,EAAKd,KAAKqB,kBAetDX,EAAmBvD,aAAe,CAC9BqD,QAAS,CACLC,gBAAiB,WAErBE,QAAS,CACLW,aAAc,EACdC,MAAM,IAICb,QC9DA,4BACX,kBAAC,IAAD,KACI,kBAAC,IAAD,CACIvE,MAAM,4DACNqF,YAAW,qIAKf,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD","file":"component---src-pages-company-js-aa347c374d76c150bf5f.js","sourcesContent":["import React from 'react'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Image from '../../../components/image'\r\n\r\nconst Banner = () => {\r\n    const bannerQueryData = useStaticQuery(graphql `\r\n        query CompanyBannerQuery {\r\n            pagedataJson(id: {eq: \"company_page_data\"}) {\r\n                banner_img {\r\n                    childImageSharp {\r\n                        fluid(maxWidth: 1920, maxHeight: 750, quality: 100) {\r\n                            ...GatsbyImageSharpFluid_withWebp\r\n                            presentationWidth\r\n                            presentationHeight\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }      \r\n    `);\r\n    const imageData = bannerQueryData.pagedataJson.banner_img.childImageSharp.fluid\r\n    return (\r\n        <div className=\"banner-area\">\r\n            <Image fluid={imageData} alt=\"Company Banner\"/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Banner\r\n ","import styled from 'styled-components';\r\nimport {device} from '../../../theme'\r\n\r\nexport const AboutSectionWrap = styled.div `\r\n    padding: 130px 0;\r\n    .section-pt-md{\r\n        padding-top: 70px;\r\n    }\r\n    @media ${device.xlarge}{\r\n        .col-2.offset-1{\r\n            margin-left: 20vw;\r\n        }\r\n    }\r\n    @media ${device.medium}{\r\n        padding: 70px 0;\r\n        .col-1.offset-1, .col-2.offset-1 {\r\n            max-width: 80vw;\r\n            min-width: 80vw;\r\n            flex: 0;\r\n            margin-left: 10vw;\r\n        }\r\n        .section-pt-md{\r\n            padding-top: 15px;\r\n        }\r\n        .project-type{\r\n            flex-basis: 50%;\r\n            max-width: 50%;\r\n            width: 50%;\r\n            margin: 30px 0;\r\n        }\r\n    }\r\n    @media ${device.small}{\r\n        padding: 10vw 0;\r\n        .project-type{\r\n            flex-basis: 100%;\r\n            max-width: 100%;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 15px 0;\r\n        }\r\n    }\r\n`;\r\n\r\nexport const SectionTitle = styled.div `\r\n    margin-top: -10px;\r\n`;\r\n\r\nexport const AboutContent = styled.div `\r\n    margin-top: -7px;\r\n    margin-bottom: -18px;\r\n`;\r\n\r\nexport const ProjectTypeList = styled.ul `\r\n    margin: 0;\r\n    padding-left: 17px;\r\n`;","import React from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Heading from '../../../components/shared/heading'\r\nimport Text from '../../../components/shared/text'\r\nimport {AboutSectionWrap, SectionTitle, AboutContent, ProjectTypeList} from './about.stc'\r\n \r\nconst About = ({HeadingStyle, TextStyle, ProjectTypeHeading, ProjectTypeText}) => {\r\n    const aboutQueryData = useStaticQuery(graphql `\r\n        query AboutDataQuery {\r\n            aboutdataJson(id: {eq: \"about-intro-content\"}) {\r\n                id\r\n                title\r\n                desc\r\n                content\r\n                featured_work {\r\n                    id\r\n                    title\r\n                    achivments\r\n                }\r\n            }\r\n        }      \r\n    `);\r\n    const {title, desc, content, featured_work} = aboutQueryData.aboutdataJson;\r\n    const delay = [200];\r\n    return (\r\n        <AboutSectionWrap>\r\n            <div className=\"row\">\r\n                {(title || desc) && (\r\n                    <div className=\"col-1 offset-1\">\r\n                        <SectionTitle>\r\n                            {title && <Heading {...HeadingStyle}>{title}</Heading>}\r\n                            {desc && <Text {...TextStyle}>{desc}</Text>}                        \r\n                        </SectionTitle>\r\n                    </div>\r\n                )}\r\n                {content && (\r\n                    <div className=\"col-2 offset-1\">\r\n                        <AboutContent>\r\n                            <Text>{content.split('\\n')[0]}</Text>\r\n                            <Text>{content.split('\\n')[1]}</Text>\r\n                            <Text>{content.split('\\n')[2]}</Text>\r\n                        </AboutContent>\r\n                    </div>\r\n                )}\r\n            </div>\r\n            {featured_work && (\r\n                <div className=\"row section-pt-md\">\r\n                    <div className=\"col-4 offset-1\">\r\n                        <div className=\"content row\">\r\n                            {featured_work.map((work,i) => {\r\n                                delay.push(delay[i] + 200)\r\n                                return(\r\n                                    <div \r\n                                        key={work.id}\r\n                                        className=\"col-1 project-type wow fadeInLeft\" \r\n                                        data-wow-delay={`${delay}ms`} \r\n                                        data-wow-duration=\"1000ms\">\r\n                                        {work.title && <Heading {...ProjectTypeHeading}>{work.title}</Heading>}\r\n                                        {work.achivments && (\r\n                                            <ProjectTypeList>\r\n                                                {work.achivments.map((achiv, i) => (\r\n                                                    <li key={`${work.id}-${i}`}><Text {...ProjectTypeText}>{achiv}</Text></li>\r\n                                                ))}\r\n                                            </ProjectTypeList>\r\n                                        )}\r\n                                    </div>\r\n                                )\r\n                            })}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </AboutSectionWrap>\r\n    )\r\n}\r\n\r\nAbout.propTypes = {\r\n    HeadingStyle: PropTypes.object,\r\n    TextStyle: PropTypes.object\r\n}\r\n\r\nAbout.defaultProps = {\r\n    HeadingStyle: {\r\n        fontSize: '40px',\r\n        texttransform: 'capitalize',\r\n        lineHeight: '55px',\r\n        color: 'primary',\r\n        fontweight: 600,\r\n        responsive: {\r\n            medium: {\r\n                fontSize: '24px',\r\n                lineHeight: 'initial'\r\n            },\r\n            small: {\r\n                fontSize: '25px',\r\n                lineHeight: '35px'\r\n            }\r\n        }\r\n    },\r\n    TextStyle: {\r\n        lineHeight: '26px'\r\n    },\r\n    ProjectTypeHeading: {\r\n        as: 'h6',\r\n        color: 'primary',\r\n        fontSize: '32px',\r\n        fontweight: 700,\r\n        letterspacing: '2px',\r\n        mb: '12px'\r\n    },\r\n    ProjectTypeText: {\r\n        m: 0,\r\n        fontSize: '12px',\r\n        color: '#000000',\r\n        letterspacing: '1px'\r\n    }\r\n}\r\n\r\nexport default About;","import styled from 'styled-components';\r\n\r\nexport const TeamThumb = styled.div `\r\n    overflow: hidden;\r\n    position: relative;\r\n    img{\r\n        transition: 0.3s !important;\r\n        width: 100%;\r\n    }\r\n`;\r\n\r\nexport const TeamOverlay = styled.div ``;\r\n\r\nexport const TeamContent = styled.div `\r\n    padding-top: ${props => props.pt};\r\n    padding-bottom: ${props => props.pb};\r\n`;\r\n\r\nexport const TeamWrapper = styled.div `\r\n    margin-bottom: ${props => props.mb};\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-width: 320px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    &:hover{\r\n        ${TeamThumb}{\r\n            img{\r\n                transform: scale(1.1);\r\n            }\r\n        }\r\n    }\r\n`;","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport Heading from '../shared/heading'\r\nimport Text from '../shared/text'\r\nimport Image from '../image'\r\nimport {TeamWrapper, TeamThumb, TeamOverlay, TeamContent} from './team.stc'\r\n\r\nconst Team = ({imageSrc, name, designation, teamStyle}) => {\r\n    const {wrapperStyle, contentStyle, headingStyle, textStyle, animDelay} = teamStyle;\r\n    return(\r\n        <TeamWrapper {...wrapperStyle}>\r\n            {imageSrc && (\r\n                <TeamThumb>\r\n                    <Image fluid={imageSrc} alt={name}/>\r\n                </TeamThumb>\r\n            )}\r\n            <TeamOverlay></TeamOverlay>\r\n            <TeamContent \r\n                {...contentStyle}\r\n                className=\"wow fadeInLeft\"\r\n                data-wow-delay={animDelay} \r\n                data-wow-duration=\"1000ms\"\r\n            >\r\n                {name && <Heading {...headingStyle}>{name}</Heading>}\r\n                {designation && <Text {...textStyle}>{designation}</Text>}\r\n            </TeamContent>\r\n        </TeamWrapper>\r\n    )\r\n}\r\n\r\nTeam.propTypes = {\r\n    imageSrc: PropTypes.oneOfType([\r\n        PropTypes.string,\r\n        PropTypes.object\r\n    ]),\r\n    name: PropTypes.string,\r\n    role: PropTypes.string,\r\n    company: PropTypes.string,\r\n    teamStyle: PropTypes.object,\r\n    path: PropTypes.string\r\n}\r\n\r\nTeam.defaultProps = {\r\n    path: '/',\r\n    teamStyle: {\r\n        wrapperStyle:{\r\n            mb: '30px'\r\n        },\r\n        contentStyle: {\r\n            pt: '15px',\r\n            pb: '15px'\r\n        },\r\n        headingStyle: {\r\n            as: 'h3',\r\n            fontSize: '16px',\r\n            fontweight: 700,\r\n            texttransform: 'uppercase',\r\n            lineHeight: '26px',\r\n            letterspacing: '1.5px',\r\n            mb: 0\r\n        },\r\n        textStyle: {\r\n            fontSize: '12px',\r\n            lineHeight: '26px',\r\n            mb: 0,\r\n            color: '#000'\r\n        }\r\n    }\r\n}\r\n\r\nexport default Team;","import styled from 'styled-components'\r\nimport {device} from '../../../theme'\r\n\r\nexport const TeamSectionWrap = styled.div `\r\n    background: #f8f8f8;\r\n    padding-top: 130px;\r\n    padding-bottom: 75px;\r\n    @media ${device.medium}{\r\n        padding: 70px 0;\r\n        .col-1.offset-1 {\r\n            max-width: 80vw;\r\n        }\r\n    }\r\n    @media ${device.small}{\r\n        padding: 10vw 0;\r\n    }\r\n`;\r\n\r\nexport const TeamContainer = styled.div ``;\r\n\r\nexport const TeamWrapper = styled.div `\r\n    margin-top: ${props => props.mt};\r\n    margin-bottom: ${props => props.mb};\r\n    padding-top: ${props => props.pt};\r\n    padding-bottom: ${props => props.pb};\r\n    @media ${device.medium}{\r\n        .col-4.offset-1 {\r\n            width: 80vw;\r\n            .col-1 {\r\n                max-width: 40vw;\r\n                flex: 0 0 40vw;\r\n            }\r\n        }\r\n    }\r\n    @media ${device.small}{\r\n        .col-4.offset-1 {\r\n            .col-1 {\r\n                max-width: 80vw;\r\n                flex: 0 0 80vw;\r\n            }\r\n        }\r\n    }\r\n    @media ${device.xsmall}{\r\n        .col-4.offset-1 {\r\n            .col-1 {\r\n                max-width: 40vw;\r\n                flex: 0 0 40vw;\r\n            }\r\n        }\r\n    }\r\n    @media ${device.xxsmall}{\r\n        .col-4.offset-1 {\r\n            .col-1 {\r\n                max-width: 80vw;\r\n                flex: 0 0 80vw;\r\n            }\r\n        }\r\n    }\r\n`; ","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport SectionTitle from '../../../components/shared/section-title'\r\nimport Team from '../../../components/team'\r\nimport {TeamSectionWrap, TeamWrapper, TeamContainer} from './team.stc'\r\n\r\nconst TeamSection = ({wrapperOne, wrapperTwo}) => {\r\n    const teamQueryData = useStaticQuery(graphql `\r\n        query TeamDataQuery {\r\n            aboutdataJson(id: {eq: \"about-team-section-content\"}) {\r\n                title\r\n                subtitle\r\n            }\r\n            allTeamsJson {\r\n                edges {\r\n                  node {\r\n                    id\r\n                    name\r\n                    designation\r\n                    role\r\n                    image {\r\n                      childImageSharp {\r\n                        fluid(maxWidth: 615, maxHeight: 720, quality: 100) {\r\n                          ...GatsbyImageSharpFluid_withWebp\r\n                          presentationWidth\r\n                          presentationHeight\r\n                        }\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n            }\r\n        }      \r\n    `); \r\n    const teamSecData = teamQueryData.aboutdataJson;\r\n    const teamMembers = teamQueryData.allTeamsJson.edges;\r\n    const admins = teamMembers.filter(member => member.node.role === 'administrator');\r\n    const employees = teamMembers.filter(member => member.node.role === 'employee'); \r\n    const delay = [300];\r\n    return (\r\n        <TeamSectionWrap>\r\n            <TeamContainer>\r\n                <div className=\"col-1 offset-1\">\r\n                    <SectionTitle\r\n                        subtitle={teamSecData.subtitle}\r\n                        title={teamSecData.title}\r\n                    />\r\n                </div>\r\n                <TeamWrapper {...wrapperOne}>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-4 offset-1\">\r\n                            <div className=\"row\">\r\n                                {admins.map((admin, i) => {\r\n                                    delay.push(delay[i] + 200)\r\n                                    return(\r\n                                        <div className=\"col-1\" key={`admin-${admin.node.id}`}>\r\n                                            <Team \r\n                                                imageSrc={admin.node.image.childImageSharp.fluid}\r\n                                                name={admin.node.name}\r\n                                                designation={admin.node.designation}\r\n                                                animDelay={`${delay[i]}ms`}\r\n                                            />\r\n                                        </div>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </TeamWrapper> \r\n                <TeamWrapper {...wrapperTwo}>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-4 offset-1\">\r\n                            <div className=\"row\">\r\n                                {employees.map((employe, i) => (\r\n                                    <div className=\"col-1\" key={`employe-${employe.node.id}`}>\r\n                                        <Team\r\n                                            imageSrc={employe.node.image.childImageSharp.fluid}\r\n                                            name={employe.node.name}\r\n                                            designation={employe.node.designation}\r\n                                            animDelay={`${delay[i]}ms`}\r\n                                        />\r\n                                    </div>\r\n                                ))}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </TeamWrapper>\r\n            </TeamContainer>\r\n        </TeamSectionWrap>\r\n    )\r\n} \r\n\r\nTeamSection.propTypes = {\r\n    wrapperOne: PropTypes.object,\r\n    wrapperTwo: PropTypes.object\r\n}\r\n\r\nTeamSection.defaultProps = {\r\n    wrapperOne: {\r\n        pt: '75px'\r\n    },\r\n    wrapperTwo: {\r\n        pt: '20px'\r\n    }\r\n}\r\n\r\nexport default TeamSection\r\n","import styled from 'styled-components';\r\nimport {device} from '../../../theme'\r\n\r\nexport const TestimonialWrap = styled.section `\r\n    padding: 130px 0;\r\n    background-color: ${props => props.backgroundColor};\r\n    @media ${device.medium}{\r\n        padding: 70px 0;\r\n    }\r\n    @media ${device.small}{\r\n        padding: 10vw 0;\r\n    }\r\n    .col-6{\r\n        @media ${device.small}{\r\n            margin-left: 10vw;\r\n        }\r\n    }\r\n`;","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport SlickSlider from '../../../components/shared/slick'\r\nimport Testimonial from '../../../components/testimonial'\r\nimport {TestimonialWrap} from './testimonial.stc'\r\n \r\nconst TestimonialSection = ({section, options}) => {\r\n    const testimonialData = useStaticQuery(graphql `\r\n        query AboutTestimonailQuery {\r\n            allTestimonialJson {\r\n                edges {\r\n                    node{\r\n                        id\r\n                        author_name\r\n                        author_role\r\n                        review\r\n                        company\r\n                        country\r\n                        author_image {\r\n                            childImageSharp {\r\n                                fixed(width: 88, height: 88, quality: 100) {\r\n                                    ...GatsbyImageSharpFixed_withWebp\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    const testimonilas = testimonialData.allTestimonialJson.edges;\r\n    return (\r\n        <TestimonialWrap {...section}>\r\n            <div className=\"row align-items-center\">\r\n                <div className=\"col-6\">\r\n                    <SlickSlider options={options}>\r\n                        {testimonilas.map(data => (\r\n                            <div className=\"item\" key={data.node.id}>\r\n                                <Testimonial\r\n                                    author_name={data.node.author_name}\r\n                                    author_role={data.node.author_role}\r\n                                    company={data.node.company}\r\n                                    country={data.node.country}\r\n                                    author_image={data.node.author_image.childImageSharp.fixed}\r\n                                    review={data.node.review}\r\n                                />\r\n                            </div>\r\n                        ))}\r\n                    </SlickSlider>\r\n                </div>\r\n            </div>\r\n        </TestimonialWrap>\r\n    )\r\n} \r\n\r\nTestimonialSection.propTypes = {\r\n    section: PropTypes.object\r\n}\r\n\r\nTestimonialSection.defaultProps = {\r\n    section: {\r\n        backgroundColor: '#f8f8f8'\r\n    },\r\n    options: {\r\n        slidesToShow: 1,\r\n        dots: true\r\n    }\r\n}\r\n\r\nexport default TestimonialSection\r\n","import React from \"react\"\r\nimport SEO from '../components/seo';\r\nimport Layout from '../containers/layout/layout'\r\nimport Banner from '../containers/company/banner'\r\nimport About from '../containers/company/about'\r\nimport Team from '../containers/company/team'\r\nimport Testimonial from '../containers/company/testimonial'\r\n\r\nexport default () => (\r\n    <Layout>\r\n        <SEO \r\n            title=\"Маркетинговое агентство полного цикла ostrovsky-marketing\"\r\n            description={\r\n                `Любим свою работу, постоянно развиваемся сами и помогаем \r\n                развиваться вам. Творческий подход и оценимый эффект.`\r\n            }\r\n        />\r\n        <Banner/>\r\n        <About/>\r\n        <Team/>\r\n        <Testimonial/>\r\n    </Layout>\r\n)\r\n"],"sourceRoot":""}