{"version":3,"file":"component---src-pages-team-ramy-js-df7e2b1746f003bbd3e6.js","mappings":"+QAUe,SAASA,IACpB,IAAMC,EAAe,CACjBC,EAAAA,GAgCJ,OACI,SAAC,WAAD,MACI,SAAC,IAAD,CAAQC,SAAS,gBAAgBC,SAAS,UACtC,gBAAKC,UAAW,CAAC,iBAAkBC,EAAAA,EAAAA,SAAoBC,KAAK,OACxD,SAAC,IAAD,CAAWC,SAAS,OAChB,SAAC,IAAD,MAEI,SAAC,IAAD,CAAMC,WAAS,EAACC,QAAS,EAAGC,QAAQ,WAChC,SAAC,IAAD,CAAMC,MAAI,EAACC,GAAI,IACVZ,GACD,SAAC,IAvChB,CACba,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,MAAO,IACPC,aAAc,IACdC,eAAgB,IAChBC,WAAY,CACR,CACIC,WAAY,KACZC,SAAU,CACNJ,aAAc,KACdC,eAAgB,KAChBJ,UAAU,EACVD,MAAM,IAGd,CACIO,WAAY,IACZC,SAAU,CACNJ,aAAc,KACdC,eAAgB,KAChBJ,UAAU,EACVD,MAAM,MAkBkBb,EAAasB,KAAI,SAAAC,GACb,OACI,qBACI,gBAAKC,IAAKD,SAQ9B,KAKJ,SAAC,IAAD,CAAMZ,MAAI,EAACC,GAAI,GAAIa,GAAI,IACnB,gBAAKrB,UAAWC,EAAAA,EAAAA,SACZ,eAAID,UAAU,MAAd,mBAEJ,gBAAKA,UAAWC,EAAAA,EAAAA,OACZ,kSAEI,qBAAM,oBAFV,uKAII,qBAAM,oBAJV,wEAQJ,SAAC,IAAD,CAAMM,MAAI,EAACC,GAAI,GAAIc,GAAI,EAAGD,GAAI,IAC1B,gBAAKrB,UAAWC,EAAAA,EAAAA,gBACZ,cAAGsB,KAAK,+BAA+BvB,UAAWC,EAAAA,EAAAA,WAAlD,gC,mBCtF5C,KAAgB,QAAU,wCAAwC,OAAS,uCAAuC,SAAW,yCAAyC,cAAgB,+CAA+C,KAAO,qCAAqC,aAAe,8CAA8C,IAAM,oCAAoC,KAAO,qCAAqC,SAAW,0CAA0C,KAAO,qCAAqC,cAAgB,+CAA+C,cAAgB,+CAA+C,SAAW,yCAAyC,MAAQ,sCAAsC,SAAW,0CAA0C,YAAc,6CAA6C,eAAiB,gDAAgD,SAAW,0CAA0C,QAAU,yCAAyC,UAAY,2CAA2C,aAAe,8CAA8C,WAAa,8C,qBCD/nC,IAAe,IAA0B","sources":["webpack://gatsby-starter-default/./src/pages/team/ramy.js","webpack://gatsby-starter-default/./src/assets/scss/class-internal.module.scss","webpack://gatsby-starter-default/./src/images/team/ramy.jpg"],"sourcesContent":["import { Container, Grid } from '@material-ui/core'\nimport React from 'react'\nimport Slider from 'react-slick';\nimport Layout from '../../components/layout'\nimport GridRow from '../../components/_grid-row'\n\n\nimport pageStyles from '../../assets/scss/class-internal.module.scss'\nimport ramyImg from '../../images/team/ramy.jpg';\n\nexport default function Ramy() {\n    const sliderImages = [\n        ramyImg\n    ];\n\n    const settings = {\n        dots: true,\n        infinite: false,\n        arrows: false,\n        speed: 500,\n        slidesToShow: 3.6,\n        slidesToScroll: 3.6,\n        responsive: [\n            {\n                breakpoint: 1024,\n                settings: {\n                    slidesToShow: 2.05,\n                    slidesToScroll: 2.05,\n                    infinite: false,\n                    dots: true\n                }\n            },\n            {\n                breakpoint: 767,\n                settings: {\n                    slidesToShow: 1.02,\n                    slidesToScroll: 1.02,\n                    infinite: false,\n                    dots: true\n                }\n            },\n        ]\n    };\n\n    return (\n        <React.Fragment>\n            <Layout pageName=\"Meet the Team\" backLink=\"/team\">\n                <div className={[\"class-internal\", pageStyles.wrapper].join(\" \")}>\n                    <Container maxWidth=\"xl\">\n                        <GridRow>\n                            {/* Slider section */}\n                            <Grid container spacing={3} justify=\"center\">\n                                <Grid item xs={12}>\n                                    {sliderImages?\n                                    <Slider  {...settings}>\n                                        {\n                                            sliderImages.map(img => {\n                                                return (\n                                                    <div>\n                                                        <img src={img}/>\n                                                    </div>\n                                                )\n                                            })\n                                        }\n\n                                    </Slider>\n                                    :\n                                    \"\"\n\n                                    }\n                                </Grid>\n                                {/* Content section */}\n                                <Grid item xs={12} lg={8}>\n                                    <div className={pageStyles.header}>\n                                        <h2 className=\"h2\">Ramy Metwally</h2>\n                                    </div>\n                                    <div className={pageStyles.desc}>\n                                        <p>\n                                            Ramy is our go-to resident boxing and boxercise coach. He is also a champion boxer, ranked nationally, and teaches adults and kids in our playground how to mindfully use the ancient principles of combat sports to be more confident, and aware in their day to day life. \n                                            <br /><br />\n                                            For those wanting to break a sweat, and get stronger using the practice of boxing, Ramy will guarantee that you \"crawl\" out of the playground filling knocked-out! \n                                            <br /><br />\n                                            To inquire or book, please send an email to info@beachmonkeyz.com.\n                                        </p>\n                                    </div>\n                                    <Grid item xs={12} md={6} lg={5}>\n                                        <div className={pageStyles.reserveButton}>\n                                            <a href=\"mailto:info@beachmonkeyz.com\" className={pageStyles.emailLink}>\n                                                Send us an e-mail\n                                            </a>\n                                        </div>\n                                    </Grid> \n                                </Grid>\n                            </Grid>\n                        </GridRow>\n                    </Container>\n                </div>\n            </Layout>\n        </React.Fragment>\n    )\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"class-internal-module--wrapper--5Q+IV\",\"header\":\"class-internal-module--header--if3Ex\",\"subtitle\":\"class-internal-module--subtitle--QayQC\",\"smallSubtitle\":\"class-internal-module--small-subtitle--gkpKM\",\"date\":\"class-internal-module--date--A+HBa\",\"boxesWrapper\":\"class-internal-module--boxes-wrapper--Zaz+G\",\"box\":\"class-internal-module--box--lWmpE\",\"info\":\"class-internal-module--info--x6zgi\",\"infoText\":\"class-internal-module--info-text--JAnz+\",\"desc\":\"class-internal-module--desc--Qgwqg\",\"slidingButton\":\"class-internal-module--sliding-button--qGpaC\",\"reserveButton\":\"class-internal-module--reserve-button--AArdU\",\"footnote\":\"class-internal-module--footnote--0gszV\",\"modal\":\"class-internal-module--modal--NzIx3\",\"modalImg\":\"class-internal-module--modal-img--7PoEY\",\"modalHeader\":\"class-internal-module--modal-header--Xxt8f\",\"modalSubheader\":\"class-internal-module--modal-subheader--BmTQl\",\"modalBtn\":\"class-internal-module--modal-btn--L734H\",\"funFact\":\"class-internal-module--fun-fact--YA8bD\",\"emailLink\":\"class-internal-module--email-link--2-zvO\",\"eventClasses\":\"class-internal-module--event-classes--5sEFv\",\"eventClass\":\"class-internal-module--event-class--Q6U-j\"};","export default __webpack_public_path__ + \"static/ramy-5a25b6bc9f1b58103c944f14ddc271a7.jpg\";"],"names":["Ramy","sliderImages","ramyImg","pageName","backLink","className","pageStyles","join","maxWidth","container","spacing","justify","item","xs","dots","infinite","arrows","speed","slidesToShow","slidesToScroll","responsive","breakpoint","settings","map","img","src","lg","md","href"],"sourceRoot":""}