{"version":3,"sources":["components/NavMenu.js","components/Layout.js","components/slidewithcontrol.js","components/FraccContent.jsx","components/terminos-condiciones.jsx","components/Home.jsx","components/Nosotros.jsx","App.js","registerServiceWorker.js","index.js"],"names":["withRouter","useState","collapsed","state","setState","seleccion","setSeleccion","seleccion2","setSeleccion2","Fragment","Navbar","id","className","light","Container","NavbarBrand","tag","Link","to","src","width","height","NavbarToggler","onClick","Collapse","isOpen","navbar","NavItem","NavLink","href","target","Modal","backdrop","centered","size","ModalHeader","toggle","ModalBody","aria-hidden","Layout","this","props","children","Component","displayName","name","animating","Slidewithcontrol","items","index","setIndex","activeIndex","_setActiveIndex","undefined","setActiveIndex","_index","onExiting","onExited","next","nextIndex","length","previous","Carousel","pause","interval","map","item","CarouselItem","key","alt","altText","CarouselControl","direction","directionText","onClickHandler","FraccContent","nombre","desarrollos","setDesarrollos","url_youtube","url_ubicacion","url_tienda","logo","texto1","texto2","info1","info2","imagenes","amenidades","infLista","desarrollo","setDesarrollo","e","cargarDesarrollo","console","log","res","default","useEffect","style","backgroundImage","color","color_txt","imagen_tienda","info3","info_lista","TerminosCondiciones","align","lang","match","Open","loc","pathname","contacto","setContacto","useLocation","hash","scroll","substring","MostarAdvertencia","text","Swal","fire","icon","title","validar","validacion","mensaje","procesando","enviarContacto","apellido","correo","telefono","estado","proyecto","fetch","method","headers","body","JSON","stringify","json","ok","seleccionado","setSeleccionado","el","window","document","getElementById","scrollingElement","offsetTop","frameborder","allow","allowfullscreen","class","nombreFrac","src2","ubicacion","precio","link","classname","i","onMouseEnter","type","placeholder","onChange","value","cols","rows","Date","getFullYear","Nosotros","resenas","texto","img","indice","setIndice","transform","App","exact","path","component","Home","isLocalhost","Boolean","location","hostname","registerValidSW","swUrl","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","controller","catch","error","baseUrl","getElementsByTagName","getAttribute","rootElement","ReactDOM","render","basename","URL","process","origin","addEventListener","response","status","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.7063befa.chunk.js","sourcesContent":["import React, { Component, useState } from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport { Modal } from 'reactstrap';\r\nimport { ModalBody } from \"reactstrap\";\r\nimport { ModalHeader } from \"reactstrap\";\r\nimport './NavMenu.css';\r\n\r\nconst NavMenu = () => {\r\n  // static displayName = NavMenu.name;\r\n  var [state, setState] = useState({\r\n    collapsed: true\r\n  });\r\n  function toggleNavbar () {\r\n    setState({\r\n      collapsed: !state.collapsed\r\n    });\r\n  }\r\n\r\n  function scroll(id) {\r\n    var el = window.document.getElementById(id);\r\n    window.document.scrollingElement.scroll(0, el.offsetTop);\r\n  }\r\n\r\n  const [seleccion, setSeleccion] = useState(null);\r\n  var Close = () => setSeleccion(null);\r\n  var Open = () => setSeleccion(true);\r\n\r\n  const [seleccion2, setSeleccion2] = useState(null);\r\n  var Close2 = () => setSeleccion2(null);\r\n  var Open2 = () => setSeleccion2(true);\r\n\r\n  return (\r\n    <React.Fragment>\r\n    <header>\r\n      <Navbar id=\"inicio\" className=\"navbar-expand-sm navbar-toggleable-sm ng-white box-shadow navbar-container\" light>\r\n        <Container>\r\n          <NavbarBrand tag={Link} to=\"/\"> <img src=\"https://amistad.z22.web.core.windows.net/fotosPagina/logosuperior.png\" width=\"auto\" height=\"30\"></img></NavbarBrand>\r\n          <NavbarToggler onClick={toggleNavbar} className=\"mr-2\" />\r\n          <Collapse className=\"d-sm-inline-flex flex-sm-row-reverse navbar-h\" isOpen={!state.collapsed} navbar>\r\n            <ul className=\"navbar-nav flex-grow\">\r\n              <NavItem>\r\n                <NavLink tag={Link} className=\"text-dark\" to=\"/\">Inicio</NavLink>\r\n              </NavItem>\r\n              <NavItem>\r\n                <NavLink tag={Link} className=\"text-dark\" to=\"/nosotros\" >Nosotros</NavLink>\r\n              </NavItem>\r\n              <NavItem>\r\n                <NavLink tag={Link} className=\"text-dark\"><Link to =\"/#desarrollos\">Nuestros Desarrollos</Link></NavLink>\r\n              </NavItem>\r\n              <NavItem>\r\n                <NavLink className=\"text-dark\" href=\"https://ryg.amistadbr.com/\" target=\"_blank\">Recomienda & Gana</NavLink>\r\n              </NavItem>\r\n              <NavItem>\r\n                <NavLink className=\"text-dark\" href=\"https://www.portal.amistadbr.com\" target=\"_blank\">Inicia Sesión</NavLink>\r\n              </NavItem>\r\n              {/* <NavItem>\r\n                <NavLink tag={Link} className=\"text-dark show\" onClick={Open}>Acceso a Clientes</NavLink>\r\n              </NavItem> */}\r\n              {/* <NavItem>\r\n                <NavLink className=\"text-dark show\" href=\"https://www.portal.amistadbr.com/\" target=\"_blank\">Acceso a Colaboradores</NavLink>\r\n              </NavItem> */}\r\n              <NavItem>\r\n                <NavLink tag={Link} className=\"text-dark\"><Link to =\"/#contacto\">Contacto</Link></NavLink>  \r\n              </NavItem>\r\n              <NavItem>\r\n                <NavLink className=\"text-dark\" href=\"https://www.blog.amistadbr.com/blog\" target=\"_blank\">Blog</NavLink>\r\n              </NavItem>\r\n            </ul>\r\n          </Collapse>\r\n        </Container>\r\n      </Navbar>\r\n      \r\n\r\n      <Modal\r\n          isOpen={seleccion != null}\r\n          // toggle={() => setOpen(!open)}\r\n          backdrop=\"static\"\r\n          centered\r\n          size=\"lg\"\r\n        >\r\n          <ModalHeader toggle={Close}>PORTAL DE CLIENTES</ModalHeader>\r\n          <ModalBody>\r\n            {!seleccion ? (\r\n              \"\"\r\n            ) : (\r\n              <div className=\"accesoClientes\">\r\n                <div className=\"box\">\r\n                  <h1>CANCÚN</h1>\r\n                  <a href=\"https://pagos.amistadbienesraices.com/\" target=\"_blank\">\r\n                  <div>\r\n                    <i className=\"fa fa-usd\" aria-hidden=\"true\"></i>\r\n                    <h6>ACCESO</h6>\r\n                  </div>\r\n                  </a>\r\n                  {/* <a href=\"https://pagos.amistadbienesraices.com/agendar-cita\">\r\n                  <div>\r\n                    <i className=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n                    <h6>ATENCIÓN A CLIENTES</h6>\r\n                  </div>\r\n                  </a> */}\r\n                </div>\r\n                <div className=\"box\">\r\n                  <h1>MONCLOVA</h1>\r\n                  <a href=\"https://pagosmva.amistadbienesraices.com/\" target=\"_blank\">\r\n                  <div>\r\n                   <i className=\"fa fa-usd\" aria-hidden=\"true\"></i>\r\n                    <h6>ACCESO</h6>\r\n                  </div>\r\n                  </a>\r\n                  {/* <a href=\"https://pagosmva.amistadbienesraices.com/agendar-cita|\">\r\n                  <div>\r\n                    <i className=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n                    <h6>ATENCIÓN A CLIENTES</h6>\r\n                  </div>\r\n                  </a> */}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </ModalBody>\r\n        </Modal>\r\n\r\n        <Modal\r\n          isOpen={seleccion2 != null}\r\n          // toggle={() => setOpen(!open)}\r\n          backdrop=\"static\"\r\n          centered\r\n          size=\"lg\"\r\n        >\r\n          <ModalHeader toggle={Close2}>ACCESO A COLABORADORES</ModalHeader>\r\n          <ModalBody>\r\n            {!seleccion2 ? (\r\n              \"\"\r\n            ) : (\r\n              <div className=\"accesoClientes\">\r\n                <div className=\"box\">\r\n                  <h1>CANCÚN</h1>\r\n                  <a href=\"https://pagos.amistadbienesraices.com/bienvenida-asesores\" target=\"_blank\">\r\n                  <div>\r\n                    <i className=\"fa fa-usd\" aria-hidden=\"true\"></i>\r\n                    <h6>APARTADO DE LOTES</h6>\r\n                  </div>\r\n                  </a>\r\n                </div>\r\n                <div className=\"box\">\r\n                  <h1>MONCLOVA</h1>\r\n                  <a href=\"https://pagosmva.amistadbienesraices.com/bienvenida-asesores\" target=\"_blank\"> \r\n                  <div>\r\n                   <i className=\"fa fa-usd\" aria-hidden=\"true\"></i>\r\n                    <h6>APARTADO DE LOTES</h6>\r\n                  </div>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </ModalBody>\r\n        </Modal>\r\n    </header>\r\n    <div className=\"navbar-info\">\r\n        <div className=\"form\">\r\n          <h4>\r\n            APARTA TU TERRENO CON TAN SOLO $1,000 M.N.{\" \"}\r\n            <a href=\"https://wa.me/5219983860033\" target=\"_blank\">\r\n              <span className=\"coloured-1\">Más información {\">\"}</span>\r\n            </a>\r\n          </h4>\r\n        </div>\r\n      </div>\r\n    </React.Fragment>\r\n  );\r\n}\r\nexport default withRouter(NavMenu)","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport NavMenu from './NavMenu';\r\n\r\nexport class Layout extends Component {\r\n  static displayName = Layout.name;\r\n\r\n  render () {\r\n    return (\r\n      <div>\r\n        <NavMenu />\r\n          {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component, useState } from 'react';\r\nimport { Carousel, CarouselItem, CarouselControl } from 'reactstrap';\r\n\r\n// Carousel images \r\n\r\n// const demo_items = [\r\n//     {\r\n//         src: img4,\r\n//         altText: 'Slide 1',\r\n//         caption: 'Slide 1',\r\n\r\n//     },\r\n//     {\r\n//         src: img5,\r\n//         altText: 'Slide 2',\r\n//         caption: 'Slide 2'\r\n//     },\r\n//     {\r\n//         src: img6,\r\n//         altText: 'Slide 3',\r\n//         caption: 'Slide 3'\r\n//     }\r\n// ];\r\n\r\n\r\nvar animating = false;\r\nconst Slidewithcontrol = ({items, index, setIndex}) => {\r\n    // if(!items) items = demo_items;\r\n\r\n    var [activeIndex, _setActiveIndex] = useState(0);\r\n\r\n    if(index != undefined){\r\n        activeIndex = index;\r\n    }\r\n\r\n    const setActiveIndex = (_index) => {\r\n        if(setIndex)\r\n            setIndex(_index);\r\n        else {\r\n            _setActiveIndex(_index);\r\n        }\r\n    }\r\n\r\n    function onExiting() {\r\n        animating = true;\r\n    }\r\n\r\n    function onExited() {\r\n        animating = false;\r\n    }\r\n\r\n    function next() {\r\n        if (animating) return;\r\n        const nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;\r\n        setActiveIndex( nextIndex);\r\n    }\r\n\r\n    function previous() {\r\n        if (animating) return;\r\n        const nextIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;\r\n        setActiveIndex(nextIndex);\r\n    }\r\n\r\n    function goToIndex(newIndex) {\r\n        if (animating) return;\r\n        setActiveIndex(newIndex);\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Carousel\r\n                activeIndex={activeIndex}\r\n                next={next}\r\n                pause={\"hover\"}\r\n                interval={false}\r\n                previous={previous} >\r\n                {items.map((item) => \r\n                    <CarouselItem\r\n                        onExiting={onExiting}\r\n                        onExited={onExited}\r\n                        key={item.src} >\r\n\r\n                        <img src={item.src} className=\"d-block img-fluid\" alt={item.altText} />\r\n                    </CarouselItem>\r\n                )}\r\n                <CarouselControl direction=\"prev\" directionText=\"Anterior\" onClickHandler={previous} />\r\n                <CarouselControl direction=\"next\" directionText=\"Siguiente\" onClickHandler={next} />\r\n            </Carousel>\r\n        </React.Fragment>\r\n    );\r\n    \r\n}\r\n\r\nexport default Slidewithcontrol;   ","import React, { useEffect, useState } from 'react';\r\nimport Slidewithcontrol from './slidewithcontrol'\r\nimport './Home.scss';\r\n\r\n\r\n\r\nfunction FraccContent({nombre}) {\r\n\r\n  \r\n  \r\n    var [index, setIndex] = useState(0);\r\n    var [seleccionado, setSeleccionado] = useState(0);\r\n    var [desarrollos, setDesarrollos] = useState(null);\r\n    var [desarrollo, setDesarrollo] = useState({\r\n       url_youtube: \"\",\r\n       url_ubicacion: \"\",\r\n       url_tienda: \"\",\r\n       logo: \"\",\r\n       texto1: \"\",\r\n       texto2: \"\",\r\n       info1: \"\",\r\n       info2: \"\",\r\n       imagenes: [\"\"],\r\n       amenidades: [\"\"],\r\n       infLista: [\"\"]\r\n    });\r\n    \r\n   // var items = desarrollo.imagenes.map(e=>{return {src: \"/desarrollos/\" + nombre + \"/\" + e}});\r\n\r\n   var items = desarrollo.imagenes.map(e=>{return {src: e}});\r\n\r\n\r\n    var cargarDesarrollo = async () => {\r\n      console.log(\"achu\", nombre);\r\n      if(!desarrollos){\r\n         var res = await import(\"./desarrollos.jsx\");\r\n         desarrollos = res.default;\r\n         console.log(desarrollos);\r\n         setDesarrollos(desarrollos);\r\n      }\r\n      console.log(desarrollos[nombre]);\r\n      setDesarrollo(desarrollos[nombre]);\r\n    }\r\n\r\n    useEffect(e=> {\r\n      cargarDesarrollo();\r\n    }, [nombre])\r\n\r\n  return (\r\n    <React.Fragment>\r\n       <div className=\"FraccContent\">\r\n         <Slidewithcontrol\r\n         items={items}\r\n         index={index}\r\n         setIndex={setIndex}\r\n         ></Slidewithcontrol>\r\n         <div className=\"logoCentral\">\r\n            <img src={\"/desarrollos/\" + nombre + \"/\" + desarrollo.logo} alt=\"img logo\" />\r\n          </div>\r\n         <div className=\"bakground-BLinear\" style={{backgroundImage: desarrollo.color}}>\r\n            <div className=\"container-elements\">\r\n            <div className=\"part\">\r\n               <div className=\"redes\">\r\n                  <div>\r\n                     <a href={desarrollo.url_youtube} target=\"_blank\"> <img src=\"/elementos/youtube.png\" alt=\"img youtube\" /></a>\r\n                     <a href={desarrollo.url_ubicacion} target=\"_blank\"><img src=\"/elementos/ubicacion.png\" alt=\"img ubicación\" /></a>\r\n                  </div>\r\n                  <p style={{color: desarrollo.color_txt}}>{desarrollo.texto1} </p>\r\n               </div>\r\n               <p className=\"infoFracc\" style={{color: desarrollo.color_txt}}>{desarrollo.info1}</p>\r\n            </div>\r\n            <div className=\"part\">\r\n               <div className=\"redes\">\r\n                  <div>\r\n                     {/* <div class=\"wrap\">\r\n                         <button class=\"button\">Submit</button>\r\n                     </div> */}\r\n                     <a className=\"\" href={desarrollo.url_tienda} target=\"_blank\"><img src={\"/desarrollos/\" + nombre + \"/\" + desarrollo.imagen_tienda} alt=\"img tienda\" /></a>\r\n                     \r\n                  </div>\r\n                  <p style={{color: desarrollo.color_txt}}>{desarrollo.texto2}</p>\r\n               </div> \r\n               <p className=\"infoFracc\" style={{color: desarrollo.color_txt}}>\r\n                  {desarrollo.info2}   \r\n                  <ul>\r\n                     {desarrollo.info3}\r\n                     {desarrollo.info_lista?.map(e=> <li>{e}</li>)}\r\n                  </ul>\r\n               </p>\r\n            </div>\r\n            </div>\r\n            <div className=\"listAmenidades\">\r\n               { desarrollo.amenidades.map(e=> \r\n                  <img src={\"/desarrollos/\" + nombre + \"/\" + e} alt=\"img amenidad\" />\r\n               )}\r\n            </div>\r\n         </div>\r\n       </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default FraccContent;","import React from 'react';\r\n\r\nconst TerminosCondiciones = () => {\r\n\r\n  var header1 = {\r\n    marginTop:\"15.75pt\",\r\n    margiRight:\"0\",\r\n    marginBottom:\"7.9pt\",\r\n    marginLeft:\"0\",\r\n    textAlign:\"center\",\r\n    lineHeight:\"normal\",\r\n    fontSize:\"16.0pt\",\r\n    fontFamily:'Arial, sans-serif'\r\n  }\r\n\r\n  var style2 = {\r\n    marginBottom:\"7.9pt\",\r\n    textAlign:\"justify\",\r\n    lineHeight:\"normal\"\r\n  }\r\n\r\n  var style3 = {\r\n    fontSize:\"12.0pt\",\r\n    fontFamily:\"Arial,sans-serif\",\r\n    color:\"#222222\"\r\n  }\r\n  return (<>\r\n    <div className=\"WordSection1\">\r\n\r\n      <p className=\"MsoNormal\" align=\"center\">\r\n        <span>Devolución o reembolso</span>\r\n    </p>\r\n\r\n      <p className=\"MsoNormal\"><span >Los pagos realizados a través de esta plataforma serán aplicados al\r\n          número de contrato ingresado por el Cliente, sirviendo como recibo el emitido\r\n          por la aplicación y enviado al correo proporcionado por el Cliente. </span></p>\r\n\r\n      <p className=\"MsoNormal\" ><span >El Cliente deberá conservar sus comprobantes de pago hasta que finiquite\r\n          el precio total del terreno, para cualquier aclaración.</span></p>\r\n\r\n      <p className=\"MsoNormal\" ><span >No aplicarán cambios ni devoluciones en los siguientes casos:</span></p>\r\n\r\n      <p className=\"MsoListParagraphCxSpFirst\" ><span ><span >·<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><span >Cuando el Cliente coloque la referencia errónea en la aplicación. </span></p>\r\n\r\n      <p className=\"MsoListParagraphCxSpLast\" ><span ><span >·<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><span>Cuando el Cliente realice un pagado erróneo dentro de su mismo lote y no\r\n          solicite el cambio o reembolso durante los&nbsp;<b>primeros 3 (tres) días\r\n            naturales&nbsp;</b>posteriores a la fecha del pago.</span></p>\r\n\r\n      <p className=\"Prrafobsico\" ><span lang=\"ES-TRAD\" >Causales de Rescisión<b> </b></span></p>\r\n\r\n      <p className=\"Prrafobsico\" ><span lang=\"ES-TRAD\" ></span></p>\r\n\r\n      <p className=\"MsoNormal\" ><a name=\"_Hlk23331992\"><span >En caso de que el Cliente decidiera\r\n        de manera unilateral Cancelar el Contrato al cual se encuentran ligados los\r\n        pagos realizados en fecha posterior, dicha cancelación será de acuerdo a los\r\n        términos del contrato suscrito. </span></a></p>\r\n\r\n      <h1 className=\"terminoTitle\" align=\"center\" ><span ><span >Términos y\r\n            Condiciones de Uso de Sitio Web</span></span></h1>\r\n\r\n      <p ><span ><span >Términos y condiciones de uso de sitio web</span></span></p>\r\n\r\n      <p ><span ><strong><span ><span >1.<span >&nbsp;&nbsp;&nbsp;\r\n        </span></span></span></strong><strong><span >ACEPTACIÓN&nbsp;</span></strong></span></p>\r\n\r\n      <p ><span ><span >En el presente documento (en adelante, el “convenio”) se\r\n          establecen los términos y condiciones de Amistad Bienes y Servicios\r\n          Empresariales S.A de C.V (Amistad Bienes Raíces), que serán de aplicación al\r\n          acceso y uso por parte del Usuario de esta página web (el &nbsp;“Sitio Web”).</span></span></p>\r\n\r\n      <p ><span ><span >Al acceder, consultar o utilizar el Sitio Web, los Usuarios\r\n          aceptan cumplir los términos y condiciones establecidos en este Convenio. En\r\n          caso de que usted no acepte quedar vinculado por los presentes términos y\r\n          condiciones, no podrá acceder a, ni utilizar, el Sitio Web.&nbsp;Amistad Bienes\r\n          Raíces, <span >&nbsp;</span>se reserva el derecho de\r\n          actualizar el presente Convenio siempre que lo considere oportuno. En\r\n          consecuencia, recomendamos al Usuario revisar periódicamente el convenio.</span></span></p>\r\n\r\n      <p >\r\n        <span ><span >&nbsp; </span><br />\r\n          <br />\r\n        </span>\r\n      </p>\r\n\r\n      <p ><span ><span ><span >2.<span >&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><strong><span >REQUISITOS RELATIVOS\r\n            AL USUARIO</span></strong></span><span ><span ></span></span></p>\r\n\r\n      <p ><span ><span >El Sitio Web y los servicios relacionados con el mismo se\r\n          ofrecen a los Usuarios que tengan capacidad legal para otorgar contratos\r\n          legalmente vinculantes según la legislación aplicable.&nbsp;</span></span></p>\r\n\r\n      <p ><span ><span >Los menores no están autorizados para utilizar el Sitio Web. Si\r\n          usted es menor de edad, por favor, no utilice esta web.&nbsp;</span></span></p>\r\n\r\n      <p ><span ><span ><span >3.<span >&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><strong><span >LICENCIA&nbsp;</span></strong></span><span ><span ></span></span></p>\r\n\r\n      <p ><span ><span >En este acto, Amistad Bienes Raíces, otorga al Usuario una\r\n          licencia limitada, no exclusiva, intransferible, no susceptible de cesión y\r\n          revocable; para consultar el contenido ofrecido en el Sitio Web, únicamente\r\n          para uso personal del Usuario y nunca con fines comerciales.&nbsp;</span></span></p>\r\n\r\n      <p ><span ><span >Todo el material mostrado u ofrecido en el Sitio Web, entre otros\r\n          ejemplos, el material gráfico, los documentos, textos, imágenes, sonido, video,\r\n          audio, las ilustraciones, el software y el código HTML (en conjunto, el\r\n          “Contenido”), es de &nbsp;exclusiva propiedad de Amistad Bienes Raíces RH o de\r\n          las empresas que facilitan dicho material.&nbsp;<br />\r\n          El Contenido está protegido por las leyes de copyright mexicanas e\r\n          internacionales, así como por las demás leyes, reglamentos y normas aplicables\r\n          a los derechos de propiedad intelectual. Salvo disposición expresa en contrario\r\n          en el presente contrato, y/o salvo que por imperativo legal ello esté\r\n          expresamente permitido por leyes derogatorias de las actualmente vigentes, el\r\n          Usuario no podrá (i) utilizar, copiar, modificar, mostrar, eliminar,\r\n          distribuir, descargar, almacenar, reproducir, transmitir, publicar, vender,\r\n          revender, adaptar, invertir el proceso de creación o crear productos derivados\r\n          a partir de, el Contenido. Tampoco podrá (ii) utilizar el Contenido en otras\r\n          páginas Web o en cualquier medio de comunicación como, por ejemplo, en un entorno\r\n          de red, sin la previa autorización por escrito en este sentido de Amistad\r\n          Bienes Raíces.</span></span></p>\r\n\r\n      <p ><span ><span >Todas las marcas comerciales, las marcas de servicio y los logos\r\n          (en adelante, las “Marcas”) mostrados en el Sitio Web son propiedad exclusiva\r\n          de Amistad Bienes Raíces y de sus respectivos propietarios.</span></span></p>\r\n\r\n      <p ><span ><span >El Usuario no podrá utilizar las Marcas en modo alguno sin la\r\n          previa autorización por escrito para ello de Amistad Bienes Raíces y los\r\n          respectivos propietarios.</span></span></p>\r\n\r\n      <p ><span ><strong><span ><span >4.<span >&nbsp;&nbsp;&nbsp;\r\n        </span></span></span></strong><strong><span >INFORMACIÓN\r\n          FACILITADA POR EL USUARIO&nbsp;</span></strong></span></p>\r\n\r\n      <p ><span ><span >El Sitio Web ofrece al Usuario información relativa a\r\n          promociones, ubicaciones y temas de interés relacionados con la inversión y los\r\n          bienes raíces. En el Sitio Web el Usuario podrá consultar y realizar pagos de\r\n          las comprar y financiamientos activos con Amistad Bienes Raíces, previa\r\n          obtención de claves y contraseñas de acuerdo a lo dispuesto por Amistad Bienes\r\n          Raíces de manera previa. </span></span></p>\r\n\r\n      <p ><span ><span ></span></span></p>\r\n\r\n      <p ><span ><strong><span ><span >5.<span >&nbsp;&nbsp;&nbsp;\r\n        </span></span></span></strong><strong><span >PROHIBICIÓN\r\n          GENERAL&nbsp;</span></strong></span></p>\r\n\r\n      <p ><span ><span >Al acceder a y\r\n        utilizar el Sitio Web, el Usuario se compromete a NO:<br />\r\n        (a) incumplir todas las leyes, reglamentos y normas aplicables a nivel local,\r\n        estatal, provincial, nacional (México), así como cualquier otra legislación\r\n        aplicable.</span></span></p>\r\n\r\n      <p ><span ><span >(c) descargar,\r\n        enviar, transmitir o almacenar material que:</span></span></p>\r\n\r\n      <p ><span ><span ><span >·<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><span >sea ilegal, ofensivo,\r\n            difamatorio, fraudulento, engañoso, que induzca a error, dañino, amenazador,\r\n            hostil, obsceno o censurable;</span></span></p>\r\n\r\n      <p ><span ><span ><span >·<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><span >infrinja las\r\n            obligaciones contractuales o de confidencialidad del Usuario;</span></span></p>\r\n\r\n      <p ><span ><span ><span >·<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n          </span></span></span><span >perjudique o\r\n            interfiera en las aplicaciones normales del Sitio Web, como el envío o la\r\n            transmisión de virus, gusanos o troyanos.</span></span></p>\r\n\r\n      <p ><span ><span >(e) contravenir, o\r\n        intentar contravenir, las medidas de seguridad del Sitio Web;</span></span></p>\r\n\r\n      <p ><span ><span >(g) acceder o\r\n        intentar acceder a la cuenta o al <span className=\"SpellE\">login</span> de las\r\n        terceras personas en el Sitio Web;</span></span></p>\r\n\r\n      <p ><span ><span >(k) utilizar el Sitio\r\n        Web de forma no autorizada o para alguna actividad delictiva;<br  />\r\n        <br  />\r\n        </span></span></p>\r\n\r\n      <p ><span ><strong><span >6. UTILIZACIÓN DEL SITIO Y OBLIGACIONES CONCRETAS&nbsp;</span></strong></span></p>\r\n\r\n      <p ><span ><span >Además de las obligaciones generales señaladas en el Artículo 5,\r\n          el Usuario deberá utilizar el Sitio Web únicamente para los fines legalmente\r\n          permitidos de consulta de información y aplicación de pagos;</span></span></p>\r\n\r\n      <p ><span ><span ><br />\r\n          <strong><span >7. CUENTA Y\r\n            CONTRASEÑA&nbsp;</span></strong></span></span></p>\r\n\r\n      <p ><span ><span >Cuando el Usuario utiliza el Sitio Web, puede optar por abrir\r\n          una cuenta en el Sitio. En ese caso, el Usuario recibirá el número de cuenta\r\n          virtual y la contraseña inicial que le correspondan. Es responsabilidad\r\n          exclusiva del Usuario:<br />\r\n          (a) mantener la confidencialidad de dichos números de cuenta virtual y\r\n          contraseña;<br />\r\n          (b) actualizar y comprobar frecuentemente su contraseña; y<br />\r\n          (c) notificar inmediatamente a<span >&nbsp; </span>Amistad\r\n          Bienes Raíces, si tiene conocimiento del uso no autorizado de su cuenta o de\r\n          cualquier vulneración de las medidas de seguridad.</span></span></p>\r\n\r\n      <p ><span ><strong><span >8. VÍNCULOS A PÁGINAS WEB DE TERCEROS</span></strong></span></p>\r\n\r\n      <p ><span ><span >El Sitio Web puede tener vínculos, como hipervínculos o enlaces,\r\n          que indican el acceso a páginas Web de terceros (los “Sitios Relacionados”).\r\n          Aunque Amistad Bienes Raíces revisa el material de terceros y solamente permite\r\n          la inclusión de los Sitios Relacionados que, a su leal saber y entender, no\r\n          infringen la legislación aplicable, Amistad Bienes Raíces no puede controlar ni\r\n          realizar un seguimiento de los Sitios Relacionados y, en consecuencia, no\r\n          asumirá responsabilidad alguna en cuanto a la exactitud, seguridad o fiabilidad\r\n          del material, información o contenido incluido en dichos Sitios\r\n          Relacionados.&nbsp;</span></span></p>\r\n\r\n      <p ><span ><span >La inclusión de los Sitios Relacionados en el Sitio Web no\r\n          implica que haya relación o asociación alguna entre Amistad Bienes Raíces y el\r\n          propietario de los Sitios Relacionados, ni la aprobación o promoción por parte\r\n          de Amistad Bienes Raíces de dichos Sitios Relacionados. RH incluye los Sitios\r\n          Relacionados solamente para comodidad del Usuario. Este es el único responsable\r\n          del acceso a los Sitios Relacionados.&nbsp;<br />\r\n          El Usuario deberá utilizar su propio buen criterio, precaución y sentido común\r\n          a la hora desusar los Sitios Relacionados y, para ello, le recomendamos revisar\r\n          el condicionado de uso y los términos que sobre privacidad rigen en dichos\r\n          Sitios Relacionados. Amistad Bienes Raíces se reserva el derecho de eliminar de\r\n          su Sitio Web todos los Sitios Relacionados de los que tenga conocimiento real\r\n          que están infringiendo derechos de terceros y/o cuyo contenido vulnere la\r\n          legislación aplicable, o si así se lo exige una orden judicial o una ordenanza\r\n          administrativa.</span></span></p>\r\n\r\n      <p ><span ><span >Los vínculos a nuestra página Web no están permitidos sin la\r\n          expresa autorización, previa y por escrito, de Amistad Bienes Raíces. El\r\n          Usuario no podrá, ni solo ni en colaboración con otras personas, ampliar,\r\n          modificar, sustituir, enmendar o limitar, en todo o en parte, la información\r\n          ofrecida en nuestra página Web ni las aplicaciones funcionales de la misma.\r\n          Además, el Usuario no podrá, ni solo ni en colaboración con otras personas,\r\n          crear o instalar vínculos desde su propia página Web o desde webs de terceros,\r\n          a la presente página Web (ya sea mediante vínculos de hipertexto, <span className=\"SpellE\">deep-linking</span>, enmarcado, mediante códigos o de otra forma),\r\n          ni en todo ni en parte, sin el previo consentimiento por escrito en este\r\n          sentido de parte de Amistad Bienes Raíces.</span></span></p>\r\n\r\n      <p ><span ><strong><span >9. PRIVACIDAD&nbsp;</span></strong></span><span ><span ><br />\r\n          RH procesará toda la información personal que el Usuario introduzca o facilite\r\n          a través de nuestro Sitio Web de conformidad con la Política de<br />\r\n          &gt; Privacidad del Sitio Web y los términos y condiciones relativos a la misma\r\n          en este contrato.</span></span></p>\r\n\r\n      {/* <p ><span ><strong><span >10. COOKIES</span></strong></span><span ><span ></span></span></p> */}\r\n\r\n      <p ><span ><span ></span></span></p>\r\n\r\n      <p ><span ><strong><span >10. DESCARGO DE RESPONSABILIDAD</span></strong></span></p>\r\n\r\n      <p ><span ><span >EL USUARIO RECONOCE Y ACEPTA QUE:<br />\r\n          (A) EL USUARIO ASUME TODOS LOS RIESGOS RELATIVOS A, O DERIVADOS DE, EL USO,\r\n          CONSULTA O ACCESO POR SU PARTE AL SITIO WEB. EL SITIO WEB SE FACILITA\r\n          \"COMO ESTÁ\" Y \"SEGÚN DISPONIBILIDAD\", SIN GARANTÍA ALGUNA;<br />\r\n          (B) DENTRO DE LOS LÍMITES LEGALES, Amistad Bienes Raíces DECLINA EXPRESAMENTE Y\r\n          EN ESTE ACTO, TODA GARANTÍA O RESPONSABILIDAD, EXPRESA O IMPLÍCITA, LEGAL O DE\r\n          OTRO TIPO, INCLUIDAS, ENTRE OTRAS: LAS GARANTÍAS IMPLÍCITAS DE CALIDAD\r\n          SATISFACTORIA, IDONEIDAD PARA EL USO CONCRETO, PROHIBICIÓN DE USO INDEBIDO Y\r\n          LAS HABITUALES EN LA PRÁCTICA COMERCIAL O EN LAS NEGOCIACIONES EN ESTE SECTOR;\r\n          Y<br />\r\n          (C) AUNQUE Amistad Bienes Raíces TIENE SISTEMAS ANTI-VIRUS Y ADOPTA MEDIDAS DE\r\n          SEGURIDAD PARA PROTEGER EL SITIO WEB Y SU CONTENIDO DE TODO TIPO DE ATAQUES\r\n          INFORMÁTICOS CON EL FIN DE REDUCIR EL NIVEL DE RIESGO, EN ESTE ACTO Amistad\r\n          Bienes Raíces DECLINA EXPRESAMENTE TODA GARANTÍA RESPECTO A: (I) QUE EL SITIO\r\n          WEB Y SU CONTENIDO ESTARÁ SIEMPRE LIBRE DE ERRORES O VIRUS O NO SUFRIRÁ NUNCA\r\n          ATAQUES DE TERCEROS; (II) EL FUNCIONAMIENTO ININTERRUMPIDO Y SIEMPRE SEGURO DEL\r\n          SITIO WEB; (III) LA PERMANENTE DISPONIBILIDAD DEL SITIO; (IV) QUE EL SITIO WEB\r\n          CUBRA O NO LAS NECESIDADES DEL USUARIO; Y (V) LA FIABILIDAD, EXACTITUD,\r\n          INTEGRIDAD, VALIDEZ O VERACIDAD DE LA INFORMACIÓN FACILITADA POR EL USUARIO.</span></span></p>\r\n\r\n      <p ><span ><strong><span >11. RESPONSABILIDAD Y LIMITACIÓN DE RESPONSABILIDAD</span></strong></span></p>\r\n\r\n      <p ><span ><span >EL USUARIO ACEPTA ASUMIR TODOS LOS RIESGOS ASOCIADOS CON, O\r\n          DERIVADOS DE, EL USO DEL SITIO WEB O LA INFORMACIÓN FACILITADA POR EL USUARIO. EL\r\n          USUARIO SE COMPROMETE TAMBIÉN A EXONERAR DE TODA RESPONSABILIDAD A Amistad\r\n          Bienes Raíces, A LA EMPRESA MATRIZ Y A LAS EMPRESAS SUBSIDIARIAS Y AFILIADAS DE\r\n          ESTA, ASÍ COMO A LOS DIRECTIVOS, ENCARGADOS, COMERCIALES Y EMPLEADOS DE TODAS\r\n          ELLAS, FRENTE A LAS RECLAMACIONES, DEMANDAS O RECLAMACIONES DE INDEMNIZACIÓN\r\n          POR DAÑOS Y PERJUICIOS (DIRECTOS, INDIRECTOS Y SOBREVENIDOS) DE CUALQUIER TIPO,\r\n          CONOCIDAS O NO, QUE PUEDAN INTERPONERSE CON BASE EN, O QUE SE DERIVEN DEL USO\r\n          DEL SITIO WEB, LA INFORMACIÓN FACILITADA POR EL USUARIO O LAS TRANSACCIONES QUE\r\n          SE PRODUZCAN COMO RESULTADO DEL USO DEL SITIO WEB POR PARTE DEL USUARIO.<br />\r\n          SIEMPRE DENTRO DE LOS LÍMITES LEGALES, EL USUARIO ASUME Y ACEPTA QUE EN NINGÚN\r\n          CASO, NI RH NI SU EMPRESA MATRIZ, LAS EMPRESAS SUBSIDIARIAS Y AFILIADAS DE\r\n          ESTA, NI TAMPOCO SUS DIRECTIVOS, LOS COMERCIALES, LOS EMPLEADOS O LOS\r\n          PROVEEDORES DE TODAS ELLAS, ASUMIRÁN RESPONSABILIDAD ALGUNA POR LAS PÉRDIDAS O\r\n          LOS DAÑOS DIRECTOS, INDIRECTOS O SOBREVENIDOS INCLUIDOS, ENTRE OTROS, LOS DAÑOS\r\n          A LA PROPIEDAD Y LOS DAÑOS PURAMENTE ECONÓMICOS.</span></span></p>\r\n\r\n      <p className=\"MsoNormal\" ><span ><span >Amistad bienes y Servicios\r\n        Empresariales S.A de C.V </span></span></p>\r\n\r\n      <p className=\"MsoNormal\" ><span ><span >Domicilio: Av. Las Torres <span className=\"SpellE\">Mza</span>. 43 Lote 1 Local e, SM 523. C.P. 77525. Cancún,\r\n        Quintana Roo.</span></span><span ></span></p>\r\n\r\n    </div>\r\n\r\n  </>)\r\n\r\n};\r\n\r\nexport default TerminosCondiciones","import React, { Component, useEffect, useState } from 'react';\r\nimport FraccContent from './FraccContent';\r\nimport './Home.scss';\r\nimport Slidewithcontrol from './slidewithcontrol'\r\nimport Swal from 'sweetalert2';\r\nimport { useLocation, withRouter } from 'react-router-dom';\r\nimport { Modal } from 'reactstrap';\r\nimport { ModalBody } from \"reactstrap\";\r\nimport { ModalHeader } from \"reactstrap\";\r\nimport TerminosCondiciones from './terminos-condiciones';\r\n\r\n\r\nfunction Home({ match }) {\r\n\r\n  // const location = useLocation();\r\n  const [seleccion, setSeleccion] = useState(null);\r\n  var Close = () => setSeleccion(null);\r\n  var Open = () => setSeleccion(true);\r\n\r\n  useEffect(() => {\r\n    // Verifica si la ruta actual es '/privacidad'\r\n    if (loc.pathname === '/') return;\r\n\r\n    else if (loc.pathname === '/privacidad') {\r\n      setSeleccion(true);\r\n    } else {\r\n      setSeleccion(false);\r\n    }\r\n  }, []);\r\n\r\n\r\n  const [contacto, setContacto] = useState({});\r\n  var loc = useLocation();\r\n\r\n  console.log(\"match\", match);\r\n  console.log(\"location\", loc);\r\n\r\n  useEffect(e => {\r\n    if (loc.hash) {\r\n      scroll(loc.hash.substring(1));\r\n    }\r\n  }, [match]);\r\n\r\n  const MostarAdvertencia = async (text) => {\r\n    await Swal.fire({\r\n      icon: \"warning\",\r\n      title: text\r\n    });\r\n  }\r\n\r\n  const validar = (validacion, mensaje) => {\r\n    // console.log(\"validando: \", validacion);\r\n    if (!validacion) {\r\n      // console.log(\"Validación incorrect1a\");\r\n      MostarAdvertencia(mensaje);\r\n      throw mensaje;\r\n    }\r\n    return true;\r\n  }\r\n\r\n  var procesando = false;\r\n  const enviarContacto = async () => {\r\n    validar(contacto.nombre, \"Debes escribir tu nombre\");\r\n    validar(contacto.apellido, \"Debe escribir tu apellido\");\r\n    validar(contacto.correo, \"Debes escribir tu correo\");\r\n    validar(contacto.telefono, \"Debes escribir tu telefono\");\r\n    validar(contacto.estado, \"Debes seleccionar un estado\");\r\n    validar(contacto.proyecto, \"Debes seleccionar un proyecto\");\r\n\r\n    if (procesando) return;\r\n    procesando = true;\r\n    console.log(\"Enviando contacto\", contacto);\r\n    var res;\r\n    try {\r\n      res = await fetch(\"https://portal.amistadbr.com/back/contacto\", {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json'\r\n        },\r\n        body: JSON.stringify(contacto)\r\n      });\r\n      res = await res.json();\r\n    } catch (error) {\r\n      res = { ok: false };\r\n    }\r\n\r\n    if (res.ok) {\r\n      Swal.fire({\r\n        \"title\": \"En un momento un miembro de nuestro equipo lo contactará\",\r\n        \"icon\": 'success'\r\n      });\r\n    }\r\n    else {\r\n      Swal.fire({\r\n        \"title\": \"ups, parece que ha habido un error, te recomendamos que nos contactes a cualquiera de nuestros números\",\r\n        \"icon\": 'warning'\r\n      });\r\n    }\r\n    procesando = false;\r\n  }\r\n\r\n  var items = [\r\n    { src: \"/elementos/banner_principal/banner_p1.jpg\" },\r\n    { src: \"/elementos/banner_principal/1.jpg\" },\r\n    { src: \"/elementos/banner_principal/2.jpg\" },\r\n    { src: \"/elementos/banner_principal/3.jpg\" },\r\n    { src: \"/elementos/banner_principal/4.jpg\" },\r\n    { src: \"/elementos/banner_principal/5.jpg\" }\r\n  ];\r\n\r\n  var logoWhite = [\r\n    \"/img-white/barcelona.png\",\r\n    \"/img-white/azaahy.png\",\r\n    \"/img-white/terramillpa.png\",\r\n    \"/img-white/mayorales.png\",\r\n    \"/img-white/anikwa.png\",\r\n    \"/img-white/senderos.png\",\r\n    \"/img-white/pedregal.png\",\r\n    \"/img-white/frey.png\"\r\n  ]\r\n\r\n  var imgPhones = [\r\n    {\r\n      class: \"imgPhone1 hor\",\r\n      src: \"/elementos/inicio/tel_padel.png\"\r\n    },\r\n    {\r\n      class: \"imgPhone2 hor\",\r\n      src: \"/elementos/inicio/tel_juegos.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone3 ver\",\r\n      src: \"/elementos/inicio/tel_senderos.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone4 ver\",\r\n      src: \"/elementos/inicio/tel_gimnasios.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone5 hor\",\r\n      src: \"/elementos/inicio/tel_relleno.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone6 hor\",\r\n      src: \"/elementos/inicio/tel_relleno.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone7 ver\",\r\n      src: \"/elementos/inicio/tel_canchas.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone8 hor\",\r\n      src: \"/elementos/inicio/tel_asadores.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone9 hor\",\r\n      src: \"/elementos/inicio/tel_hamacas.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone10 ver\",\r\n      src: \"/elementos/inicio/tel_areasverdes.png\"\r\n    },\r\n    ,\r\n    {\r\n      class: \"imgPhone11 ver\",\r\n      src: \"/elementos/inicio/tel_relleno2.png\"\r\n    },\r\n  ]\r\n\r\n  const desarrolloMono = [\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_pedregal.png\",\r\n      nombreFrac: \"pedregal\",\r\n      src2: \"/elementos/desarrollos/color/pedregal.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$6,490\",\r\n      link: \"http://pedregalplusdos.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_barcelona.png\",\r\n      nombreFrac: \"barcelona\",\r\n      src2: \"/elementos/desarrollos/color/barcelona.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$3,642\",\r\n      link: \"http://barcelona.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_azaahy.png\",\r\n      nombreFrac: \"azaahy\",\r\n      src2: \"/elementos/desarrollos/color/azaahy.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$4,005\",\r\n      link: \"http://azaahy.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_terramillpa.png\",\r\n      nombreFrac: \"terramillpa\",\r\n      src2: \"/elementos/desarrollos/color/terramillpa.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$1,791\",\r\n      link: \"http://terramilpa.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_mayorales.png\",\r\n      nombreFrac: \"mayorales\",\r\n      src2: \"/elementos/desarrollos/color/mayorales.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$2,008\",\r\n      link: \"http://mayorales.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_anikwa.png\",\r\n      nombreFrac: \"anikwa\",\r\n      src2: \"/elementos/desarrollos/color/anikwa.png\",\r\n      ubicacion: \"BUENAVENTURA\",\r\n      precio: \"$999\",\r\n      link: \"http://anikwa.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_senderos.png\",\r\n      nombreFrac: \"senderos\",\r\n      src2: \"/elementos/desarrollos/color/senderos.png\",\r\n      ubicacion: \"MONCLOVA\",\r\n      precio: \"$650\",\r\n      link: \"http://senderos.amistadbienesraices.com/\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_frey.png\",\r\n      nombreFrac: \"frey\",\r\n      src2: \"/elementos/desarrollos/color/frey.png\",\r\n      ubicacion: \"CANCÚN\",\r\n      precio: \"$1,890\",\r\n      link: \"http://frey.amistadbienesraices.com/\",\r\n      classname: \"freyImg\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_asaurus.png\",\r\n      nombreFrac: \"asaurus\",\r\n      src2: \"/elementos/desarrollos/color/asaurus.png\",\r\n      ubicacion: \"MONCLOVA\",\r\n      precio: \"$1,500\",\r\n      link: \"http://asaurus.amistadbienesraices.com/\",\r\n      classname: \"asaurusImg\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_orovaaly.png\",\r\n      nombreFrac: \"orovaaly\",\r\n      src2: \"/elementos/desarrollos/color/orovaaly.png\",\r\n      ubicacion: \"MONCLOVA\",\r\n      precio: \"$1,200\",\r\n      link: \"http://orovaaly.amistadbienesraices.com/\",\r\n      classname: \"orovaalyImg\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_serenavi.png\",\r\n      nombreFrac: \"serenavi\",\r\n      src2: \"/elementos/desarrollos/color/serenavi.png\",\r\n      ubicacion: \"MONCLOVA\",\r\n      precio: \"$750\",\r\n      link: \"http://serenavi.amistadbienesraices.com/\",\r\n      classname: \"serenaviImg\"\r\n    },\r\n    {\r\n      src: \"/elementos/desarrollos/monocromaticos/m_yarinawi.png\",\r\n      nombreFrac: \"yarinawi\",\r\n      src2: \"/elementos/desarrollos/color/yarinawi.png\",\r\n      ubicacion: \"MONCLOVA\",\r\n      precio: \"$3,429\",\r\n      link: \"http://yarinawi.amistadbienesraices.com/\",\r\n      classname: \"yarinawiImg\"\r\n    },\r\n    // {\r\n    //   src: \"/elementos/desarrollos/monocromaticos/m_sanan.png\",\r\n    //   nombreFrac: \"sanan\",\r\n    //   src2: \"/elementos/desarrollos/color/sanan.png\",\r\n    //   ubicacion: \"MONCLOVA\",\r\n    //   precio: \"$2,000\",\r\n    //   link: \"http://sanantonio.amistadbienesraices.com/\",\r\n    //   classname: \"freyImg\"\r\n    // }\r\n  ]\r\n  var [index, setIndex] = useState(0);\r\n  const [seleccionado, setSeleccionado] = useState(\"pedregal\");\r\n\r\n  // const [select, setSelect] = useState(\"comprar\");\r\n\r\n  function scroll(id) {\r\n    var el = window.document.getElementById(id);\r\n    window.document.scrollingElement.scroll(0, el.offsetTop);\r\n  }\r\n\r\n\r\n  window.setIndex = setIndex;\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <img src=\"/elementos/nosotros/goUp.png\" onClick={e => scroll('inicio')} className=\"goUp\" />\r\n      <div className=\"content-absolute\">\r\n        <div className=\"parts\">\r\n          <div className=\"part-1 titleP\">\r\n            <h1>\r\n              ADQUIERE TU <br /> <span>TERRENO</span>{\" \"}\r\n            </h1>\r\n            <h6>en 3 pasos</h6>\r\n          </div>\r\n\r\n          <div className=\"part-2\">\r\n            <div className=\"circle\">\r\n              <img src=\"/elementos/inicio/paso1.png\" alt=\"paso 1 img\" />\r\n              <p className=\"p1\">\r\n                Selecciona <br /> el desarrollo\r\n              </p>\r\n            </div>\r\n            <div className=\"circle\">\r\n              <img src=\"/elementos/inicio/paso2.png\" alt=\"paso 1 img\" />\r\n              <p>\r\n                Escoge <br /> tu terreno\r\n              </p>\r\n            </div>\r\n            <div className=\"circle\">\r\n              <img src=\"/elementos/inicio/paso3.png\" alt=\"paso 1 img\" />\r\n              <p>\r\n                Escoge tu <br /> forma de <br /> pago\r\n              </p>\r\n            </div>\r\n            <h6>& listo!</h6>\r\n          </div>\r\n        </div>\r\n        <div className=\"part3\">\r\n          <h1>\r\n            Tu <span className=\"bolder\">FUTURO</span> inicia aquí <br /> & tu{\" \"}\r\n            <span className=\"bolder\">PATRIMONIO </span>también <br />\r\n            <span className=\"smaller\">SIN ENGANCHE & ENTREGA INMEDIATA</span>\r\n          </h1>\r\n          <div className=\"img-container\">\r\n            {logoWhite.map(e =>\r\n              <img src={e} alt=\"\" />\r\n            )}\r\n          </div>\r\n          <a href=\"#\">\r\n            <div className=\"btn-style\">\r\n              <a href=\"#desarrollos\"><h1>QUIERO UN TERRENO {\">\"}</h1></a>\r\n            </div>\r\n          </a>\r\n        </div>\r\n\r\n\r\n      </div>\r\n      <Slidewithcontrol\r\n        items={items}\r\n        index={index}\r\n        setIndex={setIndex}\r\n      ></Slidewithcontrol>\r\n      <div className=\"secc-invierte background-b\">\r\n        <div className=\"textoBtn\">\r\n          <h1>\r\n            Te damos la bienvenida a la <br />{\" \"}\r\n            <span>mejor inversión de tu vida</span>{\" \"}\r\n          </h1>\r\n          {/* <a href=\"#\">\r\n            <div className=\"btn-style2\">\r\n              <h1>DESCARGA CATÁLOGO</h1>\r\n            </div>\r\n          </a> */}\r\n        </div>\r\n        <iframe\r\n          width=\"560\"\r\n          height=\"315\"\r\n          src=\"https://www.youtube.com/embed/HvSi9rIgiqU\"\r\n          title=\"YouTube video player\"\r\n          frameborder=\"0\"\r\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n          allowfullscreen\r\n        ></iframe>\r\n      </div>\r\n      <div className=\"seccinviertePlus\">\r\n        <div className=\"textoBtn2\">\r\n          <h1 className=\"title\">\r\n            Invierte en realidad y <span>GANA PLUSVALÍA</span>{\" \"}\r\n          </h1>\r\n          <p>\"Pensado para brindarte el máximo confort para ti y tu familia\"</p>\r\n          <a href=\"#\">\r\n            <div className=\"btn-style2 shadowO\">\r\n              <a href=\"#desarrollos\"><h1>QUIERO CONOCER LOS DESARROLLOS</h1></a>\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div className=\"img-centro\">\r\n        <img className=\"circleY\" src=\"/elementos/inicio/terrenoCirculo.png\" alt=\"img circulo amarillo amistad\" />\r\n        <div className=\"imagesCen\">\r\n          <img className=\"chico\" src=\"/elementos/inicio/terrenoImg2.png\" alt=\"img chico amistad\" />\r\n          <img className=\"chica\" src=\"/elementos/inicio/terrenoImg.png\" alt=\"img chica amistad\" />\r\n        </div>\r\n        <div className=\"absoluteCentro\">\r\n          <div className=\"infoImg\">\r\n            <h1>\r\n              !EN AMISTAD SABEMOS QUÉ ES LO QUE NECESITAS,{\" \"}\r\n              <span>INVIERTE Y HAZ USO DE TU TERRENO HOY MISMO!</span>{\" \"}\r\n            </h1>\r\n            <a href=\"https://wa.me/5219983860033\" target=\"_blank\">\r\n              <p> {\"> >\"} QUIERO APARTAR MI TERRENO</p>\r\n            </a>\r\n          </div>\r\n          <h1 className=\"p1\">\r\n            ENTREGA <br />\r\n            INMEDIATA*\r\n          </h1>\r\n          <h1 className=\"p2\">\r\n            SIN <br /> ENGANCHE*\r\n          </h1>\r\n        </div>\r\n      </div>\r\n      <div className=\"secc-invertirTe background-b\">\r\n        <h1>\r\n          ¿Por qué <span className=\"coloured-y\">NECESITO</span> invertir en un\r\n          Terreno?\r\n        </h1>\r\n        <div className=\"container-invertir\">\r\n          <div className=\"middle-line\"></div>\r\n          <div>\r\n            <img\r\n              src=\"/elementos/inversion/inversion1.png\"\r\n              alt=\"img inversion 1\"\r\n            />\r\n            <div className=\"infoInvert\">\r\n              <h1>SEGURIDAD</h1>\r\n              <p>Te protege ante cualquier vulnerabilidad</p>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <img\r\n              src=\"/elementos/inversion/inversion2.png\"\r\n              alt=\"img inversion 2\"\r\n            />\r\n            <div className=\"infoInvert\">\r\n              <h1>ACCESIBLE</h1>\r\n              <p>El costo de un terreno es relativamente barato</p>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <img\r\n              src=\"/elementos/inversion/inversion3.png\"\r\n              alt=\"img inversion 3\"\r\n            />\r\n            <div className=\"infoInvert\">\r\n              <h1>RENTABLE</h1>\r\n              <p>Su valor siempre aumentará, a esto se le llama PLUSVALÍA</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <a href=\"#\">\r\n          <div className=\"btn-style2 shadowO\">\r\n            <a href=\"https://wa.me/5219983860033\" target=\"_blank\"><h1>AGENDA UNA CITA VIRTUAL AHORA</h1></a>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div className=\"secPhone\">\r\n        <div className=\"secPhones\">\r\n          <div className=\"imgPhones\">\r\n            {imgPhones.map(e =>\r\n              <img className={e.class} src={e.src} alt=\"imagen amenidad\" />\r\n            )}\r\n          </div>\r\n        </div>\r\n        <div className=\"info\">\r\n          <h1>\r\n            Vive <span>experiencias inolvidables </span>en cada uno de nuestros\r\n            desarrollos\r\n          </h1>\r\n          <p>\r\n            Podrás disfrutar de todas las amenidades del desarrollo desde tu\r\n            primer pago; algunas de las amenidades que disfrutarás son: Zonas de\r\n            descanso, juegos infantiles, gimnasio al aire libre, canchas de úsos\r\n            múltiples, cancha de padel tennis, voleibol playero, ping pong,\r\n            kioskos, asadores & muchas más.\r\n          </p>\r\n          <a href=\"#\">\r\n            <div className=\"btn-style2 shadowO mauto\">\r\n              <a href=\"#desarrollos\"><h1>QUIERO CONOCER LOS DESARROLLOS</h1></a>\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div className=\"seccParaiso background-b\">\r\n        <div className=\"infoBtn\">\r\n          <h1>\r\n            Elige vivir en el <span className=\"coloured-y\">paraíso, </span>elige\r\n            vivir en Cancún\r\n          </h1>\r\n          <p>\r\n            Visualiza tu futuro en el destino turístico más importante de\r\n            México, además de una\r\n            <span> excelente calidad de vida.</span>\r\n          </p>\r\n          {/* <a href=\"\">\r\n            <div className=\"btn-style2\">\r\n            <a href=\"#desarrollos\"><h1>QUIERO UN TERRENO EN EL PARAÍSO</h1></a>\r\n            </div>\r\n          </a> */}\r\n        </div>\r\n        <div className=\"imgDuo\">\r\n          <img\r\n            className=\"fix\"\r\n            src=\"elementos/inicio/cancun.jpg\"\r\n            alt=\"img cancún\"\r\n            width=\"auto\"\r\n            height=\"100\"\r\n          />\r\n          <img\r\n            className=\"abs\"\r\n            src=\"elementos/inicio/guacamaya.png\"\r\n            alt=\"img cancún\"\r\n            width=\"auto\"\r\n            height=\"100\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div id=\"desarrollos\" className=\"seccDesarrollos\">\r\n        <div className=\"seccDesarrollos-part1\">\r\n          <h1>NUESTROS DESARROLLOS</h1>\r\n          <p>\r\n            Selecciona uno de nuestros desarrollos, cada uno de ellos te hará\r\n            acreedor de un estilo de vida único y exclusivo\r\n          </p>\r\n          <div className=\"desarrollosImg\">\r\n            {\r\n              desarrolloMono.map(i =>\r\n                <div\r\n                  className={\r\n                    \"content\" + (seleccionado == i.nombreFrac ? \" seleccionado\" : \"\")\r\n                  }\r\n                  onMouseEnter={(e) => setSeleccionado(i.nombreFrac)}\r\n                >\r\n                  <img className={i.classname} src={seleccionado == i.nombreFrac ? i.src2 : i.src} alt=\"img desarrollo\" />\r\n                  <h6>{i.ubicacion}</h6>\r\n                  <a href={i.link} target=\"_blank\"><p>{i.precio}</p></a>\r\n                </div>\r\n              )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <FraccContent nombre={seleccionado}></FraccContent>\r\n      <div id=\"contacto\" className=\"contacto bg-image\">\r\n        <div className=\"infoContacto\">\r\n          <img\r\n            src=\"/elementos/inicio/logoContacto.png\"\r\n            alt=\"logo amistad contacto\"\r\n          />\r\n          <div className=\"ubicacion-container\">\r\n            <div className=\"ubicacion\">\r\n              <h1>Cancún</h1>\r\n              <div className=\"info-box\">\r\n                <div className=\"direc bor\">\r\n                  <div>\r\n                    <i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i>\r\n                    <h1>Dirección</h1>\r\n                  </div>\r\n                  <p>Av. Las Torres Supermanzana 523 Manzana , 43 Lote 1-Local e, Los Faroles, 77535 Cancún, Q.R.</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"telef bor\">\r\n                  <div>\r\n                    <i className=\"fa fa-phone\" aria-hidden=\"true\"></i>\r\n                    <h1>Teléfonos</h1>\r\n                  </div>\r\n                  <p>800 283 3302 <span>(ATC Llamadas)</span></p>\r\n                  <p>998 246 0011 <span>(ATC WhatsApp)</span></p>\r\n                  <p>998 246 0022 <span>(VENTAS WhatsApp)</span></p>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"correo bor\">\r\n                  <div>\r\n                    <i className=\"fa fa-envelope-o\" aria-hidden=\"true\"></i>\r\n                    <h1>Correo Electrónico</h1>\r\n                  </div>\r\n                  <h6>info.cun@ <br />amistadbienesraices.com</h6>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"horarios bor\">\r\n                  <div>\r\n                    <i className=\"fa fa-clock-o\" aria-hidden=\"true\"></i>\r\n                    <h1>Horarios</h1>\r\n                  </div>\r\n                  <p><span>Lunes a Viernes </span>9:00 a 5:00 p.m.</p>\r\n                  <p><span>Sábado </span>9:00 a 2:00 p.m</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"media\">\r\n                <a href=\"https://www.facebook.com/amistadbr/\" target=\"_blank\"><img src=\"/elementos/fb.png\" alt=\"img facebook amistad\" /></a>\r\n                <a href=\"https://www.instagram.com/amistadbr/\" target=\"_blank\"><img src=\"/elementos/ig.png\" alt=\"img instagram amistad\" /></a>\r\n                <a href=\"https://www.tiktok.com/@amistadbr\" target=\"_blank\"><img src=\"/elementos/tt.png\" alt=\"img tiktok amistad\" /></a>\r\n                <a href=\"https://www.youtube.com/channel/UCHMljReTydWXmp-ZyTg6j-Q\" target=\"_blank\"><img src=\"/elementos/yt.png\" alt=\"img youtube amistad\" /></a>\r\n                <p>amistadbr</p>\r\n              </div>\r\n            </div>\r\n            <div className=\"ubicacion end\">\r\n              <h1>Monclova</h1>\r\n              <div className=\"info-box\">\r\n                <div className=\"direc\">\r\n                  <div>\r\n                    <i className=\"fa fa-map-marker\" aria-hidden=\"true\"></i>\r\n                    <h1>Dirección</h1>\r\n                  </div>\r\n                  <p>Blvd Harold R. Pape 738, Zona Centro, 25700 Monclova, Coah</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"telef\">\r\n                  <div>\r\n                    <i className=\"fa fa-phone\" aria-hidden=\"true\"></i>\r\n                    <h1>Teléfonos</h1>\r\n                  </div>\r\n                  \r\n                  {/* <p>866 636 1930 <span>(ATC Llamadas)</span></p> */}\r\n                  <p>800 953 1494 <span>(ATC Llamadas)</span></p>\r\n                  <p>866 136 1201 <span>(ATC WhatsApp)</span></p>\r\n                  <p>866 136 0472 <span>(VENTAS WhatsApp)</span></p>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"correo\">\r\n                  <div>\r\n                    <i className=\"fa fa-envelope-o\" aria-hidden=\"true\"></i>\r\n                    <h1>Correo Electrónico</h1>\r\n                  </div>\r\n                  <h6>info.mva@ <br />amistadbienesraices.com</h6>\r\n                </div>\r\n              </div>\r\n              <div className=\"info-box\">\r\n                <div className=\"horarios\">\r\n                  <div>\r\n                    <i className=\"fa fa-clock-o\" aria-hidden=\"true\"></i>\r\n                    <h1>Horarios</h1>\r\n                  </div>\r\n                  <p><span>Lunes a Sábado </span>9:00 a 7:00 p.m.</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"media\">\r\n                <a href=\"https://www.facebook.com/amistad.mon\" target=\"_blank\"><img src=\"/elementos/fb.png\" alt=\"img facebook amistad\" /></a>\r\n                <p>amistad.mon</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"contactar\">\r\n          <h1>CONTACTO</h1>\r\n          <div className=\"duo\">\r\n            <div className=\"inp\">\r\n              <p>Nombre(s): </p>\r\n              <input type=\"text\" placeholder='Escribe tu nombre' onChange={e => setContacto({ ...contacto, nombre: e.target.value })} />\r\n            </div>\r\n            <div className=\"inp\">\r\n              <p>Apellidos: </p>\r\n              <input type=\"text\" placeholder='Escribe tus apellidos' onChange={e => setContacto({ ...contacto, apellido: e.target.value })} />\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"inp\">\r\n            <p>E-mail: </p>\r\n            <input type=\"email\" placeholder='Compartenos tu Correo electrónico' onChange={e => setContacto({ ...contacto, correo: e.target.value })} />\r\n          </div>\r\n          <div className=\"inp\">\r\n            <p>Número Telefónico: </p>\r\n            <input type=\"text\" placeholder='Escribe tu número de teléfono' onChange={e => setContacto({ ...contacto, telefono: e.target.value })} />\r\n          </div>\r\n          <div className=\"duo\">\r\n            <div className=\"inp\">\r\n              <p>Estado* </p>\r\n              <select name=\"\" id=\"\" onChange={e => setContacto({ ...contacto, estado: e.target.value })}>\r\n                <option value=\"0\">Selecciona el estado</option>\r\n                <option value=\"aguascalientes\">Aguascalientes</option>\r\n                <option value=\"baja_california\">Baja California</option>\r\n                <option value=\"baja_california_sur\">Baja California Sur</option>\r\n                <option value=\"campeche\">Campeche</option>\r\n                <option value=\"chiapas\">Chiapas</option>\r\n                <option value=\"chiahuahua\">Chiahuahua</option>\r\n                <option value=\"CDMX\">CDMX</option>\r\n                <option value=\"coahuila\">Coahuila</option>\r\n                <option value=\"colima\">Colima</option>\r\n                <option value=\"durango\">Durango</option>\r\n                <option value=\"guanajuato\">Guanajuato</option>\r\n                <option value=\"guerrero\">Guerrero</option>\r\n                <option value=\"hidalgo\">Hidalgo</option>\r\n                <option value=\"jalisco\">Jalisco</option>\r\n                <option value=\"michoacan\">Michoacán</option>\r\n                <option value=\"morelos\">Morelos</option>\r\n                <option value=\"nayarit\">Nayarit</option>\r\n                <option value=\"nuevo_leon\">Nuevo León</option>\r\n                <option value=\"oaxaca\">Oaxaca</option>\r\n                <option value=\"puebla\">Puebla</option>\r\n                <option value=\"queretaro\">Querétaro</option>\r\n                <option value=\"quintana_roo\">Quintana Roo</option>\r\n                <option value=\"san_luis_potosi\">San Luis Potosí</option>\r\n                <option value=\"sinaloa\">Sinaloa</option>\r\n                <option value=\"sonora\">Sonora</option>\r\n                <option value=\"tabasco\">Tabasco</option>\r\n                <option value=\"tamaulipas\">Tamaulipas</option>\r\n                <option value=\"tlaxcala\">Tlaxcala</option>\r\n                <option value=\"veracruz\">Veracruz</option>\r\n                <option value=\"yucatan\">Yucatán</option>\r\n                <option value=\"zacatecas\">Zacatecas</option>\r\n              </select>\r\n            </div>\r\n            <div className=\"inp\">\r\n              <p>Proyecto de interés: </p>\r\n              <select onChange={e => setContacto({ ...contacto, proyecto: e.target.value })}>\r\n                <option value=\"0\">Selecciona el Proyecto</option>\r\n                <option value=\"azaahy\">Azaahy</option>\r\n                <option value=\"pedregal\">Pedregal</option>\r\n                <option value=\"barcelona\">Barcelona</option>\r\n                <option value=\"terramillpa\">Terramillpa</option>\r\n                <option value=\"frey\">Frey</option>\r\n                <option value=\"mayorales\">Mayorales</option>\r\n                <option value=\"anikwa\">Anikwa</option>\r\n                <option value=\"senderos\">Senderos</option>\r\n                <option value=\"otros\">Otros</option>\r\n              </select>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"inp\">\r\n            <p>Mensaje: </p>\r\n            <textarea name=\"\" id=\"\" cols=\"30\" rows=\"5\" placeholder='Escribe el Mensaje' onChange={e => setContacto({ ...contacto, mensaje: e.target.value })}></textarea>\r\n          </div>\r\n          <div className=\"btnContactar\">\r\n            {/* <a href=\"\"><div className=\"btn-style2\"><h1>DESCARGA CATÁLOGO</h1></div></a> */}\r\n            <a onClick={enviarContacto}><div className=\"btn-style2\"><h1>ENVIAR MENSAJE</h1></div></a>\r\n          </div>\r\n        </div>\r\n        <div className=\"avisoPriv\">\r\n          <p>© {new Date().getFullYear()} Todos los derechos reservados. | </p>\r\n          <a href=\"/privacidad\" onClick={Open}> Aviso de privacidad</a>\r\n        </div>\r\n      </div>\r\n      <div className=\"avisoPrivMovil\">\r\n        <p>© {new Date().getFullYear()} Todos los derechos reservados. | </p>\r\n        <a href=\"/privacidad\" onClick={Open}> Aviso de privacidad</a>\r\n      </div>\r\n      <Modal\r\n        isOpen={seleccion != null}\r\n        // toggle={() => setOpen(!open)}\r\n        backdrop=\"static\"\r\n        centered\r\n        size=\"lg\"\r\n      >\r\n        <ModalHeader toggle={Close}>Aviso de Privacidad</ModalHeader>\r\n        <ModalBody>\r\n          {!seleccion ? (\r\n            \"\"\r\n          ) : (\r\n            <div className=\"avisoYPriv\">\r\n              <TerminosCondiciones></TerminosCondiciones>\r\n            </div>\r\n          )}\r\n        </ModalBody>\r\n      </Modal>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default withRouter(Home);","import React, { useState } from 'react';\r\nimport './Home.scss';\r\n\r\n\r\n\r\nfunction Nosotros() {\r\n\r\n   function scroll(id) {\r\n      var el = window.document.getElementById(id);\r\n      window.document.scrollingElement.scroll(0, el.offsetTop);\r\n    }\r\n      \r\n  \r\n   \r\n   // const [seleccionado, setSeleccionado] = useState(indice);\r\n\r\n   var resenas = [\r\n      {\r\n         texto: \"La compra de mi terreno en Azaahy fue más sencillo de lo que creí, el trámite fue rápido, la asesoría excelente y el lugar precioso, totalmente lo que estaba buscando, para vivir tranquila.\", \r\n         img: \"/elementos/nosotros/testi.png\",\r\n         nombre: \"Jessica Villegas\"\r\n      },\r\n      {\r\n         texto: \"Acabo de adquirir mi terreno en la milpa, me encantó porque me permite estar en contacto con la naturaleza, es una tranquilidad escuchar y ver la vegetación y fauna del lugar.\", \r\n         img: \"/elementos/nosotros/testi2.png\",\r\n         nombre: \"David Vicencio\"\r\n      },\r\n      {\r\n         texto: \"Si quieren adquirir un terreno accesible, con excelente ubicación y de entrega inmediata, Amistad es una buena opción.\", \r\n         img: \"/elementos/nosotros/testi3.png\",\r\n         nombre: \"Marco Espinoza\"\r\n      },\r\n      {\r\n         texto: \"Inviertan porque es un patrimonio, es un beneficio personal y tener algo propio aquí en Cancún. No tengo queja de nada, me voy, contento, muy contento\", \r\n         img: \"/elementos/nosotros/testi4.png\",\r\n         nombre: \"Daniel Naal \"\r\n      },\r\n      {\r\n         texto: \"Los terrenos son amplios, más de lo convencional y si nos vamos a colonias como La guadalupana Aquí en Cancún, son terrenitos, casitas de 4 x 10, imagínate, entonces un terreno de 10 x 40 que es en el caso de la milpa, Recomendable.\", \r\n         img: \"/elementos/nosotros/testi5.png\",\r\n         nombre: \"John Rojas\"\r\n      },\r\n   ]\r\n\r\n   const [indice, setIndice] = useState(0);\r\n\r\n\r\n\r\n   const izquierda = () =>{\r\n      if(indice == 0) return;\r\n\r\n      setIndice(indice - 1)\r\n   }\r\n   const derecha = () =>{\r\n      if(indice == resenas.length -1) return;\r\n\r\n      setIndice(indice + 1)\r\n   }\r\n  \r\n   var imgValores = [\r\n      \"/elementos/nosotros/v1.png\",\r\n      \"/elementos/nosotros/v2.png\",\r\n      \"/elementos/nosotros/v3.png\",\r\n      \"/elementos/nosotros/v4.png\",\r\n      \"/elementos/nosotros/v5.png\",\r\n      \"/elementos/nosotros/v6.png\",\r\n      \"/elementos/nosotros/v7.png\",\r\n      \"/elementos/nosotros/v8.png\",\r\n      \"/elementos/nosotros/v9.png\",\r\n      \"/elementos/nosotros/v10.png\",\r\n   ]\r\n\r\n  return (\r\n    <React.Fragment>\r\n       <img src=\"/elementos/nosotros/goUp.png\" onClick={e=> scroll('inicio')} className=\"goUp\"/>  \r\n       <div className=\"us-container\">\r\n         <img className=\"fondo\" src=\"/elementos/nosotros/principal.png\" alt=\"amistad fondo nosotros\"/>\r\n         <h1 className=\"title\">\r\n            <span>AMISTAD BIENES RAÍCES, </span>una empresa inmobiliaria con un sólido respaldo y reconocido\r\n            prestigio en el mercado inmobiliario de Cancún, Quintana Roo & Monclova, Coahuila.\r\n         </h1>\r\n         <div className=\"container-info\">\r\n            <div className=\"box-info\">\r\n               <p className=\"p1\">\r\n                  En Amistad Bienes Raíces nos distinguimos por la\r\n                  constante creatividad y velocidad de respuesta en la\r\n                  comercialización de todos los proyectos inmobiliarios\r\n                  que ponen a tu disposición, brindándote asesoría\r\n                  integral y transparente en el proceso de compraventa.\r\n               </p>\r\n               <iframe\r\n                  width=\"560\"\r\n                  height=\"315\"\r\n                  src=\"https://www.youtube.com/embed/AzzDM_UTA_E\"\r\n                  title=\"YouTube video player\"\r\n                  frameborder=\"0\"\r\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                  allowfullscreen>\r\n               </iframe>\r\n            </div>\r\n            <div className=\"box-info\">\r\n               <img src=\"elementos/nosotros/terr.png\" alt=\"img terreno amistad\" width=\"100\" height=\"100\"/>\r\n               <p className=\"p2\">\r\n                  Entendemos la importancia de su decisión al momento de\r\n                  comprar, vender o rentar un inmueble, es por eso que le\r\n                  ofrecemos nuestros servicios para adquirir o arrendar una\r\n                  casa, departamento, local o terreno, así comoasesoría\r\n                  gratuita sobre créditos.\r\n               </p>\r\n            </div>\r\n         </div>\r\n         <div className=\"fondoValores\">\r\n         <div className=\"visMis-container\">\r\n            <div className=\"box-vision\">\r\n               <h1>VISIÓN</h1>\r\n               <img src=\"/elementos/nosotros/barG.png\" alt=\"barra gris amistad\" />\r\n               <p>\r\n                  Administrar elementos humanos, materiales y\r\n                  técnicos con mayor calidad y eficacia, para poder\r\n                  expandirnos a otros mercados.\r\n               </p>\r\n            </div>\r\n            <div className=\"box-mision\">\r\n               <h1>MISIÓN</h1>\r\n               <img src=\"/elementos/nosotros/barB.png\" alt=\"barra azul amistad\" />\r\n               <p>\r\n                  Facilitar a la gente a lograr un patrimonio con\r\n                  seguridad, integridad y confianza.\r\n               </p>\r\n            </div>\r\n         </div>\r\n         <div className=\"valores-container\">\r\n            <h1>Nuestros <span className=\"coloured-B\">VALORES</span></h1>\r\n            <div className=\"imgValores\">\r\n               {imgValores.map(e=> \r\n               <img src={e}></img>   \r\n               )}\r\n            </div>\r\n         </div>\r\n         </div>\r\n         <div className=\"datosAmistad background-b\">\r\n            <div>\r\n               <h1>+15</h1>\r\n               <p>Desarrollos</p>\r\n            </div>\r\n            <div>\r\n               <h1>+6,000</h1>\r\n               <p>Clientes Satisfechos</p>\r\n            </div>\r\n            <div>\r\n               <h1>+25</h1>\r\n               <p>Años de experiencia</p>\r\n            </div>\r\n         </div>\r\n         <div className=\"resenasCli-title\">\r\n            <h6>NUESTROS CLIENTES</h6>\r\n            <p>Gracias por tu confianza & preferencia</p>\r\n         </div>\r\n         <div className=\"resena-todo\">\r\n            <i class=\"left fa fa-chevron-left\" aria-hidden=\"true\" onClick={() => izquierda(1)}></i>\r\n            <i class=\"right fa fa-chevron-right\" aria-hidden=\"true\" onClick={() => derecha(1)} ></i>\r\n            <div className=\"container-resenas\">\r\n               {resenas.map(e=>\r\n                  <div className=\"resena-box\"\r\n                  //  style={{transform: 'translateX(-60em)' }}\r\n                   style={{transform: `translateX(${indice * -60}em)`}}\r\n                   >\r\n                     <div className=\"part1\">\r\n                        <h1>“</h1>\r\n                        <p>{e.texto}</p>\r\n                        <div className=\"imgDatos\">\r\n                           <img src={e.img} alt=\"img testimonio\" />\r\n                           <span>{e.nombre}</span>\r\n                        </div>\r\n                     </div>\r\n                     <div className=\"part2\">\r\n                        <img src=\"/elementos/nosotros/logoTesti.png\" alt=\"\" />\r\n                        <div>\r\n                           <h1>Bienvenido</h1>\r\n                           <h6>A la familia AMISTAD</h6>\r\n                        </div>\r\n                        <p>¡Haz invertido sabiamente!</p>\r\n                        <div className=\"recorte\"></div>\r\n                     </div>\r\n                  </div>\r\n                  )}\r\n            </div>\r\n         </div>\r\n       </div>\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default Nosotros;","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport Home_Amistad from './components/Home_Amistad';\r\n\r\nimport {ParallaxProvider } from 'react-scroll-parallax'\r\n\r\nimport './custom.css'\r\n\r\nimport Home from './components/Home.jsx';\r\nimport Nosotros from './components/Nosotros';\r\n\r\nexport default class App extends Component {\r\n  static displayName = App.name;\r\n\r\n  render () {\r\n    return (\r\n      <React.Fragment>\r\n      <Layout>\r\n        <Route exact path='/' component={Home} />\r\n        <Route exact path='/privacidad' component={Home} />\r\n        <Route path='/nosotros' component={Nosotros} />\r\n      </Layout>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n  // [::1] is the IPv6 localhost address.\r\n  window.location.hostname === '[::1]' ||\r\n  // 127.0.0.1/8 is considered localhost for IPv4.\r\n  window.location.hostname.match(\r\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n  )\r\n);\r\n\r\nexport default function register () {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister () {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { ParallaxProvider } from 'react-scroll-parallax';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <ParallaxProvider>\r\n    <BrowserRouter basename={baseUrl}>\r\n        <App />\r\n    </BrowserRouter>\r\n  </ParallaxProvider>,\r\n  rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}