{"version":3,"sources":["webpack:///./src/components/OurServices/AllOnFour.js","webpack:///./src/components/OurServices/BoneGrafting.js","webpack:///./src/components/OurServices/CrownLengthening.js","webpack:///./src/components/OurServices/DentalImplants.js","webpack:///./src/components/OurServices/Frenectomy.js","webpack:///./src/components/OurServices/GumDisease.js","webpack:///./src/components/OurServices/GumGrafting.js","webpack:///./src/components/OurServices/LaserTherapy.js","webpack:///./src/components/OurServices/PeriodontalSurgery.js","webpack:///./src/components/OurServices/PlateletRichFibrin.js","webpack:///./src/components/OurServices/SedationDentistry.js","webpack:///./src/components/OurServices/SinusLift.js","webpack:///./src/components/OurServices/ToothExtraction.js","webpack:///./src/components/OurServices/OurServices.js","webpack:///./src/pages/our-services.js"],"names":["AllOnFour","render","this","props","ourServiceData","imageOne","imageTwo","imageThree","className","Container","fluid","Row","Col","md","ourServices","allOnFour","title","discriptionOne","subtitleOne","discriptionTwo","discriptionThree","discriptionFour","subtitleTwo","discriptionFive","discriptionSix","discriptionSeven","discriptionEight","discriptionNine","discriptionTen","childImageSharp","style","height","alt","imgStyle","objectFit","Component","query","data","allOurservicesJson","nodes","BoneGrafting","boneGrafting","CrownLengthening","crownLengthening","width","imageOneText","imageTwoText","DentalImplants","dentalImplants","underlineOne","underlineTwo","underlineThree","underlineFour","subtitleThree","Frenectomy","frenectomy","GumDisease","gumDiseaseTreatment","GumGrafting","gumGrafting","LaserTherapy","laserTherapy","bulletOneBold","bulletOne","bulletTwoBold","bulletTwo","bulletThreeBold","bulletThree","bulletFourBold","bulletFour","bulletFiveBold","bulletFive","bulletSixBold","bulletSix","bulletSevenBold","bulletSeven","src","frameBorder","allow","allowFullScreen","PeriodontalSurgery","periodontalSurgery","advancedPeriodontitis","PlateletRichFibrin","plateletRichFibrin","SedationDentistry","sedationDentistry","SinusLift","sinusLift","ToothExtraction","toothExtraction","OurServices","Tab","id","defaultActiveKey","Nav","variant","Item","Link","eventKey","menuTitle","NavDropdown","Content","Pane","OurServicesPage"],"mappings":"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","file":"component---src-pages-our-services-js-43b3906cedf4d02dd264.js","sourcesContent":["import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport Img from 'gatsby-image';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass AllOnFour extends Component {\n  render() {\n    const { ourServiceData, imageOne, imageTwo, imageThree } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.allOnFour.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.allOnFour.discriptionOne}\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.allOnFour.subtitleOne}\n                </h3>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionTwo}</p>\n                <p>\n                  {ourServiceData[0].ourServices.allOnFour.discriptionThree}\n                </p>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionFour}</p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.allOnFour.subtitleTwo}\n                </h3>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionFive}</p>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionSix}</p>\n                <p>\n                  {ourServiceData[0].ourServices.allOnFour.discriptionSeven}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.allOnFour.discriptionEight}\n                </p>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionNine}</p>\n                <p>{ourServiceData[0].ourServices.allOnFour.discriptionTen}</p>\n\n                <Row className=\"pb-5\">\n                  <Col md={4}>\n                    <Img\n                      fluid={imageOne.childImageSharp.fluid}\n                      style={{ height: '10rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block mb-2\"\n                    />\n                  </Col>\n                  <Col md={4}>\n                    <Img\n                      fluid={imageTwo.childImageSharp.fluid}\n                      style={{ height: '10rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block mb-2\"\n                    />\n                  </Col>\n                  <Col md={4}>\n                    <Img\n                      fluid={imageThree.childImageSharp.fluid}\n                      style={{ height: '10rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block mb-2\"\n                    />\n                  </Col>\n                </Row>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query AllOnFourQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              allOnFour {\n                title\n                discriptionOne\n                subtitleOne\n                discriptionTwo\n                discriptionThree\n                discriptionFour\n                subtitleTwo\n                discriptionFive\n                discriptionSix\n                discriptionSeven\n                discriptionEight\n                discriptionNine\n                discriptionTen\n              }\n            }\n          }\n        }\n\n        imageOne: file(\n          relativePath: { eq: \"services/allonfour/imageOne.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n\n        imageTwo: file(\n          relativePath: { eq: \"services/allonfour/imageTwo.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n\n        imageThree: file(\n          relativePath: { eq: \"services/allonfour/imageThree.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <AllOnFour\n        ourServiceData={data.allOurservicesJson.nodes}\n        imageOne={data.imageOne}\n        imageTwo={data.imageTwo}\n        imageThree={data.imageThree}\n      />\n    )}\n  />\n);\n\nAllOnFour.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n  imageOne: PropTypes.object.isRequired,\n  imageTwo: PropTypes.object.isRequired,\n  imageThree: PropTypes.object.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass BoneGrafting extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.boneGrafting.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.boneGrafting.discriptionOne}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.boneGrafting.discriptionTwo}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.boneGrafting.discriptionThree}\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query BoneGraftingQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              boneGrafting {\n                title\n                discriptionOne\n                discriptionTwo\n                discriptionThree\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <BoneGrafting ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nBoneGrafting.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport Img from 'gatsby-image';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass CrownLengthening extends Component {\n  render() {\n    const { ourServiceData, imageOne, imageTwo } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.crownLengthening.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.crownLengthening\n                      .discriptionOne\n                  }\n                </p>\n                <Row className=\"pb-1 text-center\">\n                  <Col md={6}>\n                    <Img\n                      fluid={imageOne.childImageSharp.fluid}\n                      style={{ width: '18rem', height: '10rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block mb-2\"\n                    />\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.crownLengthening\n                            .imageOneText\n                        }\n                      </b>\n                    </p>\n                  </Col>\n                  <Col md={6}>\n                    <Img\n                      fluid={imageTwo.childImageSharp.fluid}\n                      style={{ width: '18rem', height: '10rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block mb-2\"\n                    />\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.crownLengthening\n                            .imageTwoText\n                        }\n                      </b>\n                    </p>\n                  </Col>\n                </Row>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.crownLengthening\n                      .discriptionTwo\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.crownLengthening\n                      .discriptionThree\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query CrownLengtheningQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              crownLengthening {\n                title\n                discriptionOne\n                imageOneText\n                imageTwoText\n                discriptionTwo\n                discriptionThree\n              }\n            }\n          }\n        }\n\n        imageOne: file(\n          relativePath: { eq: \"services/crownlengthening/imageOne.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n\n        imageTwo: file(\n          relativePath: { eq: \"services/crownlengthening/imageTwo.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <CrownLengthening\n        ourServiceData={data.allOurservicesJson.nodes}\n        imageOne={data.imageOne}\n        imageTwo={data.imageTwo}\n      />\n    )}\n  />\n);\n\nCrownLengthening.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n  imageOne: PropTypes.object.isRequired,\n  imageTwo: PropTypes.object.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass DentalImplants extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.dentalImplants.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.dentalImplants.discriptionOne}\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.dentalImplants.subtitleOne}\n                </h3>\n                <p>\n                  <u>\n                    {ourServiceData[0].ourServices.dentalImplants.underlineOne}\n                  </u>{' '}\n                  {ourServiceData[0].ourServices.dentalImplants.discriptionTwo}\n                </p>\n                <p>\n                  <u>\n                    {ourServiceData[0].ourServices.dentalImplants.underlineTwo}\n                  </u>{' '}\n                  {\n                    ourServiceData[0].ourServices.dentalImplants\n                      .discriptionThree\n                  }\n                </p>\n                <p>\n                  <u>\n                    {\n                      ourServiceData[0].ourServices.dentalImplants\n                        .underlineThree\n                    }\n                  </u>{' '}\n                  {ourServiceData[0].ourServices.dentalImplants.discriptionFour}\n                </p>\n                <p>\n                  <u>\n                    {ourServiceData[0].ourServices.dentalImplants.underlineFour}\n                  </u>{' '}\n                  {ourServiceData[0].ourServices.dentalImplants.discriptionFive}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.dentalImplants.discriptionSix}\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.dentalImplants.subtitleTwo}\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.dentalImplants\n                      .discriptionSeven\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.dentalImplants.subtitleThree}\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.dentalImplants\n                      .discriptionEight\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query DentalImplantsQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              dentalImplants {\n                title\n                discriptionOne\n                subtitleOne\n                underlineOne\n                discriptionTwo\n                underlineTwo\n                discriptionThree\n                underlineThree\n                discriptionFour\n                underlineFour\n                discriptionFive\n                underlineFive\n                discriptionSix\n                subtitleTwo\n                discriptionSeven\n                subtitleThree\n                discriptionEight\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <DentalImplants ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nDentalImplants.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass Frenectomy extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.frenectomy.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.frenectomy.discriptionOne}\n                </p>\n                <p>{ourServiceData[0].ourServices.frenectomy.discriptionTwo}</p>\n                <p>\n                  {ourServiceData[0].ourServices.frenectomy.discriptionThree}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.frenectomy.discriptionFour}\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query FrenectomyQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              frenectomy {\n                title\n                discriptionOne\n                discriptionTwo\n                discriptionThree\n                discriptionFour\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <Frenectomy ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nFrenectomy.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass GumDisease extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.gumDiseaseTreatment.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionOne\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionTwo\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .subtitleOne\n                  }\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionThree\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .subtitleTwo\n                  }\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionFour\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .subtitleThree\n                  }\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionFive\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.gumDiseaseTreatment\n                      .discriptionSix\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query GumDiseaseQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              gumDiseaseTreatment {\n                title\n                discriptionOne\n                discriptionTwo\n                subtitleOne\n                discriptionThree\n                subtitleTwo\n                discriptionFour\n                subtitleThree\n                discriptionFive\n                discriptionSix\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <GumDisease ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nGumDisease.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass GumGrafting extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.gumGrafting.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.gumGrafting.discriptionOne}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.gumGrafting.discriptionTwo}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.gumGrafting.discriptionThree}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.gumGrafting.discriptionFour}\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.gumGrafting.subtitleOne}\n                </h3>\n                <p>\n                  {ourServiceData[0].ourServices.gumGrafting.discriptionFive}\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query GumGraftingQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              gumGrafting {\n                title\n                discriptionOne\n                discriptionTwo\n                discriptionThree\n                discriptionFour\n                subtitleOne\n                discriptionFive\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <GumGrafting ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nGumGrafting.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass LaserTherapy extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.laserTherapy.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.laserTherapy.discriptionOne}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.laserTherapy.discriptionTwo}\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.laserTherapy.subtitleOne}\n                </h3>\n                <ul>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletOneBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletOne}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletTwoBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletTwo}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletThreeBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletThree}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletFourBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletFour}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletFiveBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletFive}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletSixBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletSix}\n                    </p>\n                  </li>\n                  <li>\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.laserTherapy\n                            .bulletSevenBold\n                        }\n                      </b>\n                      {ourServiceData[0].ourServices.laserTherapy.bulletSeven}\n                    </p>\n                  </li>\n                </ul>\n                <Row className=\"pb-5\">\n                  <Col\n                    md={12}\n                    className=\"mt-4 embed-responsive embed-responsive-21by9\"\n                  >\n                    <iframe\n                      className=\"embed-responsive-item\"\n                      src=\"https://www.youtube.com/embed/pkT918S93W0?rel=0&modestbranding=1&controls=0\"\n                      title=\"Laser Therapy Video\"\n                      frameBorder=\"0\"\n                      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                      allowFullScreen\n                    />\n                    {/* <Img\n                      fluid={imageOne.childImageSharp.fluid}\n                      style={{ width: '20rem', height: '15rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block\"\n                    />\n                  </Col>\n                  <Col md={6} className=\"mt-4\">\n                    <Img\n                      fluid={imageTwo.childImageSharp.fluid}\n                      style={{ width: '20rem', height: '15rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block\"\n                    /> */}\n                  </Col>\n                </Row>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query LaserTherapyQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              laserTherapy {\n                title\n                discriptionOne\n                discriptionTwo\n                subtitleOne\n                bulletOneBold\n                bulletOne\n                bulletTwoBold\n                bulletTwo\n                bulletThreeBold\n                bulletThree\n                bulletFourBold\n                bulletFour\n                bulletFiveBold\n                bulletFive\n                bulletSixBold\n                bulletSix\n                bulletSevenBold\n                bulletSeven\n              }\n            }\n          }\n        }\n\n        imageOne: file(\n          relativePath: { eq: \"services/lasertherapy/imageOne.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n\n        imageTwo: file(\n          relativePath: { eq: \"services/lasertherapy/imageTwo.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <LaserTherapy ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nLaserTherapy.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport Img from 'gatsby-image';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass PeriodontalSurgery extends Component {\n  render() {\n    const { ourServiceData, imageOne, imageTwo } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col\n                md={12}\n                className=\"text-left services-servicesTitle mt-3 pb-5 \"\n              >\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.periodontalSurgery.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.periodontalSurgery\n                      .discriptionOne\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.periodontalSurgery\n                      .discriptionTwo\n                  }\n                </p>\n                <Row className=\"text-center\">\n                  <Col md={6}>\n                    <Img\n                      fluid={imageOne.childImageSharp.fluid}\n                      style={{ width: '20rem', height: '15rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block\"\n                    />\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.periodontalSurgery\n                            .imageOneText\n                        }\n                      </b>\n                    </p>\n                  </Col>\n                  <Col md={6}>\n                    <Img\n                      fluid={imageTwo.childImageSharp.fluid}\n                      style={{ width: '20rem', height: '15rem' }}\n                      alt=\"Slide\"\n                      imgStyle={{ objectFit: 'contain' }}\n                      className=\"mx-auto d-block\"\n                    />\n                    <p>\n                      <b>\n                        {\n                          ourServiceData[0].ourServices.periodontalSurgery\n                            .imageTwoText\n                        }\n                      </b>\n                    </p>\n                  </Col>\n                </Row>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.advancedPeriodontitis\n                      .discriptionOne\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.advancedPeriodontitis\n                      .discriptionTwo\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.advancedPeriodontitis\n                      .discriptionThree\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query PeriodontalSurgeryQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              periodontalSurgery {\n                title\n                discriptionOne\n                discriptionTwo\n                imageOneText\n                imageTwoText\n              }\n\n              advancedPeriodontitis {\n                title\n                discriptionOne\n                discriptionTwo\n                discriptionThree\n              }\n            }\n          }\n        }\n\n        imageOne: file(\n          relativePath: { eq: \"services/periodontalsurgery/imageOne.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n\n        imageTwo: file(\n          relativePath: { eq: \"services/periodontalsurgery/imageTwo.png\" }\n        ) {\n          childImageSharp {\n            id\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <PeriodontalSurgery\n        ourServiceData={data.allOurservicesJson.nodes}\n        imageOne={data.imageOne}\n        imageTwo={data.imageTwo}\n      />\n    )}\n  />\n);\n\nPeriodontalSurgery.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n  imageOne: PropTypes.object.isRequired,\n  imageTwo: PropTypes.object.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass PlateletRichFibrin extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.plateletRichFibrin.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.plateletRichFibrin\n                      .discriptionOne\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.plateletRichFibrin\n                      .discriptionTwo\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query PlateletRichFibrinQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              plateletRichFibrin {\n                title\n                discriptionOne\n                discriptionTwo\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <PlateletRichFibrin ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nPlateletRichFibrin.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass SedationDentistry extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.sedationDentistry.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {\n                    ourServiceData[0].ourServices.sedationDentistry\n                      .discriptionOne\n                  }\n                </p>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.sedationDentistry\n                      .discriptionTwo\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.sedationDentistry.subtitleOne}\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.sedationDentistry\n                      .discriptionThree\n                  }\n                </p>\n                <h3 className=\"services-servicesSubtitle py-2\">\n                  {ourServiceData[0].ourServices.sedationDentistry.subtitleTwo}\n                </h3>\n                <p>\n                  {\n                    ourServiceData[0].ourServices.sedationDentistry\n                      .discriptionFour\n                  }\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query SedationDentistryQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              sedationDentistry {\n                title\n                discriptionOne\n                discriptionTwo\n                subtitleOne\n                discriptionThree\n                subtitleTwo\n                discriptionFour\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <SedationDentistry ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nSedationDentistry.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass SinusLift extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.sinusLift.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.sinusLift.discriptionOne}\n                </p>\n                <p>{ourServiceData[0].ourServices.sinusLift.discriptionTwo}</p>\n                <p>\n                  {ourServiceData[0].ourServices.sinusLift.discriptionThree}\n                </p>\n                <p>{ourServiceData[0].ourServices.sinusLift.discriptionFour}</p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query SinusLiftQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              sinusLift {\n                title\n                discriptionOne\n                discriptionTwo\n                discriptionThree\n                discriptionFour\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <SinusLift ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nSinusLift.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport '../../scss/ourservices/_services.scss';\n\nclass ToothExtraction extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"services-content h-100\">\n          <Container fluid className=\"services-containter\">\n            <Row>\n              <Col md={12} className=\"text-left services-servicesTitle mt-3\">\n                <h2 className=\"text-center\">\n                  {ourServiceData[0].ourServices.toothExtraction.title}\n                </h2>\n                <p className=\"mt-4\">\n                  {ourServiceData[0].ourServices.toothExtraction.discriptionOne}\n                </p>\n                <p>\n                  {ourServiceData[0].ourServices.toothExtraction.discriptionTwo}\n                </p>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query ToothExtractionQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              toothExtraction {\n                title\n                discriptionOne\n                discriptionTwo\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <ToothExtraction ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nToothExtraction.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import { StaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport { Col, Container, Nav, NavDropdown, Row, Tab } from 'react-bootstrap';\nimport '../../scss/ourservices/_ourServices.scss';\n// import AdvancedPeriodontitis from './AdvancedPeriodontitis';\nimport AllOnFour from './AllOnFour';\nimport BoneGrafting from './BoneGrafting';\nimport CrownLengthening from './CrownLengthening';\nimport DentalImplants from './DentalImplants';\nimport Frenectomy from './Frenectomy';\nimport GumDisease from './GumDisease';\nimport GumGrafting from './GumGrafting';\nimport LaserTherapy from './LaserTherapy';\nimport PeriodontalSurgery from './PeriodontalSurgery';\nimport PlateletRichFibrin from './PlateletRichFibrin';\nimport SedationDentistry from './SedationDentistry';\nimport SinusLift from './SinusLift';\nimport ToothExtraction from './ToothExtraction';\n\nclass OurServices extends Component {\n  render() {\n    const { ourServiceData } = this.props;\n    return (\n      <>\n        <section className=\"ourService-title h-100\">\n          <Container fluid className=\"ourService-containter\">\n            <Row>\n              <Col md={12} className=\"text-center ourService-sectionTitle\">\n                <h1>Our Services</h1>\n              </Col>\n            </Row>\n          </Container>\n        </section>\n        <section className=\"ourService-content h-100\">\n          <Container fluid className=\"ourService-containter my-5\">\n            <Tab.Container\n              id=\"left-tabs-example\"\n              defaultActiveKey=\"laserTherapy\"\n            >\n              <Row>\n                <Col md={3} className=\"mt-2\">\n                  <Nav variant=\"pills\" className=\"flex-column\">\n                    <div className=\"d-none d-md-table\">\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"laserTherapy\">\n                          {ourServiceData[0].ourServices.laserTherapy.menuTitle}\n                        </Nav.Link>\n                        <Nav.Link eventKey=\"gumDisease\">\n                          {\n                            ourServiceData[0].ourServices.gumDiseaseTreatment\n                              .title\n                          }\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"gumGrafting\">\n                          {ourServiceData[0].ourServices.gumGrafting.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"toothExtraction\">\n                          {ourServiceData[0].ourServices.toothExtraction.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"boneGrafting\">\n                          {ourServiceData[0].ourServices.boneGrafting.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"dentalImplants\">\n                          {ourServiceData[0].ourServices.dentalImplants.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"sinusLift\">\n                          {ourServiceData[0].ourServices.sinusLift.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"allOnFour\">\n                          {ourServiceData[0].ourServices.allOnFour.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"periodontalSurgery\">\n                          {\n                            ourServiceData[0].ourServices.periodontalSurgery\n                              .title\n                          }\n                        </Nav.Link>\n                      </Nav.Item>\n                      {/* <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"advancedPeriodontitis\">\n                          {\n                            ourServiceData[0].ourServices.advancedPeriodontitis\n                              .title\n                          }\n                        </Nav.Link>\n                      </Nav.Item> */}\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"crownLengthening\">\n                          {ourServiceData[0].ourServices.crownLengthening.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"frenectomy\">\n                          {ourServiceData[0].ourServices.frenectomy.title}\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"plateletRichFibrin\">\n                          {\n                            ourServiceData[0].ourServices.plateletRichFibrin\n                              .title\n                          }\n                        </Nav.Link>\n                      </Nav.Item>\n                      <Nav.Item className=\"ourService-nav text-center\">\n                        <Nav.Link eventKey=\"sedationDentistry\">\n                          {\n                            ourServiceData[0].ourServices.sedationDentistry\n                              .title\n                          }\n                        </Nav.Link>\n                      </Nav.Item>\n                    </div>\n                    <div className=\"d-block d-md-none\">\n                      <NavDropdown\n                        title=\"Services\"\n                        className=\"ourService-dropdown w-100\"\n                      >\n                        <NavDropdown.Item eventKey=\"laserTherapy\">\n                          {ourServiceData[0].ourServices.laserTherapy.menuTitle}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"gumDisease\">\n                          {\n                            ourServiceData[0].ourServices.gumDiseaseTreatment\n                              .title\n                          }\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"gumGrafting\">\n                          {ourServiceData[0].ourServices.gumGrafting.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"toothExtraction\">\n                          {ourServiceData[0].ourServices.toothExtraction.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"boneGrafting\">\n                          {ourServiceData[0].ourServices.boneGrafting.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"dentalImplants\">\n                          {ourServiceData[0].ourServices.dentalImplants.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"sinusLift\">\n                          {ourServiceData[0].ourServices.sinusLift.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"allOnFour\">\n                          {ourServiceData[0].ourServices.allOnFour.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"periodontalSurgery\">\n                          {\n                            ourServiceData[0].ourServices.periodontalSurgery\n                              .title\n                          }\n                        </NavDropdown.Item>\n                        {/* <NavDropdown.Item eventKey=\"advancedPeriodontitis\">\n                          {\n                            ourServiceData[0].ourServices.advancedPeriodontitis\n                              .title\n                          }\n                        </NavDropdown.Item> */}\n                        <NavDropdown.Item eventKey=\"crownLengthening\">\n                          {ourServiceData[0].ourServices.crownLengthening.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"frenectomy\">\n                          {ourServiceData[0].ourServices.frenectomy.title}\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"plateletRichFibrin\">\n                          {\n                            ourServiceData[0].ourServices.plateletRichFibrin\n                              .title\n                          }\n                        </NavDropdown.Item>\n                        <NavDropdown.Item eventKey=\"sedationDentistry\">\n                          {\n                            ourServiceData[0].ourServices.sedationDentistry\n                              .title\n                          }\n                        </NavDropdown.Item>\n                      </NavDropdown>\n                    </div>\n                  </Nav>\n                </Col>\n                <Col md={9}>\n                  <Tab.Content>\n                    <Tab.Pane eventKey=\"laserTherapy\">\n                      <LaserTherapy />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"gumDisease\">\n                      <GumDisease />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"gumGrafting\">\n                      <GumGrafting />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"toothExtraction\">\n                      <ToothExtraction />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"boneGrafting\">\n                      <BoneGrafting />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"dentalImplants\">\n                      <DentalImplants />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"sinusLift\">\n                      <SinusLift />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"allOnFour\">\n                      <AllOnFour />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"periodontalSurgery\">\n                      <PeriodontalSurgery />\n                    </Tab.Pane>\n                    {/* <Tab.Pane eventKey=\"advancedPeriodontitis\">\n                      <AdvancedPeriodontitis />\n                    </Tab.Pane> */}\n                    <Tab.Pane eventKey=\"crownLengthening\">\n                      <CrownLengthening />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"frenectomy\">\n                      <Frenectomy />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"plateletRichFibrin\">\n                      <PlateletRichFibrin />\n                    </Tab.Pane>\n                    <Tab.Pane eventKey=\"sedationDentistry\">\n                      <SedationDentistry />\n                    </Tab.Pane>\n                  </Tab.Content>\n                </Col>\n              </Row>\n            </Tab.Container>\n          </Container>\n        </section>\n      </>\n    );\n  }\n}\n\n// eslint-disable-next-line react/display-name\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query OurServicesQuery {\n        allOurservicesJson {\n          nodes {\n            ourServices {\n              laserTherapy {\n                menuTitle\n              }\n              gumDiseaseTreatment {\n                title\n              }\n              gumGrafting {\n                title\n              }\n              toothExtraction {\n                title\n              }\n              boneGrafting {\n                title\n              }\n              dentalImplants {\n                title\n              }\n              sinusLift {\n                title\n              }\n              allOnFour {\n                title\n              }\n              periodontalSurgery {\n                title\n              }\n              advancedPeriodontitis {\n                title\n              }\n              crownLengthening {\n                title\n              }\n              frenectomy {\n                title\n              }\n              plateletRichFibrin {\n                title\n              }\n              sedationDentistry {\n                title\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data) => (\n      <OurServices ourServiceData={data.allOurservicesJson.nodes} />\n    )}\n  />\n);\n\nOurServices.propTypes = {\n  ourServiceData: PropTypes.array.isRequired,\n};\n","import React from 'react';\nimport Layout from '../layouts/layout';\nimport SEO from '../components/seo';\nimport '../scss/_index.scss';\nimport OurServices from '../components/OurServices/OurServices';\n\nconst OurServicesPage = () => (\n  <Layout>\n    <SEO title=\"Meet The Team\" />\n    <OurServices />\n  </Layout>\n);\n\nexport default OurServicesPage;\n"],"sourceRoot":""}