{"version":3,"sources":["Components/useCurrentLang.js","Components/PageHeader/PageHeader.js","Contact/Contact.js","Components/BtnReadMore/BtnMore.js","Components/others.js","Components/HomeSection.js","Components/withHelmet.js","Home.js","Header.js","Footer.js","Components/Altro/mediaQuery.js","Components/Carousel/Carousel.js","Components/PhotoGallery/PhGallery.js","Components/withPhGallery.js","Components/CenterSection/CenterSection.js","WatersportCenter/WatersportCenter.js","WatersportCenter/KitesurfCenter-belombre.js","Components/Prices/Prices.js","Components/Popup.js","Components/PageSections/PageSections.js","Components/YouMightPrefer.js","Windsurfing/Windsurfing.js","Kitesurfing/Kitesurfing.js","Kitesurfing/Downwinder.js","Components/PageSections/WithPage.js","More/BoatTrips.js","More/Wakeboarding.js","More/SUP.js","More/EPedalo.js","More/Surfing.js","More/Wingsurfing.js","Kitesurfing/StorageRescue.js","Press/Press.js","Video/Video.js","More/JuniorAcademy.js","More/Sailing.js","More/Events.js","More/Accomodation.js","ConsentBanner.js","ScrollToTop.js","Components/Altro/Credits.js","Components/PricelistViewer/PricelistViewer.js","PrivacyPolicy/PrivacyPolicy.js","Terms/Terms.js","App.js","index.js"],"names":["LangContext","createContext","lang","setLang","useCurrentLang","useContext","PageHeader","pageTitle","className","Contact","useState","Date","toLocaleTimeString","timeZone","currTime","setCurrTime","loc","yml","data","en","setInterval","fontBold","fontWeight","aStyle","textDecoration","color","metaDesc","metaDescription","title","name","content","style","paddingBottom","marginTop","display","flexWrap","justifyContent","width","margin","padding","fontFamily","flex","fontStyle","mainAddress","map","item","index","nanoid","manager","openingHours","currentTime","offices","href","email","target","rel","src","alt","image","height","imageAlt","BtnReadMore","to","text","msg","textAlign","ReadMore","setOpen","onClick","cursor","gap","alignItems","readmore","processItem","startsWith","regexpNames","match","dangerouslySetInnerHTML","__html","Array","from","matchAll","a","groups","link","indexOf","rest","Math","random","processItemWOnClick","HomeSection","heading","cta","imageSide","popup","popupTitle","isLeft","isRight","getFullAltPath","altlang","pathname","langArr","withHelmet","htmlAttributes","hreflang","window","location","Home","useEffect","lazyloadImages","document","querySelectorAll","imageObserver","IntersectionObserver","entries","observer","forEach","entry","isIntersecting","dataset","classList","remove","unobserve","observe","fn","maxWidth","position","media","srcSet","heromsg","watersport","kitelesson","kiterental","storage","junior","windsurf","surfing","wingsurfing","sailing","sup","boat","hotels","withRouter","history","useHistory","useCurrentLangWithSet","useLocation","didMount","useRef","changeLang","l","current","push","substring","slug","home","kitesurfing","windsurfing","more","contact","ev","getElementById","checked","pointer","paddingLeft","id","type","top","left","htmlFor","label","url","tabIndex","submenu","paddingRight","key","Footer","copyYear","getFullYear","aboutus","partners","followus","links","copy","allrights","privacy","terms","video","press","weather","mauritius","villas","fontSize","textTransform","useMediaQuery","initalQuery","query","setQuery","matches","setMatches","_onChange","mql","matchMedia","addEventListener","removeEventListener","Carousel","imgs","close","startPos","setCarouselPos","imgarr","filter","ind","scrollToAnchor","ix","backgroundColor","borderRadius","length","outline","border","onLoad","e","img","innerWidth","documentElement","clientWidth","body","innerHeight","clientHeight","wAR","ratio","naturalWidth","naturalHeight","devMW","maxHeight","newH","newW","slides","PhGallery","actions","isOneCol","gallery","baseUrl","isShown","showGallery","myGallery","_setSlides","fname","allcols","arrSrc","flbase","getComputedStyle","flexBasis","arrSrcNew","colItem","max","reduce","curr","acc","maxArr","keys","arrArr","r","findIndex","path","ref","usePhGallery","overflow","CenterSection","imgOnTheRight","WatersportCenter","frameBorder","allow","allowFullScreen","belombre","others","marginLeft","marginRight","checkgallery","watchvideo","KitesurfCenterBelOmbre","locale","flexDirection","headings","txt","allowfullscreen","Items","items","isPrepay","forAni","colIdx","h3","cols","col","footer","row","ymlkey","showPrepay","hideFullPriceList","hideTopBookByEmail","setPrepay","initialRender","prepay","prepayToggle","bookbyemail","pricelist","viewpricelist","fullpricelist","termsinfo","h1","pdfFileName","toggle","evt","replace","on","off","preventDefault","download","marginBottom","Popup","closePopup","children","popuptxt","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","x1","y1","x2","y2","overflowY","PageSectionImg","imgStyle","PageSectionContent","open","h2OnlyGerman","isArray","t","caption","popupKey","PageSectionContentChild","YouMightPrefer","Windsurfing","dataRental","dataLesson","all","paddingTop","youmightprefer","Kitesurfing","Downwinder","WithPage","pricesKey","otherPricesKey","BoatTrips","Wakeboarding","SUP","EPedalo","Surfing","Wingsurfing","StorageRescue","Press","to600","pStyle","alignContent","verticalAlign","Video","JuniorAcademy","Sailing","Events","subcaption3","AccGallery","imgpath","subcaption","Accomodation","morne","apart1","apart2","ConsentBanner","setCookie","bannerStyle","bottom","btn","ScrollToTop","prevProps","this","props","scrollTo","React","Component","ScrollToTopClassic","Credits","logolinks","idx","PricelistViewer","search","split","pdf","includes","PrivacyPolicy","Terms","App","array0","array1","currlang","toLowerCase","getCurrentLocationLang","consentBanner","setConsent","value","useMemo","cookie","c","pathRE","RegExp","Provider","mykey","exact","slugs","x","y","newvalue","now","toUTCString","rootElement","hasChildNodes","hydrate","StrictMode","ReactDOM","render"],"mappings":"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","file":"static/js/main.e910fa7a.chunk.js","sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nexport const LangContext = createContext({\r\n    lang: 'en',\r\n    setLang: () => {},\r\n});\r\n\r\nexport default function useCurrentLang(){\r\n\r\n    const { lang } = useContext(LangContext);\r\n    return lang || 'en'\r\n}\r\n\r\nfunction useCurrentLangWithSet(){\r\n\r\n    const { lang, setLang } = useContext(LangContext);\r\n    return [lang || 'en', setLang]\r\n}\r\n\r\nexport { useCurrentLangWithSet }","import './PageHeader.css'\r\n\r\nexport default function PageHeader({pageTitle}){\r\n\r\n\r\n    return(\r\n        <section className=\"page-header\" >\r\n            <div className=\"page-header-inner\">\r\n            <div className=\"page-header-text\">\r\n                <h1>{pageTitle}</h1>\r\n            </div>\r\n            </div>\r\n        </section>\r\n    )\r\n}","import './Contact.css';\r\nimport data from './Contact.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Helmet } from 'react-helmet-async';\r\nimport { Fragment, useState } from 'react'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\n\r\nfunction Contact() {\r\n\r\n  const [currTime, setCurrTime] = useState(new Date().toLocaleTimeString('en-MU', {timeZone:'Indian/Mauritius'}))\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  setInterval(()=> setCurrTime(new Date().toLocaleTimeString('en-MU', {timeZone:'Indian/Mauritius'})), 60000)\r\n\r\n  const fontBold ={fontWeight:'bold'}\r\n  const aStyle = {textDecoration:'none',color:'blue'}\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n      \r\n    <div>\r\n      <Helmet>\r\n          <title>{yml.title}</title>\r\n          <meta name=\"description\" content={`${metaDesc}`} />\r\n      </Helmet>\r\n      <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n      <section className=\"section-content\" style={{paddingBottom:80, marginTop:0}} >\r\n        <div style={{display:'flex', flexWrap:'wrap', justifyContent:'space-between', width:'100%', margin:'0px auto', padding:'0px 0px', fontFamily:'Raleway'}}>\r\n            <div style={{flex: '1 0 300px'}}>\r\n              <address style={{fontStyle:'normal'}}>\r\n              {\r\n                yml.mainAddress.map( (item,index) => index===0 ? <p key={nanoid(6)} style={fontBold}>{item}</p>: <Fragment key={nanoid(6)}>{item}<br/></Fragment>)\r\n              }\r\n              </address>\r\n              \r\n              <p>&nbsp;</p>\r\n              {\r\n                yml.manager.map( (item,index) => index===0 ? <p key={nanoid(6)} style={fontBold}>{item}</p>: <Fragment key={nanoid(6)}>{item}<br/></Fragment>)\r\n              }\r\n              <p>&nbsp;</p>\r\n              {\r\n                yml.openingHours.map( (item,index) => index===0 ? <p key={nanoid(6)} style={fontBold}>{item}</p>: <Fragment key={nanoid(6)}>{item}<br/></Fragment>)\r\n              }\r\n              <p>{yml.currentTime} {currTime}</p>\r\n              <p>&nbsp;</p>\r\n              \r\n            </div>\r\n            <div style={{flex: '1 0 300px'}}>\r\n              {\r\n                yml.offices.map( (item,index) => index % 2 ===0 ? <p key={nanoid(6)} style={fontBold}>{item}</p>: <Fragment key={nanoid(6)}>{item}<br/></Fragment>)\r\n              }\r\n              <p style={{fontWeight:'bold'}}>Email</p>\r\n              <p style={{}}><a href={`mailto:${ yml.email }`} style={aStyle}>{ yml.email }</a></p>\r\n              <p style={{fontWeight:'bold'}}>Map</p>\r\n              <p style={{}}><a href={`${ yml.map }`} style={aStyle} target=\"_blank\" rel=\"noopener noreferrer\">{ yml.map }</a></p>\r\n              <p style={{fontWeight:'bold'}}>WhatsApp</p>\r\n              <p>\r\n                  {/* <a href=\"https://www.facebook.com/KiteGlobing-217243858294399/\" target=\"_blank\" rel=\"noopener noreferrer\"><img className=\"contact-social-img\" src=\"/img/facebook.png\" alt=\"KiteGlobing facebook\" /></a> */}\r\n                  {/* <a href=\"https://www.instagram.com/kiteglobing/\" target=\"_blank\" rel=\"noopener noreferrer\"><img className=\"contact-social-img\" src=\"/img/instagram.png\" alt=\"KiteGlobing instagram\" /></a> */}\r\n                  <a href=\"https://wa.me/23057175348\" target=\"_blank\" rel=\"noopener noreferrer\"><img className=\"contact-social-img\" src=\"/img/whatsapp.webp\" alt=\"KiteGlobing whatsapp\" /></a>\r\n              </p>\r\n            </div>\r\n            <div style={{flex: '2 0 300px'}}>\r\n              <img src={`/img/${yml.image}`} style={{width:'100%', height:'auto'}} alt={`${yml.imageAlt}`} />\r\n            </div>\r\n        </div>\r\n        \r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Contact;","import './BtnMore.css'\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction BtnReadMore({to, msg}){\r\n\r\n    const text = msg || 'Read More'\r\n    return (\r\n        // \r\n        <>\r\n        <Link className=\"btn-read-more\" to={to} style={{ textDecoration: 'none', color:'inherit' , width:'auto'}}>\r\n            <span style={{textAlign:'center', margin:'auto auto'}}>{text}</span>\r\n        </Link>\r\n        {/* <button className=\"btn-read-more\"><span style={{textAlign:'center', margin:'auto auto'}}>Read More</span></button> */}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default BtnReadMore;","import { Fragment } from 'react'\r\nimport useCurrentLang from './useCurrentLang';\r\nimport data from './Popup.yaml'\r\n\r\nconst ReadMore = setOpen => {\r\n    const loc = useCurrentLang();\r\n    const yml = data[loc] || data.en;\r\n    return <a onClick={()=>setOpen(true)} style={{color:'blue', cursor:'pointer', display:'flex',gap:10, alignItems:'center'}}><span>{yml.readmore}&nbsp;</span><img style={{width:140, height:'auto'}} src=\"/img/credits/safetytool-logo.png\" alt=\"SafetyTool logo\" width={926} height={210} /></a>\r\n}\r\n\r\nconst processItem = (item, setOpen) => {\r\n    if(item.startsWith('{{popup}}')) return <>{ReadMore(setOpen)}</>\r\n    const regexpNames = /(?<text>(.*)){{(?<link>(.*))}}(?<rest>(.*))/gm;\r\n    const r1 = item.match(regexpNames)\r\n    if(r1==null){ return <p dangerouslySetInnerHTML={{ __html: item }}></p>}\r\n    //    item }\r\n    \r\n    return <>\r\n     {Array.from(item.matchAll(regexpNames)).map( a => <Fragment key={`${Math.random()}`}\r\n        ><span dangerouslySetInnerHTML={{ __html: a.groups.text }}></span><span onClick={setOpen && a.groups.link.indexOf('href')?()=>{setOpen(true)}:()=>{}} dangerouslySetInnerHTML={{ __html: a.groups.link }}></span><span dangerouslySetInnerHTML={{ __html: a.groups.rest }}></span></Fragment>)}\r\n    </>\r\n}\r\n\r\nconst processItemWOnClick = (item, setOpen) => {\r\n    const regexpNames = /(?<text>(.*)){{(?<link>(.*))}}(?<rest>(.*))/gm;\r\n    const r1 = item.match(regexpNames)\r\n    if(r1==null){ return item }\r\n    return <>\r\n     {Array.from(item.matchAll(regexpNames)).map( a => <Fragment key={`${Math.random()}`}\r\n        >{a.groups.text} <span onClick={setOpen && a.groups.link.indexOf('href')?()=>{setOpen(true)}:()=>{}} dangerouslySetInnerHTML={{ __html: a.groups.link }}></span>{a.groups.rest}</Fragment>)}\r\n    </>\r\n}\r\n\r\nexport { processItem, processItemWOnClick }","import { nanoid } from 'nanoid'\r\nimport BtnReadMore from './BtnReadMore/BtnMore'\r\nimport useCurrentLang from './useCurrentLang';\r\nimport { useState } from \"react\";\r\nimport {processItemWOnClick} from './others'\r\n\r\nexport default function HomeSection({image, imageAlt, heading, text, cta, imageSide, popup, popupTitle}){\r\n    const [open, setOpen] = useState(false);\r\n    const loc = useCurrentLang()\r\n    const isLeft = imageSide===\"left\" || imageSide===\"l\"\r\n    const isRight = imageSide===\"right\" || imageSide===\"r\"\r\n\r\n    // const processItem = item => {\r\n    //    const regexpNames = /(?<text>(.*)) {{(?<link>(.*))}}(?<rest>(.*))/gm;\r\n    //    const r1 = item.match(regexpNames)\r\n    //    if(r1==null){ return item}\r\n    //    return <>\r\n    //     {Array.from(item.matchAll(regexpNames)).map( a => <Fragment key={`${Math.random()}`}>{a.groups.text} <span onClick={a.groups.link.indexOf('href')?()=>{setOpen(true)}:()=>{}} dangerouslySetInnerHTML={{ __html: a.groups.link }}></span>{a.groups.rest}</Fragment>)}\r\n    //    </>\r\n    // }\r\n\r\n    return(\r\n        <section className=\"section-content\" >\r\n            <div className={`section-center ${isRight ? 'section-reverse':''}`}>\r\n          \r\n                {isLeft && <div className=\"flex-with-img\" >\r\n                    <figure>\r\n                        <img className=\"lazy\" width=\"100%\" height=\"auto\" data-src={`/img/${image}`} alt={`${imageAlt}`} />\r\n                    </figure>\r\n                </div>}\r\n\r\n                <div className=\"flex-with-text\" >\r\n                    <div className=\"section-center-text\">\r\n                    <h2>{heading}</h2>\r\n                    {\r\n                        text.map( item => <p key={nanoid(6)}>{processItemWOnClick(item, setOpen)}</p>)\r\n                    }\r\n                    {\r\n                        cta.map( cta => <p key={nanoid(6)}><BtnReadMore to={`/${loc}${cta[0]}`} msg={cta[1]} /></p>)\r\n                    }\r\n                    </div>\r\n                </div>\r\n\r\n                {isRight && <div className=\"flex-with-img\" >\r\n                    <figure>\r\n                        <img className=\"lazy\" width=\"100%\" height=\"auto\" data-src={`/img/${image}`} alt={`${imageAlt}`} />\r\n                    </figure>\r\n                </div>}\r\n              \r\n            </div>\r\n        </section>\r\n\r\n\r\n    )\r\n}","import { Helmet } from 'react-helmet-async'\r\n\r\nconst getFullAltPath = ({pathname}, altlang )=> `https://kiteglobing.com/${altlang}`\r\nconst langArr = ['en','de','fr']\r\n\r\nexport default function withHelmet({loc, title, metaDesc}){\r\n    return <Helmet htmlAttributes={{ lang: loc }}>\r\n    {\r\n        langArr.map((item, index) => item !== loc && <link key={`hfl-${index}`} rel=\"alternate\" hreflang={`${item}`} href={getFullAltPath(window.location, item)} />)\r\n    }\r\n    <title>{title}</title>\r\n    <meta name=\"description\" content={`${metaDesc}`} />\r\n  </Helmet>\r\n}","import './Home.css';\r\nimport { useEffect } from 'react';\r\nimport data from './Home.yaml'\r\nimport HomeSection from './Components/HomeSection'\r\nimport useCurrentLang from './Components/useCurrentLang';\r\nimport withHelmet from './Components/withHelmet';\r\n\r\nfunction Home() {\r\n\r\n  const loc = useCurrentLang()\r\n\r\n  const fn = function() {\r\n    var lazyloadImages;    \r\n    if (\"IntersectionObserver\" in window) {\r\n      lazyloadImages = document.querySelectorAll(\".lazy\");\r\n      var imageObserver = new IntersectionObserver(function(entries, observer) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            var image = entry.target;\r\n            image.src = image.dataset.src;\r\n            image.classList.remove(\"lazy\");\r\n            imageObserver.unobserve(image);\r\n          }\r\n        });\r\n      });\r\n  \r\n      lazyloadImages.forEach(function(image) {\r\n        imageObserver.observe(image);\r\n      });\r\n    }\r\n  }\r\n\r\n  useEffect(()=>{\r\n    fn();\r\n  }, [])\r\n\r\n  \r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n    <div>\r\n        \r\n        {withHelmet({loc, title:yml.title, metaDesc})}\r\n        \r\n        <section className=\"home-section-content\" >\r\n          <div className=\"home-center home-center-intro\" >\r\n            <div style={{flex:'1 0 auto', maxWidth:'100%', position:'relative'}}>\r\n              <picture>\r\n                <source media=\"(max-aspect-ratio: 1/1)\" srcSet=\"/img/hp_belombre_center-700w.webp\" />\r\n                <img width=\"100%\" height=\"auto\" src=\"/img/hp_belombre_center.webp\" alt=\"kitesurf center\" />\r\n              </picture>\r\n              {/* <img src=\"/img/arrow_downward_black_24dp.svg\" alt=\"arrow down\" style={{position:'absolute', bottom:-50, left:'50%', width:50, heigh:50, opacity:.5}} /> */}\r\n              <div className=\"heromsg-container\" style={{}}>\r\n                <h1 className=\"heromsg\" style={{}}>{yml.heromsg}</h1>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <HomeSection {...yml.watersport} imageSide=\"left\" />\r\n        <HomeSection {...yml.kitelesson} imageSide=\"right\" />\r\n        <HomeSection {...yml.kiterental} imageSide=\"left\" />\r\n        <HomeSection {...yml.storage} imageSide=\"right\" />\r\n        <HomeSection {...yml.junior} imageSide=\"left\" />\r\n        <HomeSection {...yml.windsurf} imageSide=\"r\" />\r\n        <HomeSection {...yml.surfing} imageSide=\"l\" />\r\n        <HomeSection {...yml.wingsurfing} imageSide=\"r\" />\r\n        <HomeSection {...yml.sailing} imageSide=\"l\" />\r\n        <HomeSection {...yml.sup} imageSide=\"r\" />\r\n        <HomeSection {...yml.boat} imageSide=\"l\" />\r\n        <HomeSection {...yml.hotels} imageSide=\"r\" />\r\n\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Home;\r\n\r\n","import { Link, withRouter, useLocation, useHistory } from \"react-router-dom\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { nanoid } from 'nanoid'\r\nimport data from './Header.yaml'\r\nimport { useCurrentLangWithSet } from \"./Components/useCurrentLang\";\r\nimport './Header.css'\r\n\r\nfunction merge(a, b) {\r\n    return Object.entries(b).reduce((o, [k, v]) => {\r\n        o[k] = v && typeof v === 'object'\r\n            ? merge(o[k] = o[k] || (Array.isArray(v) ? [] : {}), v)\r\n            : v;\r\n        return o;\r\n    }, a);\r\n}\r\n\r\nfunction Header() {\r\n\r\n    const history = useHistory();\r\n    const [lang, setLang] = useCurrentLangWithSet()\r\n    const location = useLocation();\r\n    const didMount = useRef(false)\r\n    const changeLang = l => setLang(l);\r\n\r\n    useEffect(()=>{\r\n        if(didMount.current){\r\n            // console.log('effect in header')\r\n            history.push(\"/\"+lang+location.pathname.substring(3))\r\n        }\r\n        else{\r\n            didMount.current = true;\r\n        }\r\n    },[lang])\r\n    const yml = data[lang] || data.en\r\n    // const yml = merge(data.en, data[lang])\r\n\r\n    const {home, watersport, kitesurfing, windsurfing, more, contact} = yml;\r\n    const onClick = (ev)=>{ document.getElementById('my-check').checked = false; }\r\n    const style = {textDecoration: 'none', color:'inherit' }\r\n    const pointer = {cursor: 'pointer' }\r\n\r\n    const getLocalizedPath = slug => !!lang ? `/${lang}${slug}` : `${watersport.url}`\r\n\r\n    // let allmylabels = []\r\n    \r\n    // const pp = obj => {\r\n    //     for (const [key, value] of Object.entries(obj)) {\r\n    //         if(key==\"label\"){ allmylabels = [...allmylabels, value] }\r\n    //         else if(value !=null  && typeof value =='object'){\r\n    //             pp(value)\r\n    //         }\r\n    //     }\r\n    // }\r\n\r\n    // pp(yml)\r\n    // console.log(\"ALL\",allmylabels)\r\n\r\n    return(\r\n        <header key={location.key}>\r\n            <nav className=\"navbar\" >\r\n                <a href={`/${lang}`} style={{paddingLeft:10}}><img src=\"/img/KiteGlobingLogo-transp.webp\" width=\"180px\" height=\"auto\" alt=\"KiteGlobing header logo\" /></a>\r\n                <input id=\"my-check\" type=\"checkbox\" style={{position:'absolute',top:-9999, left:-9999}} />\r\n                <label htmlFor=\"my-check\" style={{position:'absolute', top:-9999, left:-9999}}></label>\r\n                <ul className=\"nav-menu\">\r\n                        <li className=\"nav-item header-menu-title\">\r\n                            {/* <a href=\"/\" style={{width:26, height:26}} aria-label=\"Home\">\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" height=\"24px\" width=\"24px\" fill=\"#000000\" style={{fill:'white', margin:'20px 0px 10px 0px'}}><path d=\"M0 0h24v24H0V0z\" fill=\"none\"></path><path d=\"M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z\"></path></svg>\r\n                            </a> */}\r\n                            {/* <a id=\"skip-focus\" rel=\"nofollow\"/> */}\r\n                            <Link to={`/${lang}`} onClick={onClick} style={style} >{home.label}</Link>\r\n                        </li>\r\n                        <li className=\"nav-item header-menu-title\">\r\n                            <Link to={getLocalizedPath(watersport.url)} onClick={onClick} style={style} >{watersport.label}</Link>\r\n                        </li>\r\n                        <li className=\"nav-item header-menu-title\" tabIndex=\"0\"><span>{kitesurfing.label}</span>\r\n                            <ul className=\"nav-submenu\" style={{height:'auto'}}>\r\n                            {\r\n                                kitesurfing.submenu.map(item => <li key={nanoid(6)} className=\"header-menu-title\"><Link to={`/${lang}${item.url}`} onClick={onClick} style={style}>{`${item.label}`}</Link></li>)\r\n                            }\r\n                            </ul>\r\n                        </li>\r\n                        <li className=\"nav-item header-menu-title\" tabIndex=\"0\"><span>{windsurfing.label}</span>\r\n                            <ul className=\"nav-submenu\" style={{height:'auto'}}>\r\n                            {\r\n                                windsurfing.submenu.map(item => <li key={nanoid(6)} className=\"header-menu-title\"><Link to={`/${lang}${item.url}`} onClick={onClick} style={style}>{`${item.label}`}</Link></li>)\r\n                            }\r\n                            </ul>\r\n                        </li>\r\n                        <li className=\"nav-item header-menu-title\" tabIndex=\"0\"><span>{more.label}</span>\r\n                            <ul className=\"nav-submenu and-more\" style={{height:'auto'}}>\r\n                            {\r\n                                more.submenu.map(item => <li key={nanoid(6)} className=\"header-menu-title\"><Link to={`/${lang}${item.url}`} onClick={onClick} style={style}>{`${item.label}`}</Link></li>)\r\n                            }\r\n                            </ul>\r\n                        </li>\r\n                        <li className=\"nav-item header-menu-title\" ><Link to={`/${lang}${contact.url}`} onClick={onClick} style={style}>{contact.label}</Link></li>\r\n                        <li className=\"nav-item header-menu-title no-ham\" style={{paddingRight:10}}><a style={pointer} onClick={()=>changeLang('en')}>EN</a> | <a style={pointer} onClick={()=>{changeLang('de')}}>DE</a> | <a style={pointer} onClick={()=>{changeLang('fr')}}>FR</a></li>\r\n                        <li className=\"nav-item header-menu-title yes-ham\" style={{paddingRight:10}}><a style={pointer} onClick={()=>changeLang('en')}>EN&nbsp;</a> | <a style={pointer} onClick={()=>{changeLang('de')}}>&nbsp;DE&nbsp;</a> | <a style={pointer} onClick={()=>{changeLang('fr')}}>&nbsp;FR&nbsp;</a></li>\r\n                </ul>\r\n                <div className=\"hamburger\" >\r\n                    <label htmlFor=\"my-check\">\r\n                        <span className=\"bar\"></span>\r\n                        <span className=\"bar\"></span>\r\n                        <span className=\"bar\"></span>\r\n                    </label>\r\n                    \r\n                </div>\r\n            </nav>\r\n\r\n        </header>\r\n    )\r\n}\r\n\r\nexport default withRouter(Header);","import './Footer.css'\r\nimport data from './Footer.yaml'\r\nimport { Link } from \"react-router-dom\";\r\nimport useCurrentLang from './Components/useCurrentLang';\r\n\r\nfunction Footer() {\r\n\r\n    const lang = useCurrentLang()\r\n    const yml = data[lang] || data.en\r\n    let copyYear = (new Date()).getFullYear()\r\n\r\n    const {aboutus, partners, followus, links, copy, allrights, privacy, terms} = yml\r\n    const onClick = ()=>{document.getElementById('my-check').checked = false;}\r\n\r\n    // let allmylabels = []\r\n    \r\n    // const pp = obj => {\r\n    //     for (const [key, value] of Object.entries(obj)) {\r\n    //         if(key==\"label\" || key==\"title\"){ allmylabels = [...allmylabels, value] }\r\n    //         else if(value !=null  && typeof value =='object'){\r\n    //             pp(value)\r\n    //         }\r\n    //     }\r\n    // }\r\n\r\n    // pp(yml)\r\n    // console.log(\"ALLfooter\",allmylabels)\r\n\r\n    return(\r\n        <footer>\r\n            <div className=\"container\" >\r\n                <div>\r\n                    <ul>\r\n                        <li>{aboutus.title}</li>\r\n                        <li><Link to={`/${lang}${aboutus.video.url}`} onClick={onClick}>{aboutus.video.label}</Link></li>\r\n                        <li><Link to={`/${lang}${aboutus.press.url}`} onClick={onClick}>{aboutus.press.label}</Link></li>\r\n                        <li><a href={`${links.weather.url}`} target=\"_blank\" rel=\"noopener noreferrer\">{links.weather.label}</a></li>\r\n                        <li><a href={`${links.mauritius.url}`} target=\"_blank\" rel=\"noopener noreferrer\">{links.mauritius.label}</a></li>\r\n                        <li><Link to={`/${lang}${aboutus.contact.url}`} onClick={onClick}>{`${aboutus.contact.label}`}</Link></li>\r\n                    </ul>\r\n                </div>\r\n                <div>\r\n                    <ul>\r\n                        <li>{partners.title}</li>\r\n                        <li><Link to={`/${lang}${partners.villas.url}`} onClick={()=>{document.getElementById('my-check').checked = false;}}>{`${partners.villas.label}`}</Link></li>\r\n                        <li><a href=\"https://www.kitereisen.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Kitereisen.com</a></li>\r\n                        <li><a href=\"https://www.sunandfun.com/kiten/Orte/Mauritius/\" target=\"_blank\" rel=\"noopener noreferrer\">Sunandfun.com</a></li>\r\n                        <li><a href=\"https://www.planettravelholidays.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Planet Travel Holidays</a> </li>\r\n                    </ul>\r\n                </div>\r\n                <div>\r\n                    <ul>\r\n                        <li>KITEGLOBING (MAURITIUS) & MORE LTD</li>\r\n                        <li>C Beach Club</li>\r\n                        <li>Bel Ombre, Mauritius</li>\r\n                        <li>T: (+230) 605 5334</li>\r\n                        <li>M: (+230) 5717 5348</li>\r\n                        <li>e-mail: info@kiteglobing.com</li>\r\n                    </ul>\r\n                    <ul className=\"sub-follow-us\">\r\n                        <li>{followus.title}</li>\r\n                        <li>\r\n                            <a href=\"https://www.facebook.com/KiteGlobing-217243858294399/\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"50px\" height=\"50px\" className=\"footer-social-img\" src=\"/img/facebook.webp\" alt=\"KiteGlobing facebook\" /></a>\r\n                            <a href=\"https://www.instagram.com/kiteglobing/\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"50px\" height=\"50px\" className=\"footer-social-img\" src=\"/img/instagram.webp\" alt=\"KiteGlobing instagram\" /></a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div className=\"follow-us\">\r\n                    <ul>\r\n                        <li>{followus.title}</li>\r\n                        <li>\r\n                            <a href=\"https://www.facebook.com/KiteGlobing-217243858294399/\" target=\"_blank\" rel=\"noopener noreferrer\"><img className=\"footer-social-img\" src=\"/img/facebook.webp\" alt=\"KiteGlobing facebook\" /></a>\r\n                            <a href=\"https://www.instagram.com/kiteglobing/\" target=\"_blank\" rel=\"noopener noreferrer\"><img className=\"footer-social-img\" src=\"/img/instagram.webp\" alt=\"KiteGlobing instagram\" /></a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div className=\"subfooter\">\r\n                    <img className=\"center\" src=\"/img/KiteGlobingLogo-transp.webp\" width=\"140px\" alt=\"KiteGlobing footer logo\" />\r\n                    <p style={{fontSize:'0.9em', textTransform:'uppercase'}}>{copy.title} {copyYear} KITEGLOBING KITE & MORE LTD - {allrights.title}.</p>\r\n                    <p style={{fontSize:'0.7em', fontFamily:'Raleway'}}><a className=\"legal-links\" href={`/${lang}${privacy.url}`}>{privacy.title}</a> | <a className=\"legal-links\" href={`/${lang}${terms.url}`}>{terms.title}</a> </p>\r\n                </div>\r\n            </div>\r\n        </footer>\r\n    )\r\n}\r\n\r\nexport default Footer;","import { useState, useEffect } from 'react';\r\n\r\nexport default function useMediaQuery(initalQuery) {\r\n    const [query, setQuery] = useState(initalQuery);\r\n    const [matches, setMatches] = useState(false);\r\n  \r\n    // check query and listen for media change.\r\n    useEffect(() => {\r\n      if (!query) return;\r\n  \r\n      const _onChange = (mql) => {\r\n        //console.log('mql', mql.matches)\r\n        setMatches(mql.matches);\r\n      };\r\n  \r\n      const mql = window.matchMedia(query);\r\n  \r\n      setMatches(mql.matches);\r\n  \r\n      try {\r\n        //console.log('query', query)\r\n        mql.addEventListener(\"change\", _onChange);\r\n      } catch {\r\n        // mql.addListener(_onChange);\r\n      }\r\n  \r\n      return () => {\r\n        try {\r\n          mql.removeEventListener(\"change\", _onChange);\r\n        } catch {\r\n        //   mql.removeListener(_onChange);\r\n        }\r\n      };\r\n    }, [query]);\r\n  \r\n    return [matches, setQuery] ;\r\n  }","import './Carousel.css'\r\nimport { nanoid } from 'nanoid'\r\nimport { useState, useEffect } from 'react';\r\n\r\nexport default function Carousel({imgs, index, close}){\r\n    \r\n    const [startPos, setCarouselPos] = useState(index);\r\n\r\n    useEffect(()=>{\r\n        ////if(startPos!=index) setCarouselPos(index)\r\n            // setTimeout(()=>scrollToAnchor(`#item-${index}`), 100)\r\n    },[])\r\n\r\n    // const fn = (a)=>{\r\n    //     console.log(a[0].length)\r\n    //     let arrNew = []\r\n    //     let maxlength = a.reduce((prev, curr)=> Math.max(curr.length, prev), 0)\r\n    //     for(let i=0; i<maxlength; i++){\r\n    //         arrNew = [...arrNew, ...a.filter((item, index)=> index>-1?item:null).map(item => item.length> i ? item[i] : null)]\r\n    //     }\r\n    //     console.log(\"arrNew\",arrNew)\r\n    //     return arrNew\r\n    // }\r\n    // let imgarr = fn(imgs)\r\n    // console.log(imgs)\r\n    let imgarr = imgs.filter((item, ind)=>ind===startPos)\r\n    // console.log(\"LEN\",imgarr.length)\r\n    // const scrollToAnchor = (selectedAnchor, ix) => {\r\n    //     // document.querySelector(selectedAnchor).scrollIntoView({\r\n    //     //     behavior: 'smooth', block:'center', inline:'center'\r\n    //     // });\r\n    //     console.log(`scrollTo...${selectedAnchor}`)\r\n    //     console.log(`scrollTo...${ix}`)\r\n    //     // imgarr = imgs.filter((item, ind)=>ind==ix)\r\n    //     setCarouselPos(ix)\r\n    // }\r\n    const scrollToAnchor = (ix) => {\r\n        // console.log(`scrollTo...${ix}`)\r\n        setCarouselPos(ix)\r\n    }\r\n\r\n    function CreateDivs(){\r\n        return (\r\n            imgarr.map((item)=><div key={nanoid(6)} className=\"slide\">\r\n            <a onClick={()=>scrollToAnchor(startPos === 0 ? imgs.length-1 : startPos-1)}></a>\r\n                <img id={`item-${index}`} src={`${item}`} alt=\"\" style={{margin:0, outline:'none', border:0,padding:0}} onLoad={(e)=>{\r\n\r\n                    let img = e.target\r\n                    const width  = window.innerWidth  || document.documentElement.clientWidth || document.body.clientWidth;\r\n                    const height = window.innerHeight || document.documentElement.clientHeight|| document.body.clientHeight;\r\n                    const wAR = width/height;\r\n                    let ratio = img.naturalWidth / img.naturalHeight\r\n                    let devMW = window.innerHeight * ratio\r\n                    if(devMW>window.innerWidth) devMW = window.innerWidth\r\n                    //console.log(devMW)\r\n\r\n                    // if(ratio > 1){  img.style.width=\"100vw\"; img.style.height=\"auto\"; img.style.maxWidth =`${devMW}px`  }\r\n                    // else{ img.style.height=\"100vh\"; img.style.width=\"auto\"; img.style.maxWidth =`${devMW}px`}\r\n\r\n                    if(width > img.naturalWidth && height > img.naturalHeight){\r\n                        img.style.width=`${img.naturalWidth}px` ; img.style.maxWidth=`${img.naturalWidth}px` ; img.style.height=`${img.naturalHeight}px`; img.style.maxHeight =`${img.naturalHeight}px`\r\n                    }\r\n                    else{\r\n                        // if(wAR >1 && ratio>1 ){ \r\n                            if(ratio > wAR){\r\n                                let k = wAR / ratio\r\n                                let newH = height * k;\r\n                                let newW = newH * ratio\r\n                                img.style.width=`${newW}px` ; img.style.height=`${newH}px`; \r\n                            }\r\n                            else{\r\n                                let newH = height;\r\n                                let newW = newH * ratio\r\n                                img.style.width=`${newW}px` ; img.style.height=`${newH}px`; \r\n                            }\r\n                            \r\n                        // }\r\n                        // if(wAR >1 && ratio<1 ){ \r\n                        //     let k = ratio / wAR\r\n                        //     let newH = height ;// img.naturalHeight * k\r\n                        //     let newW = newH * ratio;\r\n                        //     img.style.width=`${newW}px` ; img.style.height=`${newH}px`; \r\n                        // }\r\n                    }\r\n                    \r\n\r\n                }} />\r\n            {/* <a style={{textDecoration:'none', outline:'none', margin:0, border:0, padding:0}} onClick={()=>scrollToAnchor(startPos === imgs.length-1 ? 0 :startPos+1)}></a> */}\r\n            <a onClick={()=>scrollToAnchor(startPos === imgs.length-1 ? 0 :startPos+1)}></a>\r\n            </div>)\r\n            \r\n        )\r\n    }\r\n\r\n    return(\r\n        <div className=\"wrapper\" key={nanoid(7)} >\r\n            <div className=\"close-wrapper\">\r\n                <img src=\"/img/close_black_24dp.svg\" alt=\"close\" onClick={close} style={{backgroundColor:'#eee', borderRadius:100, width:46, height:46}} />\r\n                {/* <div>{Date.now()}</div> */}\r\n            </div>\r\n            <div className=\"carousel\" tabIndex=\"0\" >\r\n                {CreateDivs()}\r\n            </div>\r\n            \r\n        </div>\r\n    )\r\n}","import { nanoid } from 'nanoid'\r\nimport Carousel from '../Carousel/Carousel'\r\nimport {useRef} from 'react'\r\n\r\nlet slides = []\r\nlet index = 0\r\n\r\nexport default function PhGallery({actions, isOneCol, gallery, baseUrl, isShown}){\r\n\r\n    const [showGallery] = actions\r\n    const myGallery = useRef(null);\r\n\r\n    function _setSlides(fname){\r\n        const gallery = myGallery.current;//document.getElementById('my-gallery')\r\n        let allcols = gallery.querySelectorAll('.ph-column')\r\n        let arrSrc = []\r\n        let rest = []\r\n        const flbase = window.getComputedStyle(allcols[0]).flexBasis\r\n        \r\n        let arrSrcNew =[]\r\n        for(const colItem of Array.from(allcols)){\r\n          arrSrcNew = [...arrSrcNew, [...Array.from(colItem.querySelectorAll('img')).map(img => img.src)]]\r\n        }\r\n        rest = arrSrcNew\r\n        if(flbase === '50%') rest = [[...arrSrcNew[0], ...arrSrcNew[2]], [...arrSrcNew[1], ...!!arrSrcNew[3] ? arrSrcNew[3] : null]];\r\n        if(flbase === '100%') rest = [[...arrSrcNew[0], ...arrSrcNew[1], ...arrSrcNew[2], ...!!arrSrcNew[3] ? arrSrcNew[3] : null]];\r\n        // console.log('REST', rest)\r\n\r\n        // col by col\r\n        // Array.from(allcols).map((item)=>{\r\n        //   let allimgs = item.querySelectorAll('img')\r\n        //   allimgs.forEach( img => arrSrc = [...arrSrc, img.src])\r\n        // })\r\n\r\n        // row by row\r\n        // const lArr = Array.from(allcols).map(item=> item.querySelectorAll('img').length)\r\n        // const max = lArr.reduce((curr, acc) => curr > acc ? curr : acc)\r\n        // const maxArr = [...Array(max).keys()]\r\n        // const arrArr = Array.from(allcols).map( item=> Array.from(item.querySelectorAll('img')).map(img => img.src))\r\n        // for(const index in maxArr){\r\n        //   arrSrc = [...arrSrc, ...Array.from(arrArr).map( item => !!item[index] ? item[index] : null)]\r\n        // }\r\n\r\n        // row by row -- NEW!\r\n        const lArr = rest.map(item=> item.length)\r\n        const max = lArr.reduce((curr, acc) => curr > acc ? curr : acc)\r\n        const maxArr = [...Array(max).keys()]\r\n        const arrArr = rest.map( item => item.map(img => img))\r\n        for(const index in maxArr){\r\n          arrSrc = [...arrSrc, ...arrArr.map( item => !!item[index] ? item[index] : null)]\r\n        }\r\n        slides = arrSrc.filter(item => item)\r\n        const findIndex = item => item.indexOf(fname) > 0\r\n        const r = slides.findIndex(findIndex)\r\n        //console.log(\"FINDIDX\", r)\r\n        index = r === -1 ? 0 : r\r\n    }\r\n\r\n    // function _setSlidesHoriz(fname){\r\n      \r\n    //   const gallery = document.getElementById('my-gallery')\r\n    //   let allcols = gallery.querySelectorAll('.ph-column')\r\n    //   let arrSrc = []\r\n\r\n    //   const lArr = Array.from(allcols).map(item=> item.querySelectorAll('img').length)\r\n    //   const max = lArr.reduce((curr, acc) => curr > acc ? curr : acc)\r\n\r\n    //   Array.from(allcols).map((item)=>{\r\n    //       let allimgs = item.querySelectorAll('img')\r\n    //       allimgs.forEach( img => arrSrc = [...arrSrc, img.src])\r\n    //   })\r\n    //   slides = arrSrc\r\n    //   const findIndex = item => item.indexOf(fname) > 0\r\n    //   const r = arrSrc.findIndex(findIndex)\r\n    //   // console.log(\"FINDIDX\", r)\r\n    //   index = r ==-1 ? 0 : r\r\n    // }\r\n\r\n    let path = baseUrl || '/img'\r\n\r\n    return (\r\n      <>\r\n      <div className=\"ph-row\" id={`my-gallery${nanoid(6)}`} ref={myGallery}> \r\n        {\r\n          gallery.map(item =><div key={nanoid(6)} className=\"ph-column\">\r\n          {\r\n            item.map(img => isOneCol ? <img key={nanoid(6)}  alt=\"\"  onClick={() => {_setSlides(img); showGallery(true);}} src={`${path}/${img}`} />\r\n                                        : <img key={nanoid(6)} alt=\"\" style={{cursor:'pointer'}} onClick={() => {_setSlides(img); showGallery(true);}} src={`${path}/${img}`} />)\r\n          }\r\n          </div>)\r\n        }\r\n      </div>\r\n      {/* {isShown && !isOneCol && <Carousel imgs={slides} index={index} chiudi={()=>showGallery(false)} />} */}\r\n      {isShown && <Carousel imgs={slides} index={index} close={()=>showGallery(false)} />}\r\n      </>\r\n    )\r\n  }","import { useState, useEffect } from 'react';\r\nimport { nanoid } from 'nanoid'\r\nimport useMediaQuery from '../Components/Altro/mediaQuery'\r\nimport PhGallery from '../Components/PhotoGallery/PhGallery'\r\n\r\nfunction usePhGallery(gallery, baseUrl){\r\n\r\n    const [isShown, showGallery] = useState(false);\r\n    const [ isOneCol , setMQ ]= useMediaQuery(\"screen and (max-width: 600px)\");\r\n\r\n    useEffect(()=>{\r\n        document.body.style.overflow= isShown ? 'hidden' : 'auto'\r\n    },[isShown])\r\n\r\n    useEffect(()=>{\r\n        if(isOneCol)showGallery(false)\r\n    },[isOneCol])\r\n\r\n    return(\r\n            <PhGallery key={nanoid(6)} gallery={gallery} baseUrl={baseUrl} actions={[showGallery]} isOneCol={isOneCol} isShown={isShown} />\r\n    )\r\n    \r\n    \r\n}\r\n\r\nexport default usePhGallery","import { nanoid } from 'nanoid'\r\nimport BtnReadMore from '../BtnReadMore/BtnMore'\r\n\r\nexport default function CenterSection({imgOnTheRight, image, imageAlt, heading, text, cta, loc}){\r\n\r\n    return(\r\n        <section className=\"section-content\" >\r\n            <div className={`kite-center ${imgOnTheRight ? 'section-reverse': ''}`}>\r\n\r\n                {imgOnTheRight && <div style={{flex:'1 0 auto'}}>\r\n                    <div className=\"kite-center-text \">\r\n                    <h3>{heading}</h3>\r\n                    {text.map( item => <p key={nanoid(6)}>{item}</p>)} \r\n                    {!!cta && <p><BtnReadMore to={`/${loc}${cta.to}`} msg={cta.msg} /></p>}\r\n                    </div>\r\n                </div>}\r\n\r\n                <div className=\"flex-with-img\">\r\n                    <figure>\r\n                    <img width=\"100%\" height=\"auto\" src={`/img/${image}`} alt={imageAlt} />\r\n                    </figure>\r\n                </div>\r\n                \r\n                {!imgOnTheRight && <div style={{flex:'1 0 auto'}}>\r\n                    <div className=\"kite-center-text\">\r\n                    <h3>{heading}</h3>\r\n                    {text.map( item => <p key={nanoid(6)}>{item}</p>)} \r\n                    {!!cta && <p><BtnReadMore to={`/${loc}${cta.to}`} msg={cta.msg} /></p>}\r\n                    </div>\r\n                </div>}\r\n            </div>\r\n        </section>\r\n\r\n    )\r\n\r\n}","// import { Fragment } from 'react'\r\nimport data from './WatersportCenter.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport usePhGallery from '../Components/withPhGallery';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport CenterSection from '../Components/CenterSection/CenterSection';\r\nimport { processItem } from '../Components/others'\r\n\r\nfunction WatersportCenter() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  /* TO BE CHECKED\r\n  const fn = function() {\r\n    var lazyloadImages;    \r\n    if (\"IntersectionObserver\" in window) {\r\n      lazyloadImages = document.querySelectorAll(\".lazy\");\r\n      var imageObserver = new IntersectionObserver(function(entries, observer) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            var image = entry.target;\r\n            image.src = image.dataset.src;\r\n            image.classList.remove(\"lazy\");\r\n            imageObserver.unobserve(image);\r\n          }\r\n        });\r\n      });\r\n  \r\n      lazyloadImages.forEach(function(image) {\r\n        imageObserver.observe(image);\r\n      });\r\n    }\r\n  }\r\n\r\n  useEffect(()=>{\r\n    console.log('lazy')\r\n    fn();\r\n  }, [])\r\n  */\r\n\r\n//   const processItem = item => {\r\n//     const regexpNames = /(?<text>(.*)) {{(?<link>(.*))}}(?<rest>(.*))/gm;\r\n//     const r1 = item.match(regexpNames)\r\n//     if(r1==null){ return item}\r\n//     return <>\r\n//      {Array.from(item.matchAll(regexpNames)).map( (a, i) => <Fragment key={`wc_${i}`}>{a.groups.text} <span dangerouslySetInnerHTML={{ __html: a.groups.link }}></span>{a.groups.rest}</Fragment>)}\r\n//     </>\r\n//  }\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n\r\n        <section className=\"section-content section-content-first\" >\r\n          <div className=\"kite-center kite-center-intro\">\r\n            <div style={{flex:'1 0 auto'}}>\r\n              <div className=\"kite-center-text\">\r\n                <h2>{yml.heading}</h2>\r\n                {yml.text.map( item => <p key={nanoid(6)}>{processItem(item)}</p>)}  \r\n                <p>\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div style={{flex:'1 0 50%', height:720}}>\r\n              <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/gExgXquFHT4?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"KiteGlobing\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <CenterSection {...yml.belombre} imgOnTheRight={false} loc={loc} />\r\n        <CenterSection {...yml.others} imgOnTheRight={true} loc={loc} />\r\n        \r\n        <section className=\"section-content\">\r\n          <div style={{margin:'auto 0px',display:'flex',justifyContent:'center',alignItems:'center',flexWrap:'wrap'}}>\r\n            <p style={{fontFamily:'Raleway',fontSize:'1.2rem', fontWeight:'bold', color:'var(--black-type)', marginLeft:10, marginRight:10}}>{yml.checkgallery}</p>\r\n            <p style={{marginLeft:10, marginRight:10}}><a className=\"btn-read-more\" href={`/${loc}/our-video`} style={{textDecoration:'none', color:'var(--black-type)'}}>{yml.watchvideo}</a></p>\r\n          </div>\r\n         {usePhGallery(yml.gallery, '/img/gallery')}\r\n        </section>\r\n\r\n\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default WatersportCenter;","import data from './KitesurfCenter-belombre.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\n\r\nfunction KitesurfCenterBelOmbre({locale}) {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  \r\n  return (\r\n    <div style={{textAlign:'left'}}>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${yml.title}`} />\r\n            \r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        \r\n        <section className=\"section-content section-content-first\" >\r\n          <div className=\"kite-center\" style={{alignItems: 'center', flexDirection:'column'}}>\r\n            <div style={{flex:'1 0 100%'}}>\r\n              <img width=\"100%\" height=\"auto\" style={{margin:'0px auto', display:'block'}} src={`/img/${yml.image}`} alt={yml.imageAlt} />\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <section className=\"section-content\" style={{marginTop:0}}>\r\n          <div className=\"kite-center\" style={{maxWidth:1280, margin:'0px auto auto auto'}}>\r\n            <div style={{flex:'1 0 100%'}}>\r\n              <div className=\"kite-content\">\r\n                <h1 style={{textAlign:'center', fontSize:30}}>{yml.content.heading}</h1>\r\n                <p>&nbsp;</p>\r\n                {yml.content.text.map( item => <p key={nanoid(6)}>{item}</p>)} \r\n                {yml.content.headings.map( item => <div key={nanoid(6)}>\r\n                  <h2 style={{textAlign:'center', fontSize:30}}>{item.heading}</h2>\r\n                  {item.text.map( txt => <p key={nanoid(6)}>{txt}</p>)}\r\n                </div>) }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        {/* <section className=\"section-content\" style={{marginTop:0}}>\r\n          <div className=\"kite-content\"><h5 style={{textAlign:'center', fontFamily:'Raleway', fontSize:20, margin:20}}>You might prefer and visit:</h5></div>\r\n          <div style={{display:'flex', flexWrap:'wrap', justifyContent:'center'}}>\r\n            <div style={{flex:'0 1 240px', margin:'10px 20px'}}><BtnReadMore to=\"/center-Palmar\"  msg=\"Palmar Center\" /></div>\r\n            <div style={{flex:'0 1 240px', margin:'10px 20px'}}><BtnReadMore to=\"/center-prince-maurice\" msg=\"Prince Maurice Center\" /></div>\r\n          </div>\r\n        </section> */}\r\n\r\n        <section className=\"section-content\" style={{position:'relative', display:'block'}}>\r\n          <div className=\"kite-videos\">\r\n            <div>\r\n            <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/gExgXquFHT4\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n              </div>\r\n            </div>\r\n              <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/Koy4qTE3yeY\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\r\n            </div>\r\n              </div>\r\n            \r\n          </div>\r\n        </section>\r\n\r\n        \r\n        {/* <section className=\"section-content\">\r\n         {usePhGallery(yml.gallery)}\r\n        </section> */}\r\n\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default KitesurfCenterBelOmbre;","import './Prices.css'\r\nimport data from './Prices.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Fragment, useEffect, useState, useRef} from 'react'\r\nimport { useHistory, withRouter } from 'react-router-dom'\r\nimport useCurrentLang from '../useCurrentLang';\r\n//import { Popup } from '../Popup'\r\n\r\nfunction Prices({ymlkey, showPrepay, hideFullPriceList, hideTopBookByEmail}){\r\n  //const [open, setOpen] = useState(false);\r\n    const [isPrepay, setPrepay] = useState(false)\r\n    const initialRender = useRef(true);\r\n    const history = useHistory()\r\n    const loc = useCurrentLang()\r\n    const yml = data[loc] || data.en\r\n    const {prepay, prepayToggle, bookbyemail,  pricelist, viewpricelist, fullpricelist, termsinfo} = yml\r\n    const {h1, items} = yml[ymlkey][0]\r\n    const forAni = nanoid(6)\r\n    const onClick =(evt)=> {\r\n      let img = evt.target\r\n      if(img.src.indexOf('_off')>0){ \r\n        img.src = img.dataset.on\r\n        setPrepay(true)\r\n      }\r\n      else{\r\n        img.src = img.dataset.off\r\n        setPrepay(false)\r\n      }\r\n      \r\n    }\r\n    const pdfFileName = ymlkey==\"trips\" ? \"KiteGlobing_Boat_Excursions_2025.pdf\" : \"KiteGlobing_Prebooking_Prices_2025.pdf\" //\"KiteGlobing_Prices_EUR_2022_2023_oct22.pdf\"\r\n    const onClickViewPrices =(evt)=> {\r\n      evt.preventDefault()\r\n      history.push(`/${loc}/pricelist-viewer?pdf=${pdfFileName}`);\r\n    }\r\n\r\n    useEffect(()=>{\r\n\r\n      if(initialRender.current){\r\n        initialRender.current = false\r\n      }\r\n      else{\r\n        if(showPrepay){\r\n          document.querySelectorAll(`.forAni-${forAni}`).forEach((item, index) => {\r\n            if(index>0){\r\n              item.classList.toggle('run-ani-on'); \r\n              item.addEventListener('animationend', function(evt){\r\n                item.classList.remove('run-ani-on');\r\n              })\r\n            }\r\n            else{\r\n              item.classList.toggle('run-ani-on-header');\r\n              item.addEventListener('animationend', function(evt){\r\n                item.classList.remove('run-ani-on-header');\r\n              })\r\n            }\r\n            \r\n          })\r\n        }\r\n        \r\n      }\r\n\r\n    },[isPrepay])\r\n\r\n    return (\r\n\r\n      \r\n        <div className=\"price-container\">\r\n              \r\n              <div className=\"price-main-section\">\r\n\r\n                {!hideTopBookByEmail && <div className=\"pricelist\">\r\n                  {showPrepay && <div className=\"pre-pay\"><span>{prepay}</span> </div>}\r\n                  {ymlkey==\"trips\" && <div className=\"pre-pay\"><span>{prepay.replace('21','10')}</span> </div>}\r\n                  <div className=\"book-by-email\"><span dangerouslySetInnerHTML={{ __html: bookbyemail }}></span></div>\r\n                </div>}\r\n                {hideTopBookByEmail && <div>\r\n                  <div><span>&nbsp;</span></div>\r\n                </div>}\r\n\r\n                <div className=\"price-main-section\" style={{}}>\r\n                  <h1>{h1}</h1>\r\n                  {showPrepay && <div style={{display:'flex'}}>\r\n                    <span style={{margin:'auto 0px', padding:'0px 6px', color:'#333' , fontWeight:'bold', fontFamily:'Oswald', fontSize:18}}>{prepayToggle}</span>\r\n                    <img style={{cursor:'pointer', width:'44px', height:'auto', margin:'0px 0px'}} src=\"/img/toggle_off_black_24dp.svg\" alt=\"\" \r\n                    data-on=\"/img/toggle_on_black_24dp.svg\" data-off=\"/img/toggle_off_black_24dp.svg\" \r\n                    onClick={onClick} />\r\n                  </div>}\r\n                </div> \r\n        \r\n                {Items(items, isPrepay, forAni)}\r\n                  \r\n                  {/* <div className=\"priceList price-main-section\" style={{padding:20}}>\r\n                    <h2>SafetyTool Insurance</h2>\r\n                    <h2><a onClick={()=>setOpen(true)} style={{color:'blue', cursor:'pointer',fontSize:'smaller', display:'flex',gap:10}}><span>Read more about&nbsp;</span><img style={{width:140, height:'auto'}} src=\"/img/credits/safetytool-logo.png\" alt=\"SafetyTool logo\" width={926} height={210} /></a> </h2>\r\n                    \r\n                  </div>\r\n                  {open ? <Popup text={`SafetyTool`} closePopup={() => setOpen(false)} ></Popup> : null} */}\r\n\r\n                {!hideFullPriceList && <><h1>{fullpricelist}</h1>\r\n                <div className=\"pricelist\">\r\n                  <div className=\"book-info\"><a style={{cursor:'pointer',padding:10}} onClick={onClickViewPrices}><span>{viewpricelist}&nbsp;</span><img src=\"/img/arrow_right_alt_black_24dp.svg\" alt=\"open pdf\" /></a></div>\r\n                  <div className=\"book-info\"><a style={{padding:10}} href={`/pdf/${pdfFileName}`} download><span>{pricelist}&nbsp;</span><img src={`/img/file_download_black_24dp.svg`} alt=\"download pdf\" /></a>\r\n                  </div>\r\n                  <div className=\"terms-info\"><span>{termsinfo[0]}<a href={`/${loc}/terms`}>{termsinfo[1]}</a></span></div>\r\n                </div></>}\r\n\r\n                {!hideFullPriceList && <div className=\"pricelist\" style={{marginTop:30, marginBottom:30}}>\r\n                  <div className=\"book-by-email\"><span dangerouslySetInnerHTML={{ __html: bookbyemail }}></span></div>\r\n                </div>}\r\n        \r\n              </div>\r\n        </div>\r\n            \r\n    )\r\n\r\n}\r\n\r\nfunction Items(items, isPrepay, forAni){\r\n\r\n    \r\n    let colIdx = isPrepay ? 2 : 1\r\n    return(\r\n        <>\r\n        {\r\n            items.map(item => <Fragment key={nanoid(6)}>\r\n                <h2>{item.h3}</h2>\r\n                <div className=\"pricelist\">\r\n                  {item.cols.map( col => <Fragment key={nanoid(6)}><div>{col[0]}</div><div className={`forAni-${forAni}`}>{col[colIdx]}</div></Fragment>)}\r\n                  {item.footer.map( row => <div key={nanoid(6)} className={`${row[0]}`}>{row[1]}</div>)}\r\n                </div>\r\n            </Fragment>\r\n            )\r\n        }\r\n        </>\r\n    )\r\n\r\n}\r\n\r\nexport default withRouter(Prices)","import React from \"react\";\r\nimport useCurrentLang from './useCurrentLang';\r\nimport data from './Popup.yaml'\r\nimport { processItem } from '../Components/others'\r\nimport \"./Popup.css\";\r\n\r\nexport const Popup = ({ text, closePopup, children }) => {\r\n\r\n    // const processItem = item => {\r\n    //    const regexpNames = /(?<text>(.*)) {{(?<link>(.*))}}(?<rest>(.*))/gm;\r\n    //    const r1 = item.match(regexpNames)\r\n    //    if(r1==null){ return item}\r\n    //    return <>\r\n    //     {Array.from(item.matchAll(regexpNames)).map( a => <>{a.groups.text} <span dangerouslySetInnerHTML={{ __html: a.groups.link }}></span>{a.groups.rest}</>)}\r\n    //    </>\r\n    // }\r\n    const loc = useCurrentLang();\r\n    const yml = data[loc] || data.en;\r\n    const popuptxt = !!children ? yml[children] : yml.popup\r\n\r\n    const svgStyle ={\r\n        stroke:'white',\r\n        strokeWidth: 4,\r\n        strokeLinecap: 'round',\r\n        strokeLinejoin: 'round',\r\n        fill: 'none'\r\n    }\r\n\r\n    return (\r\n        <div className=\"popup-container\">\r\n            <div className=\"popup-body\">\r\n                <button className=\"popup-body-button\" onClick={closePopup} >\r\n                    <svg viewBox=\"0 0 38 38\" width=\"38\" height=\"38\" style={svgStyle}><line x1=\"6\" y1=\"6\" x2=\"32\" y2=\"32\"></line><line x1=\"32\" y1=\"6\" x2=\"6\" y2=\"32\"></line></svg>\r\n                </button>\r\n                <h1 style={{padding:0, marginTop:0, marginBottom:0, paddingRight:40,display:'flex', justifyContent:'flex-end'}}>\r\n                    <a style={{textDecoration:'none', color:'transparent'}} href='http://www.safetytool.de' target=\"_blank\"><img style={{width:160, height:'auto'}} src=\"/img/credits/safetytool-logo.png\" alt=\"SafetyTool logo\" width={926} height={210} /></a>\r\n                </h1>\r\n                {/* <div className=\"popup-body-children\">{processItem(children)}</div> */}\r\n                <div className=\"popup-body-children\" style={{overflowY:'auto'}}>{processItem(popuptxt)}</div>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import { useState } from \"react\";\r\nimport { nanoid } from 'nanoid'\r\nimport { processItem } from '../others'\r\nimport { Popup } from '../Popup'\r\n\r\nimport './PageSections.css'\r\n\r\nexport function PageSectionImg({image, imageAlt, imgStyle}) {\r\n    const aStyle = !!imgStyle ? imgStyle : {}\r\n    return <section className=\"section-content\" style={{ marginTop: 0 }}>\r\n      <div className=\"page-section page-section-img\" >\r\n        <div>\r\n          <img width=\"100%\" height=\"auto\" style={aStyle} src={`/img/${image}`} alt={`${imageAlt}`} />\r\n        </div>\r\n      </div>\r\n    </section>;\r\n}\r\n\r\nexport function PageSectionContent({content, lang}) {\r\n  //console.log(content)\r\n  const [open, setOpen] = useState(false);\r\n  const h2OnlyGerman = lang==='de' ? 'h2-only-german-mobile' : ''\r\n  return <section className=\"section-content\" style={{ marginTop: 0 }}>\r\n    <div className=\"page-section page-section-content\" >\r\n      <div>\r\n        <div className=\"page-section-inner-content\">\r\n          <h2 className={h2OnlyGerman}>{content.heading}</h2>\r\n          <p>&nbsp;</p>\r\n          {content.text.map(item => <p key={nanoid(6)}>{processItem(item, setOpen)}</p>)}\r\n          {content.headings.map(item => <div key={nanoid(6)}>\r\n            <h3>{item.heading}</h3>\r\n            {item.text.map(txt => typeof txt == \"string\" ? !!txt && <p key={nanoid(6)}>{processItem(txt, setOpen)}</p> : \r\n              typeof txt == \"object\" && Array.isArray(txt) ? txt.map(t => <p key={nanoid(6)}>{processItem(t, setOpen)}</p>) :\r\n              <p key={nanoid(6)}><b>{txt.caption}</b>\r\n                <br />\r\n                {typeof txt.text == \"string\" ? processItem(txt.text, setOpen) : txt.text.map(t => <span style={{display:'block'}} key={nanoid(6)}>{processItem(t, setOpen)}</span>)}\r\n              </p>\r\n            )}\r\n          </div>)}\r\n          <div>\r\n          {open ? <Popup text={`SafetyTool`} closePopup={() => setOpen(false)} >{content.popupKey}</Popup> : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>;\r\n}\r\n\r\nexport function PageSectionContentChild({content, children}) {\r\n  return <section className=\"section-content\" style={{ marginTop: 0 }}>\r\n    <div className=\"page-section page-section-content\" >\r\n      <div>\r\n        <div className=\"page-section-inner-content\">\r\n          <h2>{content.heading}</h2>\r\n          <p>&nbsp;</p>\r\n          {children(content)}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>;\r\n}\r\n","import BtnReadMore from './BtnReadMore/BtnMore'\r\nimport useCurrentLang from './useCurrentLang'\r\n\r\nexport default function YouMightPrefer({caption, url, msg}){\r\n\r\n  const loc = useCurrentLang()\r\n\r\n  return <section className=\"section-content\">\r\n        <div><h1 style={{textAlign:'center', fontFamily:'Raleway', fontSize:20, margin:20}}>{caption}</h1></div>\r\n        <div style={{display:'flex', flexWrap:'wrap', justifyContent:'center'}}>\r\n          <div style={{flex:'0 1 240px', margin:'10px 20px'}}>\r\n              <BtnReadMore to={`/${loc}${url}`}  msg={`${msg}`} />\r\n          </div>\r\n        </div>\r\n      </section>\r\n}","import dataLesson from './WindsurfLesson.yaml'\r\nimport dataRental from './WindsurfRental.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport Prices from '../Components/Prices/Prices'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport { PageSectionImg, PageSectionContent } from '../Components/PageSections/PageSections';\r\nimport YouMightPrefer from '../Components/YouMightPrefer';\r\n\r\nfunction Windsurfing({type}) {\r\n\r\n  const loc = useCurrentLang()\r\n  const data =  type === \"rental\" ? dataRental : dataLesson   \r\n  const yml = data[loc] || data.en \r\n  const metaDesc = yml.metaDescription || yml.title\r\n  \r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} imgStyle={{maxWidth:1200}} />\r\n        <PageSectionContent content={{...yml.content,...data.all}} />\r\n\r\n        <section className=\"section-content\" style={{paddingTop:0, marginTop:0}}>\r\n        {\r\n            type === \"rental\"\r\n            ? <Prices ymlkey=\"windsurfrental\" />\r\n            : <Prices ymlkey=\"windsurflesson\" />\r\n        }\r\n        </section>\r\n\r\n        <YouMightPrefer caption={yml.youmightprefer.caption} url={yml.youmightprefer.url} msg={yml.youmightprefer.msg} />\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Windsurfing;","import useCurrentLang from '../Components/useCurrentLang';\r\nimport dataLesson from './KitesurfingLesson.yaml'\r\nimport dataRental from './KitesurfingRental.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport Prices from '../Components/Prices/Prices'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport { PageSectionImg, PageSectionContent } from '../Components/PageSections/PageSections';\r\nimport YouMightPrefer from '../Components/YouMightPrefer';\r\n\r\nfunction Kitesurfing({type}) {\r\n\r\n  const data =  type === \"rental\" ? dataRental : dataLesson   \r\n  const loc = useCurrentLang();\r\n  const yml = data[loc] || data.en;\r\n  const metaDesc = yml.metaDescription || yml.title;\r\n\r\n  return (\r\n      \r\n    <div>\r\n\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} imgStyle={{maxWidth:1200}} />\r\n        <PageSectionContent content={{...yml.content,...data.all}} />\r\n\r\n        <section className=\"section-content\" style={{paddingTop:0, marginTop:0}}>\r\n        {\r\n            type === \"rental\"\r\n            ? <Prices ymlkey=\"kitesurfrental\" showPrepay={true}/>\r\n            : <Prices ymlkey=\"kitesurflesson\" showPrepay={true}/>\r\n        }\r\n        </section>\r\n\r\n        <YouMightPrefer caption={yml.youmightprefer.caption} url={yml.youmightprefer.url} msg={yml.youmightprefer.msg} />\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\n\r\nexport default Kitesurfing;","import data from './Downwinder.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport { PageSectionImg, PageSectionContent } from '../Components/PageSections/PageSections';\r\n\r\nfunction Downwinder() {\r\n\r\n  const loc = useCurrentLang();\r\n  const yml = data[loc] || data.en;\r\n  const metaDesc = yml.metaDescription || yml.title;\r\n  \r\n  return (\r\n      \r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} imgStyle={{maxWidth:1200}} />\r\n        <PageSectionContent content={yml.content} />\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Downwinder;","import { Helmet } from 'react-helmet-async';\r\nimport Prices from '../Prices/Prices';\r\nimport useCurrentLang from '../useCurrentLang';\r\nimport PageHeader from '../PageHeader/PageHeader';\r\nimport { PageSectionImg, PageSectionContent } from './PageSections';\r\n\r\nexport function WithPage(data, pricesKey, otherPricesKey) {\r\n\r\n  const loc = useCurrentLang();\r\n  const yml = data[loc] || data.en;\r\n  const metaDesc = yml.metaDescription || yml.title;\r\n\r\n  return (\r\n    <div>\r\n      <Helmet>\r\n        <title>{yml.title}</title>\r\n        <meta name=\"description\" content={`${metaDesc}`} />\r\n      </Helmet>\r\n      <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n      <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} />\r\n      <PageSectionContent content={{...yml.content,...data.all}} />\r\n      <section className=\"section-content\" style={{ paddingTop: 0, marginTop: 0 }}>\r\n        <Prices ymlkey={`${pricesKey}`} hideFullPriceList={!!otherPricesKey} showPrepay={!!otherPricesKey} />\r\n        {otherPricesKey && <Prices ymlkey={`${otherPricesKey}`} hideTopBookByEmail={true} showPrepay={true} />}\r\n      </section>\r\n    </div>\r\n  );\r\n\r\n}\r\n","import data from './BoatTrips.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function BoatTrips() {\r\n\r\n  return WithPage(data, \"trips\")\r\n  \r\n}","import data from './Wakeboarding.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function Wakeboarding() {\r\n\r\n  return WithPage(data, \"wakeboarding\")\r\n\r\n}\r\n\r\n","import data from './SUP.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function SUP() {\r\n\r\n  return WithPage(data, \"sup\")\r\n\r\n}\r\n\r\n","import data from './EPedalo.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function EPedalo() {\r\n\r\n  return WithPage(data,'epedalo')\r\n}\r\n\r\n\r\n","import data from './Surfing.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function Surfing() {\r\n\r\n  return WithPage(data, \"surf\")\r\n\r\n}\r\n","import data from './Wingsurfing.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function Wingsurfing() {\r\n\r\n  return WithPage(data, \"wingsurflesson\", \"wingsurfrental\")\r\n\r\n}","import data from './StorageRescue.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport Prices from '../Components/Prices/Prices'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport { PageSectionImg, PageSectionContent } from '../Components/PageSections/PageSections';\r\n\r\nfunction StorageRescue() {\r\n\r\n  const loc = useCurrentLang();\r\n  const yml = data[loc] || data.en;\r\n  const metaDesc = yml.metaDescription || yml.title;\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} imgStyle={{maxWidth:1200}} />\r\n        <PageSectionContent content={{...yml.content,...data.all}} />\r\n        \r\n        <section className=\"section-content\" style={{paddingTop:0, marginTop:0}}>\r\n          <Prices ymlkey=\"rescue-storage\" showPrepay={true} />\r\n        </section>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default StorageRescue;","import data from './Press.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport useMediaQuery from '../Components/Altro/mediaQuery'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\n\r\nexport default function Press({locale, type}) {\r\n\r\n  const [ to600 , setMQ ]= useMediaQuery(\"screen and (max-width: 600px)\");\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n  const pressUrl = url => url.startsWith('http') ? url : `/img/press/${url}`\r\n\r\n  let caption = to600 ? {fontSize:20, marginTop:0, marginBottom:20} : {fontSize:30, marginTop:0, marginBottom:20}\r\n  let pStyle = to600 ? {fontSize:16} : {fontSize:22}\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        \r\n        <section className=\"section-content\" style={{marginTop:20}}>\r\n          <div className=\"kite-videos\">\r\n              <div style={{maxWidth:1280, margin:'0 auto'}}>\r\n                  <div className=\"video-background\" style={{height:720}}>\r\n                    <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/kTtGN6B04HY?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"KiteGlobing hallo\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n        </section>\r\n        \r\n        <section className=\"section-content\" style={{marginTop:20}}>\r\n          <div className=\"kite-center kite-center-max-width\" style={{marginTop:0, margin:'auto'}}>\r\n            <div style={{flex:'1 0 100%'}}>\r\n            <h3 style={{textAlign:'center', fontSize:30}}>{yml.content.heading}</h3>\r\n              <div className=\"kite-content\">\r\n                {\r\n                  yml.content.items.map( item => <div style={{display:'flex', flexWrap:'wrap' ,justifyContent:'center', alignContent:'space-around',gap:20, margin:'40px 0px'}}>\r\n                    <div style={{flex:'1 0 100%'}}>\r\n                        <img width=\"100%\" height=\"auto\" src={`/img/press/${item.image}`} alt={``} />\r\n                    </div>\r\n                    <div style={{flex:'1 0 100%', marginBottom:60}}>\r\n                      <h3 style={caption}>{item.caption}</h3>\r\n                      <p style={pStyle}>{item.text}</p>\r\n                      <p style={{verticalAlign:'middle', marginTop:40}}><a href={pressUrl(item.url)} target=\"_blank\" rel=\"noreferrer\" style={{color:'#333', textDecoration:'none', border:'1px solid #333', padding:20,...pStyle}}>{yml.content.cta}&nbsp;<img style={{verticalAlign:'middle'}} src=\"/img/arrow_right_alt_black_24dp.svg\" alt=\"\"/></a></p>\r\n                    </div>\r\n                  </div>\r\n                  )\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\n","import data from './Video.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\n\r\nexport default function Video() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        \r\n        <section className=\"section-content\" style={{position:'relative', display:'block'}}>\r\n          <div className=\"kite-videos\">\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/gExgXquFHT4?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/9OrMBF0GuZM?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </section>\r\n\r\n        <section className=\"section-content\" style={{position:'relative', display:'block', margin:'0px auto'}}>\r\n          <div className=\"kite-videos\">\r\n\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/Koy4qTE3yeY?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/py5S2kwpPRI?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n        </section>\r\n\r\n        <section className=\"section-content\" style={{position:'relative', display:'block', margin:'0px auto'}}>\r\n          <div className=\"kite-videos\">\r\n\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/jaUQKLOk_i4?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/Skc1fNQlFRU?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n        </section>\r\n\r\n        <section className=\"section-content\" style={{position:'relative', display:'block', margin:'0px auto'}}>\r\n          <div className=\"kite-videos\">\r\n\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/mzB4lChJGzk?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div className=\"video-background\" style={{height:500}}>\r\n                <iframe style={{frameBorder:0}} width=\"100%\" height=\"100%\" src=\"https://www.youtube.com/embed/odagKncxmZ4?rel=0&amp;showinfo=0&amp;fs=1&amp;enablejsapi=0&amp;controls=1\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n        </section>\r\n    </div>\r\n  );\r\n}\r\n\r\n","import data from './JuniorAcademy.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function JuniorAcademy() {\r\n\r\n  return WithPage(data, 'junioracademy')\r\n\r\n}\r\n","import data from './Sailing.yaml'\r\nimport { WithPage } from \"../Components/PageSections/WithPage\";\r\n\r\nexport default function Sailing() {\r\n\r\n  return WithPage(data, 'sailing')\r\n\r\n}","import data from './Events.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\n\r\nexport default function Events() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n\r\n        <section className=\"section-content section-content-first\" >\r\n          <div className=\"kite-center kite-center-intro\">\r\n            <div style={{flex:'1 0 100%'}}>\r\n              <div className=\"kite-center-text\">\r\n                <h2>{yml.heading}</h2>\r\n                {yml.text.map( item => <p key={nanoid(6)}>{item}</p>)}  \r\n                <p>\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div style={{flex:'1 0 100%'}}>\r\n                <img width=\"100%\" height=\"auto\" src={`/img/${yml.image}`} alt={`${yml.imageAlt}`}/>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n    </div>\r\n  );\r\n  \r\n}\r\n","import data from './Accomodation.yaml'\r\nimport { nanoid } from 'nanoid'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport { PageSectionImg, PageSectionContentChild } from '../Components/PageSections/PageSections';\r\nimport usePhGallery from '../Components/withPhGallery';\r\n\r\nfunction subcaption(text){\r\n  if(text.toString().includes('http')){\r\n    let words = text.split(' ')\r\n    let newwords = words.map(word => {\r\n      if(word.toString().startsWith('http')){ \r\n        return <a target='_blank' href={`${word}`} rel=\"noreferrer\" >{word}</a>\r\n      }\r\n      return word\r\n    })\r\n    let newtext = newwords.filter(s=>typeof s !== 'object').join(' ') + ' '\r\n    let result = [newtext, ...newwords.filter(s=>typeof s === 'object')]\r\n    return <>\r\n    {result.map(w => w)}\r\n    </>\r\n  }\r\n  return text\r\n}\r\n\r\nfunction subcaption2(text){\r\n  subcaption3(text.toString())\r\n  if(text.toString().includes('http')){\r\n    let words = text.split(' ')\r\n    let newwords = words.map(word => {\r\n      if(word.toString().startsWith('http')){ \r\n        return `<a target=\"_blank\" href=\"${word}\">${word}</a>`\r\n      }\r\n      return word\r\n    })\r\n    let newtext = newwords.join(' ')\r\n    return <span dangerouslySetInnerHTML={{__html: newtext}}></span>\r\n  }\r\n  return text\r\n}\r\n\r\nfunction subcaption3(text){\r\n  // if (typeof text === 'string') {\r\n  //   console.log(typeof text)\r\n  // }\r\n  // else{\r\n  //   console.log('not a string', typeof text)\r\n  // }\r\n  // console.log(text)\r\n    // let matches = text.match(/\\[(.*)\\]\\((.*)\\)/)\r\n    // console.log('matches',matches)\r\n    // let newstr = text.replaceAll(/\\[(.*)\\]\\((.*)\\)/g, '<a target=\"_blank\" href=\"$2\">$1</a>')\r\n    // console.log(newstr)\r\n    //return text.toString().includes('http') ? text.replaceAll(/\\[(.*)\\]\\((.*)\\)/g, '<a target=\"_blank\" href=\"$2\">$1</a>') : text\r\n    return <span dangerouslySetInnerHTML={{__html: text.replace(/\\[(.*)\\]\\((.*)\\)/g, '<a style=\"color:blue\" target=\"_blank\" href=\"$2\" rel=\"noreferrer\" >$1</a>')}}></span>\r\n}\r\n\r\nfunction AccGallery({ gallery, imgpath }) {\r\n  return <section key={nanoid(6)} className=\"section-content\" style={{ marginTop: 0 }}>\r\n    <div style={{ margin: 'auto 30px', display: 'flex', flexWrap:'wrap', justifyContent: 'center', alignItems: 'center' }}>\r\n      <p style={{ fontFamily: 'Raleway', fontSize: '1.2rem', fontWeight: 'bold', color: 'var(--black-type)' }}>{gallery.caption}</p>\r\n      {!!gallery.subcaption && <p style={{fontFamily: 'Raleway', fontSize: '1.0rem', fontWeight: 'bold', color: 'var(--black-type)' }}>{subcaption3(gallery.subcaption)}</p>}\r\n    </div>\r\n    {usePhGallery(gallery.items, imgpath)}\r\n  </section>;\r\n}\r\n\r\nexport default function Accomodation() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  const aStyle = {textDecoration:'none', color:'blue'}\r\n  \r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        \r\n        <PageSectionImg image={yml.image} imageAlt={yml.imageAlt} />\r\n        <PageSectionContentChild content={yml.content} >\r\n          {\r\n            (content)=><>\r\n            {content.text.map( item => <p key={nanoid(6)} dangerouslySetInnerHTML={{__html: item}}></p>)} \r\n                {content.headings.map( item => <div key={nanoid(6)}>\r\n                  <h3 style={{textAlign:'center', fontSize:30}}>{item.heading}</h3>\r\n                  {item.text.map( txt => typeof txt == \"string\" ? !!txt && <p key={nanoid(6)} dangerouslySetInnerHTML={{__html: txt}}></p> : \r\n                  typeof txt == \"object\" && Array.isArray(txt) ?\r\n                    <p key={nanoid(6)}><a style={aStyle} href={txt[1]} target=\"_blank\" rel=\"noreferrer\">{txt[0]}</a></p>\r\n                    : \r\n                    <p key={nanoid(6)}><a style={aStyle} href={txt.url} target=\"_blank\" rel=\"noreferrer\">{txt.caption}</a></p>\r\n                  )\r\n                  }\r\n                </div>) \r\n                }\r\n            </>\r\n          }\r\n        </PageSectionContentChild>\r\n\r\n        {\r\n          [\r\n            {gallery:yml.gallery.morne, imgpath: '/img/la-gaulette'},\r\n            {gallery:yml.gallery.apart1, imgpath: '/img/apart1'},\r\n            {gallery:yml.gallery.apart2, imgpath: '/img/apart2'}\r\n          ].map(AccGallery)\r\n        }\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\n\r\n","import './Components/BtnReadMore/BtnMore.css'\r\nimport data from './ConsentBanner.yaml'\r\nimport useCurrentLang from './Components/useCurrentLang';\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nfunction ConsentBanner({setCookie}){\r\n\r\n    const loc = useCurrentLang()\r\n    const yml = data[loc] || data.en\r\n\r\n    let bannerStyle = {\r\n        position:\"fixed\", \r\n        bottom:0, \r\n        display:'flex', \r\n        justifyContent:'center', \r\n        alignItems:'center',\r\n        padding:'10px 20px 10px 20px', \r\n        textAlign:'center', \r\n        height:150, \r\n        width: '100%', \r\n        color:'#000', \r\n        backgroundColor:'rgb(236,236,236, 1)',\r\n        padding:5,\r\n        border: 5\r\n    }\r\n\r\n    return (\r\n        <div style={bannerStyle}>\r\n            <div>\r\n                <div>{yml.text[0]}<NavLink to={`/${loc}/terms`}>{yml.text[1]}</NavLink>{yml.text[2]}<NavLink to={`/${loc}/privacy-policy`}>{yml.text[3]}</NavLink>\r\n                {!!yml.text[4] && yml.text[4]}.\r\n                </div>\r\n                <button className=\"btn-read-more\" onClick={setCookie}>\r\n                    <span style={{textAlign: 'center', margin:'auto'}}>{yml.btn}</span>\r\n                </button>\r\n            </div> \r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default ConsentBanner;","import React from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport function ScrollToTopHook() {\r\n  const { pathname } = useLocation();\r\n\r\n  useEffect(() => {\r\n    \r\n    window.scrollTo(0, 0);\r\n    // for safari\r\n    //setTimeout(function () { window.scrollTo(0, 0); }, 100);\r\n\r\n  }, [pathname]);\r\n\r\n  return null;\r\n}\r\n\r\nclass ScrollToTop extends React.Component {\r\n  componentDidUpdate(prevProps) {\r\n    if ( this.props.location.pathname !== prevProps.location.pathname ) {\r\n      \r\n      // console.log('PN: ', this.props.location.pathname)\r\n      // console.log('PNprev: ', prevProps.location.pathname)\r\n      window.scrollTo(0, 0);\r\n      // for safari\r\n      // setTimeout(function () { window.scrollTo(0, 0); }, 100);\r\n\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return null;\r\n  }\r\n}\r\n\r\nconst ScrollToTopClassic = withRouter(ScrollToTop)\r\nexport {  ScrollToTopClassic };","import './Credits.css'\r\nimport { nanoid } from 'nanoid'\r\nexport default function Credits(){\r\n\r\n    const creditslogo = ['CORE_black.png', 'vdws.png','ion-logo.png','tag-heuer-logo.png', 'heritage-resorts-logo.png']\r\n    const logolinks = ['https://ridecore.com/', 'https://www.vdws.de/','https://www.ion-products.com/','', 'https://heritageresorts.mu/']\r\n    return (\r\n\r\n        <div className=\"credits\">\r\n\r\n            {\r\n                creditslogo.map( (item, idx) => <div key={nanoid(6)} style={{flex:1}}>\r\n                    {!!logolinks[idx] ? <a href={`${logolinks[idx]}`} style={{color:'transparent',textDecoration:'none'}} target='_blank'><img style={{display:'block', margin:'auto'}} width=\"150px\" height=\"auto\" src={`/img/credits/${item}`} alt={`${item}`} /></a>\r\n                     :<img style={{display:'block', margin:'auto'}} width=\"150px\" height=\"auto\" src={`/img/credits/${item}`} alt={`${item}`} />}\r\n                </div>)\r\n            }\r\n\r\n        </div>\r\n    )\r\n}","import { useEffect } from 'react'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport useCurrentLang from '../useCurrentLang';\r\nimport data from './PricelistViewer.yaml'\r\nimport { useLocation} from 'react-router-dom'\r\n\r\nexport default function PricelistViewer() {\r\n\r\n  const query = useLocation().search.split('=')\r\n  const loc = useCurrentLang()\r\n  const pdfFileName = \"KiteGlobing_Prebooking_Prices_2025.pdf\"\r\n  //const pdf = (query[1] || null) != pdfFileName ? pdfFileName : (query[1] || null) \r\n  const fileList = [\"KiteGlobing_Boat_Excursions_2025.pdf\" , \"KiteGlobing_Prebooking_Prices_2025.pdf\"]\r\n  const pdf = fileList.includes(query[1]||'') ? query[1] : pdfFileName\r\n  useEffect(()=>{\r\n    if(pdf){\r\n      //console.log(pdf)\r\n      document.getElementById('my-pdf-viewer').src = `/pdf-viewer/web/viewer.html?file=/pdf/${pdf}`\r\n      // document.getElementById('my-pdf-viewer').src = `/pdf-viewer/web/viewer.html`\r\n    }\r\n  })\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n    <div id=\"my-div-pdf\">\r\n      <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n      </Helmet>\r\n      <iframe\r\n        id=\"my-pdf-viewer\"\r\n        name=\"my-pdf-viewer\"\r\n        title=\"KiteGlobing Price List\"\r\n        // src={`/pdf-viewer/web/viewer.html?file=${pdfpath}`}\r\n        // src={`/pdf-viewer/web/viewer.html`}\r\n        width=\"100%\"\r\n        height=\"1200px\"\r\n      ></iframe>\r\n    </div>\r\n  );\r\n}\r\n","import data from './PrivacyPolicy.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport { PageSectionContent } from '../Components/PageSections/PageSections';\r\n\r\nexport default function PrivacyPolicy() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionContent content={yml.content}  />\r\n        \r\n    </div>\r\n  );\r\n}","import data from './Terms.yaml'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport PageHeader from '../Components/PageHeader/PageHeader';\r\nimport useCurrentLang from '../Components/useCurrentLang';\r\nimport { PageSectionContent } from '../Components/PageSections/PageSections';\r\n\r\nexport default function Terms() {\r\n\r\n  const loc = useCurrentLang()\r\n  const yml = data[loc] || data.en\r\n  const metaDesc = yml.metaDescription || yml.title\r\n\r\n  return (\r\n    <div>\r\n        <Helmet>\r\n            <title>{yml.title}</title>\r\n            <meta name=\"description\" content={`${metaDesc}`} />\r\n        </Helmet>\r\n        <PageHeader pageTitle={yml.pageTitle}></PageHeader>\r\n        <PageSectionContent content={yml.content} lang={loc} />\r\n\r\n    </div>\r\n  );\r\n}","import './App.css';\nimport Contact from './Contact/Contact'\nimport Home from './Home'\nimport Header from './Header'\nimport Footer from './Footer'\nimport WatersportCenter from './WatersportCenter/WatersportCenter'\nimport KitesurfCenterBelOmbre from './WatersportCenter/KitesurfCenter-belombre'\nimport Windsurfing from './Windsurfing/Windsurfing'\nimport Kitesurfing from './Kitesurfing/Kitesurfing'\nimport Downwinder from './Kitesurfing/Downwinder'\nimport BoatTrips from './More/BoatTrips'\nimport Wakeboarding from './More/Wakeboarding'\nimport SUP from './More/SUP'\nimport EPedalo from './More/EPedalo';\nimport Surfing from './More/Surfing'\nimport Wingsurfing from './More/Wingsurfing'\nimport StorageRescue from './Kitesurfing/StorageRescue'\nimport Press from './Press/Press'\nimport OurVideo from './Video/Video'\nimport JuniorAcademy from './More/JuniorAcademy';\nimport Sailing from './More/Sailing';\nimport Events from './More/Events'\nimport Accomodation from './More/Accomodation'\nimport ConsentBanner from './ConsentBanner';\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n  Redirect\n} from \"react-router-dom\"\nimport {ScrollToTopClassic as ScrollToTop} from './ScrollToTop'\n// import {ScrollToTopHook as ScrollToTop} from './ScrollToTop'\nimport Credits from './Components/Altro/Credits'\nimport { HelmetProvider } from 'react-helmet-async';\nimport { nanoid } from 'nanoid'\nimport { useState, useMemo, useEffect } from 'react';\nimport PricelistViewer from './Components/PricelistViewer/PricelistViewer';\nimport PrivacyPolicy from './PrivacyPolicy/PrivacyPolicy';\nimport Terms from './Terms/Terms';\nimport {LangContext} from './Components/useCurrentLang'\n\n\nfunction getCurrentLocationLang(location){\n  const rxM0 = /\\/(en|fr|de)\\/?$/ig\n  const rxM1 = /\\/(en|fr|de)\\//ig\n  const array0 = [...location.pathname.matchAll(rxM0)];\n  const array1 = [...location.pathname.matchAll(rxM1)];\n  let currlang = (array0.length && array0[0][1].toLowerCase()) || (array1.length && array1[0][1].toLowerCase())\n  currlang = currlang || 'en'\n  return currlang \n}\n\n\n\nfunction App() {\n\n  const [lang, setLang] = useState(getCurrentLocationLang(window.location));\n  const [consentBanner, setConsent] = useState(false);\n  const value = useMemo(\n    () => ({ lang, setLang }), \n    [lang]\n  );\n\n  useEffect(()=>{\n\n    if(window){\n      if(document.cookie.split(';').filter(c => c.includes('kiteglobingconsent')).length){\n          // cookie is set already\n      }\n      else{\n          setConsent(true)\n      }\n    }\n\n  })\n\n  function setConsentCookie(){\n    let newvalue = `kiteglobingconsent=ok; path=/; expires=${new Date(Date.now()+(180*24*60*60000)).toUTCString()}`\n    document.cookie = newvalue\n    setConsent(false)\n  }\n\n  // const pathRE = new RegExp('^(?!.*(\\/en\\/|\\/de\\/)).*$')\n  const pathRE = new RegExp('^(?!.*(\\/en\\/|\\/de\\/|\\/fr\\/)).*$')\n\n  return (\n    <div>\n      \n      <Router>\n      <LangContext.Provider value={value}>\n      <HelmetProvider>\n        <ScrollToTop />\n        <Header  mykey={nanoid(6)} />\n        <Switch>\n          <Route path=\"/:lang(en|de|fr)?\" exact={true}>\n            <Home />\n          </Route>\n          <Route path={pathRE} >\n            {\n            ({ location }) => { \n              //console.log(location)\n              if(location.pathname.length < 5) return <Redirect to={`/en`} />\n              const slugs = location.pathname.split('/')\n              //console.log(slugs)\n              let x = 0\n              let y = 1\n              if(slugs[0].length===0){x++; y++;}\n              if(slugs[x].length===2) return <Redirect to={`/en/${slugs[y]}`} />\n              return <Redirect to={`/en${location.pathname}`} />\n            }\n            }\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/contact\">\n            <Contact />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/kitesurf-center\">\n            <WatersportCenter />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/center-bel-ombre\">\n            <KitesurfCenterBelOmbre />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/kitesurf-lesson\">\n            <Kitesurfing type={`lesson`} />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/kitesurf-rental\">\n            <Kitesurfing type={`rental`} />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/storage-rescue\">\n            <StorageRescue />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/kitesurf-storage-rescue\">\n            <StorageRescue />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/kitesurf-downwinder\">\n            <Downwinder />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/windsurf-lesson\">\n            <Windsurfing type={`lesson`} />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/windsurf-rental\">\n            <Windsurfing type={`rental`} />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/boat-and-dolphin-tours\">\n            <BoatTrips />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/wakeboarding\">\n            <Wakeboarding />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/stand-up-paddling\">\n            <SUP />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/e-pedalo\">\n            <EPedalo />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/surfing\">\n            <Surfing />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/wingsurfing\">\n            <Wingsurfing />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/villas-hotels-apartments\">\n            <Accomodation />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/press\">\n            <Press />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/pricelist-viewer\">\n            <PricelistViewer />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/our-video\">\n            <OurVideo />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/sailing\">\n            <Sailing />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/junior-academy\">\n            <JuniorAcademy />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/events\">\n            <Events />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/privacy-policy\">\n            <PrivacyPolicy />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?/terms\">\n            <Terms />\n          </Route>\n          <Route path=\"/:lang(en|de|fr)?\">\n            <Home />\n          </Route>\n        </Switch>\n        <Credits/>\n        <Footer />\n        {consentBanner && <ConsentBanner setCookie={setConsentCookie}/>}\n      </HelmetProvider>\n      </LangContext.Provider>\n      </Router>\n      \n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { hydrate } from \"react-dom\";\nimport './index.css';\nimport App from './App';\n//import reportWebVitals from './reportWebVitals';\n\nconst rootElement = document.getElementById(\"root\");\nif (rootElement.hasChildNodes()) {\n\n  hydrate(<React.StrictMode>\n    <App />\n  </React.StrictMode>, rootElement);\n}\nelse{\n  ReactDOM.render(\n    <React.StrictMode>\n      <App />\n    </React.StrictMode>,\n    rootElement\n  );\n}\n/* \nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n); */\n\n\n /* \nconst rootElement = document.getElementById(\"root\");\nif (rootElement.hasChildNodes()) {\n  hydrate(<App />, rootElement);\n} else {\n  render(<App />, rootElement);\n} */\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n//reportWebVitals();\n//reportWebVitals(console.log);\n"],"sourceRoot":""}