{"version":3,"sources":["App.js","reportWebVitals.js","index.js"],"names":["i18n","use","initReactI18next","init","resources","en","translation","fr","lng","fallbackLng","interpolation","escapeValue","App","t","useTranslation","currencyChange","useRef","useState","language","setLanguage","currency","setCurrency","visitcard","oneshot","monthly","professional","website","mobileapp","premium","prices","setPrices","panierVide","amount","byCat","domain","product_id","value","email","nbre","current","panier","setPanier","domainSearch","setDomainSearch","domainPrincipal","setDomainPrincipal","domainAvailableCheck","setDomainAvailableCheck","nbreEmail","setNbreEmail","setWebsiteAmount","setMobileappAmount","emailType","setEmailType","handleOnclick","e","preventDefault","lang","target","getAttribute","changeLanguage","changeCurrency","handleCurrencyOnclick","currency_target","window","confirm","console","log","handleEmailType","emailTypeVal","toLowerCase","replace","majPanier","handleDomainSearchIfAvailable","setTimeout","total","parseFloat","CurrentLang","imgSrc","href","src","alt","CurrentCurrency","handleDomainRemove","DomainSearchIfAvailableBlock","type","name","class","style","backgroundColor","onClick","AmountTab","props","fontSize","BoutonCommanderBlock","className","DomainSelectedBlock","scope","role","SliderBlock","SEMICOLON","widget","textRotator","color","Trans","i18nKey","defaults","values","arg1","arg2","components","italic","bold","id","viewBox","d","background","backgroundSize","display","action","method","enctype","novalidate","placeholder","onChange","tempoDom","document","getElementById","checked","emailVal","disabled","selected","websiteVal","mobileappVal","maxWidth","padding","textAlign","width","marginRight","marginLeft","htmlFor","minWidth","height","marginTop","paddingRight","borderRight","paddingTop","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.6fcfe9be.chunk.js","sourcesContent":["import React,{useState,useEffect,useRef} from 'react';\n//import logo from './logo.svg';\nimport './App.css';\n\nimport i18n from \"i18next\";\nimport { useTranslation, initReactI18next, Trans } from \"react-i18next\";\n\ni18n\n  .use(initReactI18next) // passes i18n down to react-i18next\n  .init({\n    // the translations\n    // (tip move them in a JSON file and import them,\n    // or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)\n\n    resources: {\n      en: {\n        translation: {\n          \"hello@mafate.co\": \"hello@mafate.co\",\n          \"Welcome to React\": \"Welcome to React and react-i18next\",\n          \"Pricing\": \"Pricing\",\n          \"Contact Us\": \"Contact Us\",\n          \"Schedule Appointments\": \"Schedule Appointments\",\n          \"Free Online Appointment\": \"Free Online Appointment\",\n          \"Home\": \"Home\",\n          \"Services\": \"Services\",\n          \"Our Services\": \"Our Services\",\n          \"Follow Us\": \"Follow Us\",\n          \"On Facebook\": \"on Facebook\",\n          \"On Instagram\": \"on Instagram\",\n          //\"Mobile Application\": \"\",\n          //\"Website\": \"Website\",\n          \"We're building your\": \"We're building your\",\n          \"Choose\": \"Choose <bold>efficiency</bold> and <bold>quickness</bold> !\",\n          \"ServicesBlockLine1\": \"Take care of your digital project\",\n          \"Domain Name\": \"Domain Name\",\n          \"Domain\": \"Domain\",\n          \"We are booking your domain\": \"We are booking your domain\",\n          \"Email Account\": \"Email Account\",\n          \"Your professional emails like xyz@mycompany.com\": \"Your professional emails like xyz@mycompany.com\",\n          \"Mobile Application\": \"Mobile Application\",\n          \"Mobile_Application_PLURAL\": \"Mobile Applications\",\n          \"Your iOS & Android mobile application\": \"Your iOS & Android mobile application\",\n          \"Website\": \"Website\",\n          \"Your personnalised website\": \"Your personnalised website\",\n          \"Your responsive website\": \"Your responsive website\",\n          \"Your mobile app on\": \"Your mobile app on\",\n          \"WebsiteOnlyInEnglish\": \" Website\",\n          \"from\": \"from\",\n          \"access included in the monthly subscription\": \" access included in the monthly subscription\",\n          \"multilingual_line\": \"<strong>Multilingual</strong>\",\n          \"10 hours of on-demand development included\": \"10 hours of <strong>on-demand development</strong> included\",\n          \"PricingBlockTitle\": \"Transparent Pricing\",\n          \"PricingBlockLine1\": \"We value transparency & simplicity.\",\n          \"PricingBlockLine2\": \"\",\n          \"ContactBlockLine1\": \"We will answer in the next 24hours\",\n          \"ContactBlockLine2\": \"Any questions, contact-us\",\n          \"Personnalisation_template\": \"We personnalise a <strong>template</strong> with your colors\",\n          \"Personnalisation_premium\": \"We will integrate your graphical charter\",\n          \"Name\": \"Name\",\n          \"Company\": \"Company\",\n          \"Email\": \"Email\",\n          \"Phone\": \"Phone\",\n          \"Your Message\": \"Your Message\",\n          \"Your details\": \"Your details\",\n          \"Booking an online appointment\": \"Booking an online appointment\",\n          \"Send\": \"Send\",\n          \"Subscribe\": \"Subscribe\",\n          \"to our newsletter\": \"to our newsletter\",\n          \"btnSubscribe\": \"Subscribe\",\n          \"Terms of Use\": \"Terms of Use\",\n          \"Privacy Policy\": \"Privacy Policy\",\n          \"month\": \"month\",\n          \"then\": \"then\",\n          \"Technology\": \"Technology\",\n          \"Hosting\": \"Hosting\",\n          \"included\": \"included\",\n          \"email account\": \"email account\",\n          \"Cookies management\": \"Cookies management\",\n          \"GDPR Compliant\": \"GDPR Compliant\",\n          \"User authentification\": \"User authentification\",\n          \"Administration Panel\": \"Administration Panel\",\n          \"Easy to use\": \"Easy-to-use \",\n          \"simple d'utilisation\": \"\",\n          \"Up to\": \"Up to\",\n          \"Currency\": \"Currency\",\n          \"modules_liste_onpricingblock\": \"presentation, blog/news, prestations, FAQ, customer reviews, menu, concours, agenda, photo gallery, videos, appointment, booking, lexicon, contact/maps\",\n          \"accroche_bas\": \"<strong>Quickness</strong> & <strong>efficiency</strong> fairly-priced</strong> !\",\n          \"AVAILABLE\": \"AVAILABLE\",\n          \"Remove\": \"Remove\"\n        }\n      },fr: {\n        translation: {\n          \"hello@mafate.co\": \"bonjour@mafate.co\",\n          \"Welcome to React\": \"Bienvenue to React and react-i18next\",\n          \"Pricing\": \"Tarifs\",\n          \"Contact Us\": \"Nous Contacter\",\n          \"Schedule Appointments\": \"Prendre RDV\",\n          \"Free Online Appointment\": \"Planifier un RDV en ligne\",\n          \"Home\": \"Accueil\",\n          \"Services\": \"Services\",\n          \"Our Services\": \"Nos Services\",\n          \"Follow Us\": \"Suivez-nous\",\n          \"On Facebook\": \"sur Facebook\",\n          \"On Instagram\": \"sur Instagram\",\n          //\"Mobile Application\": \"Application Mobile\",\n          //\"Website\": \"Site Internet\",\n          \"We're building your\": \"Nous réalisons votre\",\n          \"Choose\": \"Choisissez l'<bold>efficience</bold> et la <bold>rapidité</bold>, au juste prix !\",\n          \"ServicesBlockLine1\": \"Confiez-nous vos projets\",\n          \"Domain Name\": \"Nom de domaine\",\n          \"Domain\": \"Domaine\",\n          \"Email Account\": \"Comptes Email Pro\",\n          \"Your professional emails like xyz@mycompany.com\": \"Vos emails du type xyz@votreentreprise.com\",\n          \"We are booking your domain\": \"On réserve votre nom de domaine\",\n          \"Mobile Application\": \"Application Mobile\",\n          \"Mobile Application PLURAL\": \"Applications Mobiles\",\n          \"Your iOS & Android mobile application\": \"Votre application mobile disponible sur iOS et Android\",\n          \"Website\": \"Site Internet\",\n          \"Your personnalised website\": \"Votre site internet personnalisé\",\n          \"Your responsive website\": \"Votre site internet responsive\",\n          \"Your mobile app on\": \"Votre application mobile\",\n          \"WebsiteOnlyInEnglish\": \" Website\",\n          \"from\": \"dès\",\n          \"access included in the monthly subscription\": \" (accès) inclus dans l'abonnement mensuel\",\n          \"multilingual_line\": \"<strong>Multilingue</strong>\",\n          \"10 hours of on-demand development included\": \"10 heures de <strong>développement sur-mesure</strong> inclus\",\n          \"PricingBlockTitle\": \"Une tarification simple et transparente\",\n          \"PricingBlockLine1\": \"Chez Mafate.co la transparence et la simplicité sont des valeurs fondamentales.\",\n          \"PricingBlockLine2\": \"Nos tarifs sont en libre accès, vous pouvez savoir dès à présent combien vous coûtera votre projet.\",\n          \"ContactBlockLine1\": \"Réponse sous 24h\",\n          \"ContactBlockLine2\": \"Vous avez des questions, contactez-nous dès à présent.\",\n          \"Personnalisation_template\": \"Personnalisation d'un <strong>template</strong> à vos couleurs\",\n          \"Personnalisation_premium\": \"Intégration de votre propre <strong>charte graphique</strong>\",\n          \"Name\": \"Nom & Prénom\",\n          \"Company\": \"Société\",\n          \"Email\": \"Email\",\n          \"Phone\": \"Téléphone\",\n          \"Your Message\": \"Votre message\",\n          \"Your details\": \"Vos informations\",\n          \"Booking an online appointment\": \"Prendre rendez-vous en ligne\",\n          \"Send\": \"Send\",\n          \"Subscribe\": \"Inscrivez-vous\",\n          \"to our newsletter\": \"à notre newsletter\",\n          \"btnSubscribe\": \"Inscription\",\n          \"Terms of Use\": \"CGU\",\n          \"Privacy Policy\": \"Politique de confidentialité\",\n          \"month\": \"mois\",\n          \"then\": \"puis\",\n          \"Technology\": \"Technologie\",\n          \"Hosting\": \"Hébergement\",\n          \"included\": \"inclus\",\n          \"email account\": \"compte email\",\n          \"Cookies management\": \"Gestion des cookies\",\n          \"GDPR Compliant\": \"conforme RGPD\",\n          \"User authentification\": \"Connexion Utilisateur\",\n          \"Administration Panel\": \"Panneau d'administration\",\n          \"Easy to use\": \"\",\n          \"simple d'utilisation\": \" simple d'utilisation\",\n          \"Up to\": \"Jusqu'à\",\n          \"Currency\": \"Devise\",\n          \"modules_liste_onpricingblock\": \"présentation, blog, prestations, FAQ, avis client, menu, concours, agenda, photos, vidéos, prise de rendez-vous, réservations, lexique, contacts/plans\",\n          \"accroche_bas\": \"<strong>Rapidité</strong> et <strong>efficience</strong> au <strong>Juste Prix</strong> !\",\n          \"AVAILABLE\": \"DISPONIBLE\",\n          \"Remove\": \"Retirer\"\n        }\n      }\n    },\n    lng: \"fr\", // if you're using a language detector, do not define the lng option\n    fallbackLng: \"en\",\n\n    interpolation: {\n      escapeValue: false // react already safes from xss => https://www.i18next.com/translation-function/interpolation#unescape\n    }\n  });\n \n\n\nfunction App() {\n\n  const { t } = useTranslation();\n\n\n  const currencyChange = useRef(false);\n\n  const menuEmail = useRef(null);\n  const onButtonClick = () => {\n    alert(menuEmail.current);\n    if (menuEmail.current)menuEmail.current.click();\n  };\n\n  const [language, setLanguage] = useState('fr');\n  const [currency, setCurrency] = useState('€');\n  const [prices, setPrices] = useState({\n    visitcard: {\n        oneshot: 0,\n        monthly: 19.90\n    },\n    professional: {\n      website: {\n        oneshot: 3990,\n        monthly: 49.90\n      },\n      mobileapp:  {\n        oneshot: 6990,\n        monthly: 69.90\n      }\n    },\n    premium: {\n      website: {\n        oneshot: 7990,\n        monthly: 99.90\n      },\n      mobileapp:  {\n        oneshot: 12990,\n        monthly: 149.90\n      }\n    }\n  });\n\n    const panierVide = useRef({\n        amount: 0,\n        byCat: {\n          domain: {\n            amount: 0,\n            product_id: null,\n            value: ''\n          },\n          email: {\n            amount: 0,\n            nbre:0,\n            product_id: null,\n          },\n          website: {\n            amount: 0,\n            product_id: null,\n          },\n          mobileapp:  {\n            amount: 0,\n            product_id: null,\n          },\n        }\n      });\n\n    const [panier, setPanier] = useState(panierVide.current);\n\n\n\n\n\n  const [domainSearch, setDomainSearch] = useState('');\n  const [domainPrincipal, setDomainPrincipal] = useState('');\n  const [domainAvailableCheck, setDomainAvailableCheck] = useState('');\n  const [nbreEmail, setNbreEmail] = useState(0);\n  const [websiteAmount, setWebsiteAmount] = useState(0);\n  const [mobileappAmount, setMobileappAmount] = useState(0);\n  const [emailType, setEmailType] = useState('workspace');\n\n\n  const handleOnclick=(e)=>{\n    e.preventDefault();\n    let lang = e.target.getAttribute('data-lang');\n    setLanguage(lang);\n    i18n.changeLanguage(lang);\n    if (lang==='fr'){\n      setCurrency('€');\n      changeCurrency('€');\n    }\n  }\n \n  const handleCurrencyOnclick=(e)=>{\n    e.preventDefault();\n    let currency = e.target.getAttribute('data-currency');\n    currencyChange.current = 1;\n    setCurrency(currency);\n    changeCurrency(currency);\n  }\n\n/*\nSite Pro : 2490€ / 2790$ / 2090 £\nSite Premium : 4990€ / 5590$ / 4290£\n\nAppli Pro : inchangé\nAppli Premium : 6990€ / 7890$ / 5990£\n*/\n  const changeCurrency=(currency_target)=>{\n\n    if (window.confirm(\"Votre panier sera vidé ?\") == true) {\n      \n\n      console.log('changeCurrency => '+currency_target);\n      if (currency_target==='€'){\n\n        setPrices({\n            visitcard: {\n                oneshot: 0,\n                monthly: 19.90\n            },\n            professional: {\n              website: {\n                oneshot: 3990,\n                monthly: 49.90\n              },\n              mobileapp:  {\n                oneshot: 6990,\n                monthly: 69.90\n              }\n            },\n            premium: {\n              website: {\n                oneshot: 7990,\n                monthly: 99.90\n              },\n              mobileapp:  {\n                oneshot: 12990,\n                monthly: 149.90\n              }\n            }\n          });\n        }else if (currency_target==='$'){\n          setPrices({\n            visitcard: {\n                oneshot: 0,\n                monthly: 21.90\n            },\n            professional: {\n              website: {\n                oneshot: 4190,\n                monthly: 49.90\n              },\n              mobileapp:  {\n                oneshot: 7390,\n                monthly: 69.90\n              }\n            },\n            premium: {\n              website: {\n                oneshot: 6549,\n                monthly: 99.90\n              },\n              mobileapp:  {\n                oneshot: 6990,\n                monthly: 149.90\n              }\n            }\n          });\n        }else if (currency_target==='£'){\n          setPrices({\n            visitcard: {\n                oneshot: 0,\n                monthly: 19.90\n            },\n            professional: {\n              website: {\n                oneshot: 3290,\n                monthly: 40.90\n              },\n              mobileapp:  {\n                oneshot: 5790,\n                monthly: 59.90\n              }\n            },\n            premium: {\n              website: {\n                oneshot: 6690,\n                monthly: 82.90\n              },\n              mobileapp:  {\n                oneshot: 10790,\n                monthly: 124.90\n              }\n            }\n          });\n        }\n    } else {\n      \n    }\n\n    \n\n    // Maj produits sensibles aux devises\n    /*\n      setTimeout(() => {      \n        handleEmail();\n        handleWebsite();\n      },1000);\n    */\n    \n  }\n\n\n  const handleEmail=(e)=>{\n\n    var emailVal = document.getElementById('email-form').value;\n    \n    setNbreEmail(emailVal);\n\n    if (emailType=='redirect')panier.byCat.email.amount = emailVal*2;\n    else if (emailType=='pop')panier.byCat.email.amount = emailVal*4;\n    else if (emailType=='workspace')panier.byCat.email.amount = emailVal*6;\n    else panier.byCat.email.amount = emailVal*0;\n    \n    setPanier(parseFloat(panier));\n\n    majPanier();\n\n  }\n\n\n  const handleEmailType=(e)=>{\n\n    var emailTypeVal = e.target.value.toLowerCase().replace(/[^a-zA-Z0-9-]/g,'');\n    setEmailType(emailTypeVal);\n\n\n\n    if (emailTypeVal=='redirect')panier.byCat.email.amount = nbreEmail*2;\n    else if (emailTypeVal=='pop')panier.byCat.email.amount = nbreEmail*4;\n    else if (emailTypeVal=='workspace')panier.byCat.email.amount = nbreEmail*6;\n    else panier.byCat.email.amount = nbreEmail*0;\n    \n    setPanier(panier);\n\n    majPanier();\n\n  }\n\n  \n\n\n  const handleWebsite=(e)=>{\n    \n    var websiteVal = document.getElementById('others-moving-form-service').value;\n    \n    \n    if (websiteVal=='visitcard')\n      panier.byCat.website.amount = prices.visitcard.monthly;\n    else if (websiteVal=='professional')\n      panier.byCat.website.amount = prices.professional.website.monthly;\n    else if (websiteVal=='premium')\n      panier.byCat.website.amount = prices.premium.website.monthly;\n    else\n      panier.byCat.website.amount = 0;\n\n    setWebsiteAmount(panier.byCat.website.amount);\n\n    \n    setPanier(panier);\n    //console.log(panier);\n    //console.log({...panier, 'byCat': {...panier.byCat,'website':{'amount':1234}} });\n    //setPanier({...panier, 'byCat': {...panier.byCat,'website':{'amount':1234}} });\n\n    majPanier();\n  }\n\n\n  const handleMobileapp=(e)=>{\n    \n    var mobileappVal = document.getElementById('form-mobileapp').value;\n    \n    if (mobileappVal=='professional')\n      panier.byCat.mobileapp.amount = prices.professional.mobileapp.monthly;\n    else if (mobileappVal=='premium')\n      panier.byCat.mobileapp.amount = prices.premium.mobileapp.monthly;\n    else\n      panier.byCat.mobileapp.amount = 0;\n\n    setMobileappAmount(panier.byCat.mobileapp.amount);\n\n    \n    setPanier(panier);\n\n    majPanier();\n  }\n\n\n  const handleDomainSearch=(e)=>{\n\n    var tempoDom = e.target.value.toLowerCase().replace(/[^a-zA-Z0-9-]/g,'');\n    setDomainSearch(tempoDom);\n    setDomainPrincipal(tempoDom+'.'+document.getElementById('domain-form-search-extension').value);\n  }\n\n  const handleDomainExtensionSearch=(e)=>{\n    setDomainPrincipal(domainSearch+'.'+e.target.value.toLowerCase());\n  }\n\n  const handleDomainSearchIfAvailable =(e)=>{\n    e.preventDefault();\n\n    if (domainSearch){\n      setDomainAvailableCheck(1);\n      \n\n      setTimeout(() => {\n\n        panier.byCat.domain.amount = 1;\n        panier.byCat.domain.value = domainPrincipal;\n        setPanier(panier);\n\n        majPanier();\n\n        setDomainAvailableCheck(0); // à remplacer par l'ajax      \n      }, 2000);\n\n    }\n    \n  }\n\n  function majPanier(){\n    var total = 0;\n    //console.log(panier.byCat);\n\n    total+= parseFloat(panier.byCat['domain'].amount);\n    total+= parseFloat(panier.byCat['email'].amount);\n    total+= parseFloat(panier.byCat['website'].amount);\n    total+= parseFloat(panier.byCat['mobileapp'].amount);\n\n    panier.amount = total;\n\n    setPanier(panier);\n  }\n\n  function CurrentLang() {\n\n    let imgSrc = 'demos/seo/images/flags/' + language+'.png?';\n    return (\n      <>\n      <a href=\"#\"><img src={imgSrc} alt=\"Lang\" />{language}</a>\n      </>\n    );\n    \n  };\n\n  function CurrentCurrency() {\n\n    return (\n      <>\n      <a href=\"#\">{t('Currency')} : {currency}</a>\n      </>\n    );\n    \n  };\n\n\n  function handleDomainRemove() {\n\n    setDomainPrincipal('');\n\n\n    panier.byCat.domain.amount = 0;\n    panier.byCat.domain.value = '';\n    setPanier(panier);\n\n    //majPanier();\n    \n  };\n\n\n\n\n  function DomainSearchIfAvailableBlock() {\n\n    if (domainAvailableCheck){\n      return (\n        <button type=\"submit\" name=\"home-moving-form-submit\" class=\"btn bg-success text-white fw-medium w-100 py-2 mt-2\" style={{\n  backgroundColor: '#FF4863 !important'}}>Vérification en cours {domainPrincipal != ''? ' de « '+domainPrincipal+' »': ''}</button>\n      );\n    }else{\n      return (\n        <button type=\"submit\" onClick={handleDomainSearchIfAvailable} name=\"home-moving-form-submit\" class=\"btn bg-color text-white fw-medium w-100 py-2 mt-2\" style={{\n  backgroundColor: '#FF4863 !important'}}>Vérifier la disponibilité{domainPrincipal != ''? ' de « '+domainPrincipal+' »': ''}</button>\n      );\n    }\n    \n  };\n\n\n  function AmountTab(props) {\n\n    if (props.amount>0)\n      return (\n        <>\n        &nbsp;&#183; <small style={{fontSize:'0.8em'}}>{props.amount} {currency}</small>\n        </>\n      );\n    else return null;\n    \n  };\n\n  function BoutonCommanderBlock(props) {\n\n    return (\n      <>\n      <a href=\"#contact\" className=\"button button-rounded ms-3 d-none d-sm-block hidden-important\">{t('Commander')} &#183; {props.amount} {currency}</a>\n      </>\n    );\n    \n  };\n\n  function DomainSelectedBlock(props){\n\n    if (panier.byCat.domain.value){\n    return (\n      <>\n      <table class=\"table w-100\" style={{fontSize:'0.9em'}}>\n          <thead class=\"thead-dark\">\n            <tr>\n            <td scope=\"col\">Domaine</td>\n            <td scope=\"col\">Statut</td>\n            <td scope=\"col\">Prix</td>\n            <td scope=\"col\">Action</td>\n            </tr>\n          </thead>\n        <tbody>\n          <tr>\n            <td scope=\"row\"><strong class=\"text-success\">{panier.byCat.domain.value?panier.byCat.domain.value:''}</strong></td>\n            <td>{t('AVAILABLE')}</td>\n            <td>{panier.byCat.domain.value?panier.byCat.domain.amount:''} {currency} / {t('month')}</td>\n            <td onClick={handleDomainRemove}><small class=\"btn btn-outline-info btn-sm\" role=\"button\">{t('Remove')}</small></td>\n          </tr>\n        </tbody>\n      </table>\n      <form><div class=\"col-sm-12 form-group\">\n      \n      <div class=\"row\">\n        <div class=\"col-6\"><button name=\"office-moving-form-submit2\" class=\"btn bg-success text-white fw-medium w-100 py-2 mt-2\">Total &#183; {panier.amount} {currency}</button></div>\n        <div class=\"col-6\"><button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-dark text-white fw-medium w-100 py-2 mt-2\">Email →</button></div>\n      </div>\n      </div>\n      </form>\n      <hr />\n      </>\n    );\n    }else{\n      return(\n      <></>\n      );\n    }\n  }\n\n\n  function SliderBlock() {\n\n    //alert('currencyChange');\n    //alert(currencyChange.current);\n    //alert(language);\n\n    //if (currencyChange.current){\n      setTimeout(() => {\n        window.SEMICOLON.widget.textRotator();\n      }, 100);\n    //}\n\n    return (\n      <>\n      <div className=\"slider_fr\">\n        <h2 className=\"text-rotater mb-2\" data-rotate=\"fadeIn\" data-speed=\"3500\">{t('We\\'re building your')} <span className=\"t-rotate\">{t('Mobile Application')},{t('Website')}</span></h2>\n        <h3 className=\"text-rotater mb-2\" data-separator=\",\" data-rotate=\"fadeIn\" data-speed=\"3500\">- <span className=\"t-rotate\" style={{color: 'inherit'}}>{t('Your mobile app on')},{t('Your')}</span> <span className=\"t-rotate\">iOS & Android,{t('responsive')}</span> <span className=\"t-rotate\" style={{color: 'inherit'}}>,{t('WebsiteOnlyInEnglish')}</span> {t('from')} <span className=\"t-rotate\" style={{color: 'inherit'}}>{prices.professional.mobileapp.oneshot},{prices.professional.website.oneshot}</span> {currency}</h3>\n        <p>\n        <Trans\n          i18nKey=\"Choose\" // optional -> fallbacks to defaults if not provided\n          defaults=\"...\" // optional defaultValue\n          values={{ arg1: '...',arg2: '...'}}\n          components={{ italic: <i />, bold: <strong /> }}\n        />\n        </p>\n      </div>\n      </>\n    );\n    \n  };\n\n  return (\n    <>\n  <div id=\"wrapper\" className=\"clearfix\">\n\n    <div id=\"top-bar\" className=\"transparent-topbar\">\n      <div className=\"container clearfix\">\n\n        <div className=\"row justify-content-between\">\n          <div className=\"col-12 col-md-auto\">\n\n            <div className=\"top-links\">\n              <ul className=\"top-links-container\">\n               <li className=\"top-links-item\"><CurrentLang />\n                  <ul className=\"top-links-sub-menu\">\n                    <li className=\"top-links-item\"><a data-lang=\"en\" onClick={handleOnclick}><img src=\"demos/seo/images/flags/eng.png\" alt=\"Lang\" />EN</a></li>\n                    <li className=\"top-links-item\"><a data-lang=\"fr\" onClick={handleOnclick}><img src=\"demos/seo/images/flags/fre.png\" alt=\"Lang\" />FR</a></li>\n                  </ul>\n                </li>\n                <li className=\"top-links-item\"><CurrentCurrency />\n                  <ul className=\"top-links-sub-menu\">\n                    <li className=\"top-links-item\"><a data-currency=\"£\" onClick={handleCurrencyOnclick}>£</a></li>\n                    <li className=\"top-links-item\"><a data-currency=\"€\" onClick={handleCurrencyOnclick}>€</a></li>\n                    <li className=\"top-links-item\"><a data-currency=\"$\" onClick={handleCurrencyOnclick}>$</a></li>\n                  </ul>\n                </li>\n              </ul>\n            </div>\n\n          </div>\n\n          <div className=\"col-12 col-md-auto dark\">\n\n            <ul id=\"top-social\">\n              <li><a href=\"https://facebook.com/mafate.co\" className=\"si-facebook\" target=\"_blank\"><span className=\"ts-icon\"><i className=\"icon-facebook\"></i></span><span className=\"ts-text\">Facebook</span></a></li>\n              <li><a href=\"https://instagram.com/mafate.co\" className=\"si-instagram\" target=\"_blank\"><span className=\"ts-icon\"><i className=\"icon-instagram2\"></i></span><span className=\"ts-text\">Instagram</span></a></li>\n              {/*<li><a href=\"https://twitter.com/mafate.co\" className=\"si-twitter\" target=\"_blank\"><span className=\"ts-icon\"><i className=\"icon-twitter\"></i></span><span className=\"ts-text\">Twitter</span></a></li>\n              <li><a href=\"https://www.youtube.com/channel/UCwOlFlxe-2-CrBdGYVVsyNQ\" className=\"si-youtube\" target=\"_blank\"><span className=\"ts-icon\"><i className=\"icon-youtube\"></i></span><span className=\"ts-text\">Youtube</span></a></li>\n              <li><a href=\"tel:+33XXXXXXXXX\" className=\"si-call\"><span className=\"ts-icon\"><i className=\"icon-call\"></i></span><span className=\"ts-text\">+33 (0)X XX XX XX XX</span></a></li>\n              */}\n              <li><a href=\"mailto:hello@mafate.co\" className=\"si-email3\"><span className=\"ts-icon\"><i className=\"icon-envelope-alt\"></i></span><span className=\"ts-text\">{t('hello@mafate.co')}</span></a></li>\n            </ul>\n\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    \n    <header id=\"header\" className=\"transparent-header floating-header header-size-md\">\n      <div id=\"header-wrap\">\n        <div className=\"container\">\n          <div className=\"header-row\">\n\n            <div id=\"logo\">\n              <a href=\"index.html\" className=\"standard-logo\" data-dark-logo=\"images/logoMafate1500px.png\"><img src=\"images/logoMafateSmall.png\" alt=\"Mafate Logo\" /></a>\n              <a href=\"index.html\" className=\"retina-logo\" data-dark-logo=\"images/logoMafateSmall.png\"><img src=\"images/logoMafateSmall.png\" alt=\"Mafate Logo\" /></a>\n            </div>\n\n            <div className=\"header-misc\">\n\n              <a href=\"#contact\" className=\"button button-rounded ms-3 d-none d-sm-block\">{t('Schedule Appointments')}</a>\n              <BoutonCommanderBlock amount={panier.amount}/>\n\n            </div>\n\n            <div id=\"primary-menu-trigger\">\n              <svg className=\"svg-trigger\" viewBox=\"0 0 100 100\"><path d=\"m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20\"></path><path d=\"m 30,50 h 40\"></path><path d=\"m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20\"></path></svg>\n            </div>\n\n            <nav className=\"primary-menu with-arrows\">\n\n              <ul className=\"menu-container\">\n                <li className=\"menu-item current\"><a className=\"menu-link\" href=\"demo-seo.html\"><div>{t('Home')}</div></a></li>\n                <li className=\"menu-item\"><a className=\"menu-link\" href=\"#services\"><div>{t('Services')}</div></a></li>\n                <li className=\"menu-item\"><a className=\"menu-link\" href=\"#pricing\"><div>{t('Pricing')}</div></a></li>\n                <li className=\"menu-item\"><a className=\"menu-link\" href=\"#contact\"><div>{t('Contact Us')}</div></a></li>\n              </ul>\n\n            </nav>\n            \n          </div>\n        </div>\n      </div>\n      <div className=\"header-wrap-clone\"></div>\n    </header>\n    \n\n\n    <section id=\"slider\" className=\"slider-element slider-parallax min-vh-60 min-vh-md-100 min-vh-sm-40 include-header\">\n      <div className=\"slider-inner\" style={{background: '#FFF url(demos/seo/images/hero/hero-1.jpg) center center no-repeat', backgroundSize: 'cover'}}>\n\n        <div className=\"vertical-middle slider-element-fade\">\n          <div className=\"container py-5 pt-sm-0\">\n            <div className=\"row pt-5 pt-sm-0\">\n\n              <div className=\"col-lg-5 col-md-8\">\n                <div className=\"slider-title\">\n\n                  <div className=\"badge rounded-pill badge-default\">MAFATE.CO</div>\n                  <SliderBlock />\n\n                  <a href=\"#pricing\" className=\"button button-rounded button-large nott ls0\">{t('Pricing')}</a>\n                  <a href=\"#contact\" className=\"button button-rounded button-large button-light text-dark bg-white border nott ls0\">{t('Free Online Appointment')}</a>\n                </div>\n              </div>\n\n              \n<div class=\"col-lg-7\" style={{display:\"none\"}}>\n                <ul class=\"ongletprix nav nav-tabs nav-justified flex-column border-bottom-0 flex-md-row bg-color mt-4\" role=\"tablist\">\n                  <li class=\"nav-item\">\n                    <a class=\"nav-link py-3 active\" id=\"home-moving-tab\" data-bs-toggle=\"tab\" href=\"#home-moving\" role=\"tab\" aria-controls=\"home-moving\" aria-selected=\"true\">{t('Domain')}<AmountTab amount={panier.byCat.domain.amount}/></a>\n                  </li>\n                  <li class=\"nav-item\">\n                    <a class=\"nav-link py-3\" id=\"office-moving-tab\" data-bs-toggle=\"tab\" href=\"#office-moving\" role=\"tab\" aria-controls=\"office-moving\" aria-selected=\"false\">Emails<AmountTab amount={panier.byCat.email.amount}/></a>\n                  </li>\n                  <li class=\"nav-item\">\n                    <a class=\"nav-link py-3\" id=\"siteweb-tab\" data-bs-toggle=\"tab\" href=\"#tab-siteweb\" role=\"tab\" aria-controls=\"tab-siteweb\" aria-selected=\"false\">Site Web<AmountTab amount={panier.byCat.website.amount}/></a>\n                  </li><li class=\"nav-item\">\n                    <a class=\"nav-link py-3\" id=\"others-moving-tab\" data-bs-toggle=\"tab\" href=\"#others-moving\" role=\"tab\" aria-controls=\"others-moving\" aria-selected=\"false\">Appli. Mobile<AmountTab amount={panier.byCat.mobileapp.amount}/></a>\n                  </li>\n                </ul>\n                <div class=\"tab-content rounded-bottom shadow bg-white py-4 px-5\">\n                  <div class=\"tab-pane fade active show\" id=\"home-moving\" role=\"tabpanel\" aria-labelledby=\"home-moving-tab\">\n                    \n                    \n                    <DomainSelectedBlock />\n\n                    <p class=\"mb-4\">{panier.byCat.domain.value?'Ajouter un autre domaine':'Vérifiez la disponibilité de votre nom de domaine'} :</p>\n                    <div class=\"form-widget\">\n                      <div class=\"form-result\"></div>\n                      <form class=\"row home-moving-form position-relative mb-0\" action=\"include/form.php\" method=\"post\" enctype=\"multipart/form-data\" novalidate=\"novalidate\">\n                        \n\n\n\n                        <div class=\"form-process\">\n                          <div class=\"css3-spinner\">\n                            <div class=\"css3-spinner-scaler\"></div>\n                          </div>\n                        </div>\n\n\n                        \n\n                        <div class=\"col-sm-8 form-group\">\n                          <div class=\"input-group\">\n                            \n                            <input key=\"domain-form-search\" type=\"text\" name=\"domain-form-search\" id=\"domain-form-search\" class=\"form-control required\" placeholder=\"domaine\"  value={domainSearch} onChange={handleDomainSearch} />\n                          </div>\n                        </div>\n\n\n\n                        <div class=\"col-sm-4 form-group\"><div class=\"input-group\">\n                            \n                            <select class=\"required form-select\" name=\"domain-form-search-extension\" id=\"domain-form-search-extension\" onChange={handleDomainExtensionSearch}>\n                              <option value=\"re\">.re</option>\n                              <option value=\"fr\">.fr</option>\n                              <option value=\"com\">.com</option>\n                              <option value=\"yt\">.yt</option>\n                              <option value=\"mu\">.mu</option>\n                              <option value=\"gp\">.gp</option>\n                              <option value=\"mq\">.mq</option></select>\n                          </div>\n                        </div>\n\n                        \n\n                        \n\n                        \n\n                        \n\n                        <div class=\"col-12 d-none\">\n                          <input type=\"text\" id=\"home-moving-form-botcheck\" name=\"home-moving-form-botcheck\" value=\"\" />\n                        </div>\n\n                        <div class=\"col-12\">\n                          <DomainSearchIfAvailableBlock />\n                        </div>\n                        \n                        <input type=\"hidden\" name=\"prefix\" value=\"home-moving-form-\" />\n                        <input type=\"hidden\" name=\"subject\" value=\"Home Moving Request\" />\n                        <input type=\"hidden\" name=\"html_title\" value=\"Home Moving\" />\n                      </form>\n                    </div>\n                  </div>\n                  <div class=\"tab-pane fade\" id=\"office-moving\" role=\"tabpanel\" aria-labelledby=\"office-moving-tab\">\n                    <p class=\"mb-4\">Obtenez des emails professionels {panier.byCat.domain.value == ''? '': 'de type nom.prenom@'+panier.byCat.domain.value }</p>\n                    <div class=\"form-widget\">\n                      <div class=\"form-result\"></div>\n                      <form class=\"row office-moving-form position-relative mb-0\" action=\"include/form.php\" method=\"post\" enctype=\"multipart/form-data\" novalidate=\"novalidate\">\n                        <div class=\"form-process\">\n                          <div class=\"css3-spinner\">\n                            <div class=\"css3-spinner-scaler\"></div>\n                          </div>\n                        </div>\n\n                        <div class=\"col-sm-12 form-group\">\n\n\n                                <div className=\"radio\">\n                                  <label>\n                                    <input type=\"radio\" value=\"redirect\" onClick={handleEmailType} checked={emailType==='redirect'} />\n                                    &nbsp; Redirection\n                                  </label>\n                                </div>\n                                <div className=\"radio\">\n                                  <label>\n                                    <input type=\"radio\" value=\"pop\" onClick={handleEmailType} checked={emailType==='pop'} />\n                                    &nbsp; POP / SMTP / IMAP\n                                  </label>\n                                </div>\n                                <div className=\"radio\">\n                                  <label>\n                                    <input type=\"radio\" value=\"workspace\" onClick={handleEmailType} checked={emailType==='workspace'} />\n                                    &nbsp; Google Workspace (Gmail)\n                                  </label>\n                                </div>\n\n                        </div>\n\n                        <div class=\"col-sm-12 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text text-muted bg-transparent\"><i class=\"icon-line2-envelope\"></i></span>\n                            <select class=\"required form-select\" name=\"email-form\" id=\"email-form\" onChange={handleEmail}>\n                              <option value=\"\" disabled=\"\" selected=\"\">-- Nombre d'adresses emails ? --</option>\n                              <option key=\"email-1\" value=\"1\">1 adresse email</option>\n                              <option key=\"email-2\" value=\"2\">2 adresses</option>\n                              <option key=\"email-3\" value=\"3\">3 adresses</option>\n                              <option key=\"email-4\" value=\"4\">4 adresses</option>\n                              <option key=\"email-5\" value=\"5\">5 adresses</option>\n                              <option key=\"email-6\" value=\"6\">6 adresses</option>\n                              <option key=\"email-7\" value=\"7\">7 adresses</option>\n                              <option key=\"email-8\" value=\"8\">8 adresses</option>\n                              <option key=\"email-9\" value=\"9\">9 adresses</option>\n                              <option key=\"email-10\" value=\"10\">10 adresses</option>\n                              <option key=\"email-11\" value=\"11\">11 adresses</option>\n                              <option key=\"email-12\" value=\"12\">12 adresses</option>\n                              <option key=\"email-13\" value=\"13\">13 adresses</option>\n                              <option key=\"email-14\" value=\"14\">14 adresses</option>\n                              <option key=\"email-15\" value=\"15\">15 adresses</option>\n                              <option key=\"email-16\" value=\"16\">16 adresses</option>\n                              <option key=\"email-17\" value=\"17\">17 adresses</option>\n                              <option key=\"email-18\" value=\"18\">18 adresses</option>\n                              <option key=\"email-19\" value=\"19\">19 adresses</option>\n                              <option key=\"email-20\" value=\"20\">20 adresses</option>\n                            </select>\n                          </div>\n                        </div>\n\n                        <div class=\"col-12 d-none\">\n                          <input type=\"text\" id=\"office-moving-form-botcheck\" name=\"office-moving-form-botcheck\" value=\"\" />\n                        </div>\n\n                        <div class=\"col-6\">\n                          <button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-color text-white fw-medium w-100 py-2 mt-2\">Total &#183; {panier.amount} {currency}</button>\n                        </div>\n                        <div class=\"col-6\">\n                          <button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-dark text-white fw-medium w-100 py-2 mt-2\">Site Internet &#8594;</button>\n                        </div>\n\n                        <input type=\"hidden\" name=\"prefix\" value=\"office-moving-form-\" />\n                        <input type=\"hidden\" name=\"subject\" value=\"Office Moving Request\" />\n                        <input type=\"hidden\" name=\"html_title\" value=\"Office Moving\" />\n                      </form>\n                    </div>\n                  </div>\n                  <div class=\"tab-pane fade\" id=\"tab-siteweb\" role=\"tabpanel\" aria-labelledby=\"office-moving-tab\">\n                    <p class=\"mb-4\">Choisissez la complexité de votre site internet pour ajuster votre devis</p>\n                    <div class=\"form-widget\">\n                      <div class=\"form-result\"></div>\n                      <form class=\"row office-moving-form position-relative mb-0\" action=\"include/form.php\" method=\"post\" enctype=\"multipart/form-data\" novalidate=\"novalidate\">\n                        <div class=\"form-process\">\n                          <div class=\"css3-spinner\">\n                            <div class=\"css3-spinner-scaler\"></div>\n                          </div>\n                        </div>\n\n\n                        <div class=\"col-12 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text bg-transparent\"><i class=\" icon-line2-globe\"></i></span>\n                            <select class=\"required form-select\" name=\"others-moving-form-service\" id=\"others-moving-form-service\" onChange={handleWebsite}>\n                              <option key=\"website_0\" value=\"\" disabled=\"\" selected=\"\">-- Complexité de votre site ? --</option>\n                              <option key=\"website_1\" value=\"visitcard\">Site \"Carte de visite\" &#183; {prices.visitcard.monthly} {currency} / {t('month')}</option>\n                              <option key=\"website_2\" value=\"professional\">Site Pro &#183; {prices.professional.website.oneshot} {currency} puis {prices.professional.website.monthly} {currency} / {t('month')}</option>\n                              <option key=\"website_3\" value=\"premium\">Site Premium &#183; {prices.premium.website.oneshot} {currency} puis {prices.premium.website.monthly} {currency} / {t('month')}</option>\n                              <option key=\"website_4\" value=\"Sur Mesure\">Sur-mesure</option>\n                            </select>\n                          </div>\n                        </div>\n                        \n\n\n                        <div class=\"col-12 d-none\">\n                          <input type=\"text\" id=\"office-moving-form-botcheck\" name=\"office-moving-form-botcheck\" value=\"\" />\n                        </div>\n\n                        <div class=\"col-6\">\n                          <button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-color text-white fw-medium w-100 py-2 mt-2\">Total &#183; {panier.amount} {currency}</button>\n                        </div>\n                        <div class=\"col-6\">\n                          <button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-dark text-white fw-medium w-100 py-2 mt-2\">{t('Mobile Application')} &#8594;</button>\n                        </div>\n\n                        <input type=\"hidden\" name=\"prefix\" value=\"office-moving-form-\" />\n                        <input type=\"hidden\" name=\"subject\" value=\"Office Moving Request\" />\n                        <input type=\"hidden\" name=\"html_title\" value=\"Office Moving\" />\n                      </form>\n                    </div>\n                  </div>\n                  <div class=\"tab-pane fade\" id=\"others-moving\" role=\"tabpanel\" aria-labelledby=\"others-moving-tab\">\n                    <div class=\"form-widget\">\n                      <div class=\"form-result\"></div>\n                      <form class=\"row others-moving-form position-relative mb-0\" action=\"include/form.php\" method=\"post\" enctype=\"multipart/form-data\" novalidate=\"novalidate\">\n                        <div class=\"form-process\">\n                          <div class=\"css3-spinner\">\n                            <div class=\"css3-spinner-scaler\"></div>\n                          </div>\n                        </div>\n\n                        <div class=\"col-12 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text bg-transparent\"><i class=\" icon-line2-globe\"></i></span>\n                            <select class=\"required form-select\" name=\"form-mobileapp\" id=\"form-mobileapp\" onChange={handleMobileapp}>\n                              <option key=\"mobileapp_0\" value=\"\" disabled=\"\" selected=\"\">-- Complexité de votre application mobile ? --</option>\n                              <option key=\"mobileapp_1\" value=\"professional\">Application Pro &#183; {prices.professional.mobileapp.oneshot} {currency} puis {prices.professional.mobileapp.monthly} {currency} / {t('month')}</option>\n                              <option key=\"mobileapp_2\" value=\"premium\">Application Premium &#183; {prices.premium.mobileapp.oneshot} {currency} puis {prices.professional.mobileapp.monthly} {currency} / {t('month')}</option>\n                              <option key=\"mobileapp_3\" value=\"sur-mesure\">Sur-mesure</option>\n                            </select>\n                          </div>\n                        </div>\n\n                        {/*\n                        <div class=\"col-sm-6 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text bg-transparent\"><i class=\"icon-line2-social-dropbox\"></i></span>\n                            <input type=\"text\" name=\"others-moving-form-item\" id=\"others-moving-form-item\" class=\"form-control required\" value=\"\" placeholder=\"Your Item\" />\n                          </div>\n                        </div>\n\n                        <div class=\"col-sm-6 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text text-muted bg-transparent\"><i class=\"icon-user-circle1\"></i></span>\n                            <select class=\"required form-select\" name=\"others-moving-form-movers\" id=\"others-moving-form-movers\">\n                              <option value=\"\" disabled=\"\" selected=\"\">-- Select Movers --</option>\n                              <option value=\"1\">1</option>\n                              <option value=\"2\">2</option>\n                              <option value=\"3\">3</option>\n                              <option value=\"4\">4</option>\n                            </select>\n                          </div>\n                        </div>\n\n                        <div class=\"col-sm-6 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text bg-transparent\"><i class=\"icon-truck1\"></i></span>\n                            <input type=\"text\" name=\"others-moving-form-location-from\" id=\"others-moving-form-location-from\" class=\"form-control required\" value=\"\" placeholder=\"Location From\" />\n                          </div>\n                        </div>\n\n                        <div class=\"col-sm-6 form-group\">\n                          <div class=\"input-group\">\n                            <span class=\"input-group-text bg-transparent\"><i class=\"icon-line2-map\"></i></span>\n                            <input type=\"text\" name=\"others-moving-form-location-to\" id=\"others-moving-form-location-to\" class=\"form-control required\" value=\"\" placeholder=\"Location To\" />\n                          </div>\n                        </div>\n                      */}\n\n                        <div class=\"col-12 d-none\">\n                          <input type=\"text\" id=\"others-moving-form-botcheck\" name=\"others-moving-form-botcheck\" value=\"\" />\n                        </div>\n\n                        \n                        <div class=\"col-12\">\n                          <button type=\"submit\" name=\"office-moving-form-submit\" class=\"btn bg-color text-white fw-medium w-100 py-2 mt-2\">Total &#183; {panier.amount} {currency}</button>\n                        </div>\n\n\n                        <input type=\"hidden\" name=\"prefix\" value=\"others-moving-form-\" />\n                        <input type=\"hidden\" name=\"subject\" value=\"Others Service Request\" />\n                        <input type=\"hidden\" name=\"html_title\" value=\"Others Service\" />\n                      </form>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n\n\n            </div>\n          </div>\n\n        </div>\n\n        <div className=\"video-wrap h-100 d-block d-lg-none\">\n          <div className=\"video-overlay\" style={{background: 'rgba(255,255,255,0.85)'}}></div>\n        </div>\n\n      </div>\n    </section>\n\n    <section id=\"content\">\n\n      <div className=\"content-wrap pt-0 pb-0\">\n\n        \n        <div id=\"services\" className=\"section bg-transparent mt-4 mb-0 pb-0 pb-sm-5 pt-sm-5 mt-sm-0\">\n          <div className=\"container\">\n            <div className=\"heading-block border-bottom-0 center mx-auto mb-0\" style={{maxWidth: '550px'}}>\n              <div className=\"badge rounded-pill badge-default\">{t('Services')}</div>\n              <h3 className=\"nott ls0 mb-3\">{t('Our Services')}</h3>\n              <p>{t('ServicesBlockLine1')}</p>\n            </div>\n            <div className=\"row justify-content-between align-items-center\">\n\n              <div className=\"col-lg-4 col-sm-6\">\n\n                <div className=\"feature-box flex-md-row-reverse text-md-end border-0\">\n                  <div className=\"fbox-icon\">\n                    <a href=\"#\"><img src=\"demos/seo/images/icons/seo.svg\" alt=\"Feature Icon\" className=\"bg-transparent rounded-0\" /></a>\n                  </div>\n                  <div className=\"fbox-content\">\n                    <h3 className=\"nott ls0\">{t('Domain Name')}</h3>\n                    <p>{t('We are booking your domain')}.</p>\n                  </div>\n                </div>\n\n                <div className=\"feature-box flex-md-row-reverse text-md-end border-0 mt-5\">\n                  <div className=\"fbox-icon\">\n                    <a href=\"#\"><img src=\"demos/seo/images/icons/group.svg\" alt=\"Feature Icon\" className=\"bg-transparent rounded-0\" /></a>\n                  </div>\n                  <div className=\"fbox-content\">\n                    <h3 className=\"nott ls0\">{t('Email Account')}</h3>\n                    <p>{t('Your professional emails like xyz@mycompany.com')}</p>\n                  </div>\n                </div>\n\n              </div>\n\n              <div className=\"col-lg-3 col-7 offset-3 offset-sm-0 d-sm-none d-lg-block center my-5 d-none d-lg-block\">\n                <img src=\"demos/seo/images/sections/2.png\" alt=\"iphone\" className=\"rounded  parallax\" data-bottom-top=\"transform: translateY(-30px)\" data-top-bottom=\"transform: translateY(30px)\" />\n              </div>\n\n              <div className=\"col-lg-4 col-sm-6\">\n\n                <div className=\"feature-box border-0\">\n                  <div className=\"fbox-icon\">\n                    <a href=\"#\"><img src=\"demos/seo/images/icons/social.svg\" alt=\"Feature Icon\" className=\"bg-transparent rounded-0\" /></a>\n                  </div>\n                  <div className=\"fbox-content\">\n                    <h3 className=\"nott ls0\">{t('Mobile Application')}</h3>\n                    <p>{t('Your iOS & Android mobile application')}</p>\n                  </div>\n                </div>\n\n                <div className=\"feature-box border-0 mt-5\">\n                  <div className=\"fbox-icon\">\n                    <a href=\"#\"><img src=\"demos/seo/images/icons/globe.svg\" alt=\"Feature Icon\" className=\"bg-transparent rounded-0\" /></a>\n                  </div>\n                  <div className=\"fbox-content\">\n                    <h3 className=\"nott ls0\">{t('Website')}</h3>\n                    <p>{t('Your personnalised website')}</p>\n                  </div>\n                </div>\n\n\n              </div>\n\n            </div>\n          </div>\n        </div>\n\n        <div id=\"pricing\" className=\"section m-0 pb-sm-5 pt-sm-5\" style={{background: 'url(demos/seo/images/sections/4.png) no-repeat center top', backgroundSize: 'cover', padding: '140px 0 0'}}>\n          <div className=\"container\">\n            <div className=\"row justify-content-between\">\n              <div className=\"col-lg-12\">\n                <div className=\"heading-block border-bottom-0 bottommargin-sm\">\n                  <div className=\"badge rounded-pill badge-default\">{t('Pricing')}</div>\n                  <h3 className=\"nott ls0\">{t('PricingBlockTitle')}</h3>\n                </div>\n                <p>{t('PricingBlockLine1')}<br />{t('PricingBlockLine2')}</p>\n              </div>\n                <div className=\"w-100\"></div>\n                <div className=\"pricing-tenure-switcher d-flex align-items-center mb-4 mb-sm-0 position-relative\" data-container=\"#pricing-switch\">\n                <div className=\"col-5 col-lg-6\" style={{textAlign:'right'}}>\n                    <span className=\"pts-left fw-bold text-muted\">Professional</span>\n                </div>\n                <div className=\"col-2 col-lg-1\">\n                    <div className=\"pts-switcher mx-3\" style={{width: '60px', marginRight: 'auto !important', marginLeft: 'auto !important'}}>\n                      <div className=\"switch\">\n                        <input id=\"switch-toggle-pricing-tenure\" className=\"switch-toggle switch-toggle-round\" type=\"checkbox\" />\n                        <label htmlFor=\"switch-toggle-pricing-tenure\" className=\"mb-0\"></label>\n                      </div>\n                    </div>\n                </div>\n                <div className=\"col-5\">\n                    <span className=\"pts-right fw-bold text-muted\">Premium</span>\n                </div>\n              </div>\n\n              <div className=\"col-lg-12\">\n                <div id=\"section-pricing\" className=\"page-section p-0 m-0\">\n\n                  <div id=\"pricing-switch\" className=\"pricing row align-items-end g-0 col-mb-50 mb-4\">\n\n                    <div className=\"col-md-6 offset-md-0 col-sm-12 pb-sm-0\">\n\n                      <div className=\"pricing-box m-3\">\n                        <div className=\"pricing-title\">\n                          <img className=\"mb-2 bg-transparent rounded-0\" src=\"demos/seo/images/icons/globe.svg\" alt=\"Pricing Icon\" width=\"50\" />\n                          <h3>{t('Website')} <span className=\"pts-switch-content-right d-inline\"><span className=\"badge badge-primary badge-premium\">PREMIUM</span></span></h3>\n                          <span>Responsive</span>\n                        </div>\n                        <div className=\"pricing-price\">\n                          <div className=\"pts-switch-content-left\"><span className=\"\">{prices.professional.website.oneshot}</span><span className=\"price-unit\">{currency} HT</span><span className=\"price-tenure\">{t('then')} {prices.professional.website.monthly}{currency} / {t('month')}</span></div>\n                          <div className=\"pts-switch-content-right\">{prices.premium.website.oneshot}<span className=\"price-unit\">{currency} HT</span><span className=\"price-tenure\">{t('then')} {prices.premium.website.monthly}{currency} / {t('month')}</span></div>\n                        </div>\n                        <div className=\"pricing-features border-0 bg-transparent\">\n                          <ul>\n                          \n                            <li className=\"pts-switch-content-left\"><i className=\"icon-check-circle color me-2\"></i><Trans\n                            i18nKey=\"Personnalisation_template\" // optional -> fallbacks to defaults if not provided\n                            defaults=\"...\" // optional defaultValue\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"Personnalisation_premium\" // optional -> fallbacks to defaults if not provided\n                            defaults=\"...\" // optional defaultValue\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          />\n                            </li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Hosting')} & <strong>{t('Domain Name')}</strong> {t('included')}</li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Easy to use')}<strong>{t('Administration Panel')}</strong>{t('simple d\\'utilisation')}</li>\n                            <li><i className=\"icon-check-circle color me-2\"></i><strong>API</strong> {t('access included in the monthly subscription')}</li>\n                            <li><i className=\"icon-check-circle color me-2\"></i><strong>1 {t('email account')}</strong> Google Workspace</li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"multilingual_line\"\n                            defaults=\"...\"\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Up to')} <strong>5 modules</strong> <em><small>({t('modules_liste_onpricingblock')})</small></em></li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Cookies management')} <strong>{t('GDPR Compliant')}</strong></li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"User authentification\"\n                            defaults=\"...\"\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /> : SMS / Facebook / Google</li>\n                          <li><i className=\"icon-check-circle color me-2\"></i>{t('Technology')} : <strong>React JS</strong>, Firebase, Api</li>\n                          </ul>\n                        </div>\n                        <div className=\"pricing-action\">\n                          \n                        </div>\n                      </div>\n\n                    </div>\n          \n                    <div className=\"col-md-6 col-sm-12 pb-sm-0\">\n\n                      <div className=\"pricing-box m-3\">\n                        <div className=\"pricing-title\">\n                          <img className=\"mb-2 bg-transparent rounded-0\" src=\"demos/seo/images/icons/social.svg\" alt=\"Pricing Icon\" width=\"60\" />\n                          <h3>{t('Mobile Application')} <span className=\"pts-switch-content-right d-inline\"><span className=\"badge badge-primary badge-premium\">PREMIUM</span></span></h3>\n                          <span>iOS & Android</span>\n                        </div>\n                        <div className=\"pricing-price\">\n                          <div className=\"pts-switch-content-left\">{prices.professional.mobileapp.oneshot}<span className=\"price-unit\">{currency} HT</span><span className=\"price-tenure\">{t('then')} {prices.professional.mobileapp.monthly}{currency} / {t('month')}</span></div>\n                          <div className=\"pts-switch-content-right\">{prices.premium.mobileapp.oneshot}<span className=\"price-unit\">{currency} HT</span><span className=\"price-tenure\">{t('then')} {prices.premium.mobileapp.monthly}{currency} / {t('month')}</span></div>\n                        </div>\n                        <div className=\"pricing-features border-0 bg-transparent\">\n                          <ul>\n                            <li className=\"pts-switch-content-left\"><i className=\"icon-check-circle color me-2\"></i><Trans\n                            i18nKey=\"Personnalisation_template\" // optional -> fallbacks to defaults if not provided\n                            defaults=\"...\" // optional defaultValue\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"Personnalisation_premium\" // optional -> fallbacks to defaults if not provided\n                            defaults=\"...\" // optional defaultValue\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Easy to use')}<strong>{t('Administration Panel')}</strong>{t('simple d\\'utilisation')}</li>\n                            <li><i className=\"icon-check-circle color me-2\"></i><strong>API</strong> {t('access included in the monthly subscription')}</li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"multilingual_line\"\n                            defaults=\"...\"\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                          <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"\"\n                            defaults=\"10 hours of on-demand development included\"\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /></li>\n                            <li><i className=\"icon-check-circle color me-2\"></i>{t('Up to')} <strong>5 modules</strong> <em><small>({t('modules_liste_onpricingblock')})</small></em></li>\n                            <li><i className=\"icon-check-circle color me-2\"></i><strong>Push</strong> Mobile</li>\n                            <li className=\"pts-switch-content-right\"><i className=\"icon-check-circle color me-2\"></i><span className=\"badge badge-primary badge-premium\">PREMIUM</span> <Trans\n                            i18nKey=\"User authentification\"\n                            defaults=\"...\"\n                            values={{ arg1: '...',arg2: '...'}}\n                            components={{ italic: <i />, bold: <strong /> }}\n                          /> : SMS / Facebook / Google</li>\n                          <li><i className=\"icon-check-circle color me-2\"></i>{t('Technology')} : <strong>React Native</strong>, Firebase, Api</li>\n                          </ul>\n                        </div>\n                        <div className=\"pricing-action\">\n                          \n                        </div>\n                      </div>\n\n                    </div>\n\n                  </div>\n\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n\n\n        <div id=\"contact\" className=\"section m-0 pb-sm-5 pt-sm-5\" style={{background: 'url(demos/seo/images/sections/1.jpg) no-repeat center center', backgroundSize: 'cover', padding: '100px 0'}}>\n          <div className=\"container\">\n            <div className=\"row justify-content-between align-items-center\">\n\n              <div className=\"col-md-4\">\n                <div className=\"heading-block border-bottom-0 bottommargin-sm\">\n                  <div className=\"badge rounded-pill badge-default\">{t('Contact Us')}</div>\n                  <h3 className=\"nott ls0\">{t('ContactBlockLine1')}</h3>\n                </div>\n                <p>{t('ContactBlockLine2')}.</p>\n\n                <div className=\"widget clearfix mb-4\">\n\n                  <div className=\"row clearfix\">\n                    <div className=\"col-12 mb-4\">\n                      <div className=\"feature-box fbox-plain fbox-sm align-items-center\">\n                        <div className=\"fbox-icon\">\n                          <i className=\"icon-envelope text-dark\"></i>\n                        </div>\n                        <div className=\"fbox-content\">\n                          \n                          <span className=\"text-muted\">Email :</span><br />\n                          <h3 className=\"nott ls0 fw-semibold\">{t('hello@mafate.co')}</h3>\n\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                </div>\n\n\n              </div>\n\n              {/*\n              <div className=\"col-lg-6 col-md-8\">\n                <div className=\"card shadow-sm\">\n                  <div className=\"card-body\">\n                    <h4 className=\"mb-3\">{t('Your details')}</h4>\n                    <div className=\"form-widget\">\n                      <div className=\"form-result\"></div>\n                      <form className=\"row mb-0\" id=\"template-contactform\" name=\"template-contactform\" action=\"include/form.php\" method=\"post\">\n                        <div className=\"col-6 form-group mb-3\">\n                          <label htmlFor=\"template-contactform-name\">{t('Name')}*</label>\n                          <input type=\"text\" id=\"template-contactform-name\" name=\"template-contactform-name\" className=\"form-control input-sm required\" value=\"\" />\n                        </div>\n                        <div className=\"col-6 form-group mb-3\">\n                          <label htmlFor=\"template-contactform-company\">{t('Company')}</label>\n                          <input type=\"text\" id=\"template-contactform-company\" name=\"template-contactform-company\" className=\"form-control input-sm\" value=\"\" />\n                        </div>\n                        <div className=\"col-6 form-group mb-3\">\n                          <label htmlFor=\"template-contactform-email\">{t('Email')}*</label>\n                          <input type=\"email\" id=\"template-contactform-email\" name=\"template-contactform-email\" className=\"form-control input-sm required\" value=\"\" />\n                        </div>\n                        <div className=\"col-6 form-group mb-3\">\n                          <label htmlFor=\"template-contactform-phone\">{t('Phone')}*</label>\n                          <input type=\"email\" id=\"template-contactform-phone\" name=\"template-contactform-phone\" className=\"form-control input-sm required\" value=\"\" />\n                        </div>\n                        <div className=\"col-12 form-group mb-4\">\n                          <label htmlFor=\"template-contactform-message\">{t('Your Message')}*</label>\n                          <textarea type=\"text\" id=\"template-contactform-message\" name=\"template-contactform-website\" className=\"form-control input-sm required\" value=\"\"></textarea>\n                        </div>\n                        <div className=\"col-12 form-group d-none\">\n                          <input type=\"text\" id=\"template-contactform-botcheck\" name=\"template-contactform-botcheck\" value=\"\" className=\"sm-form-control\" />\n                        </div>\n                        <div className=\"col-12 form-group mb-0\">\n                          <button className=\"button button-rounded w-100 nott ls0 m-0\" type=\"submit\" id=\"template-contactform-submit\" name=\"template-contactform-submit\" value=\"submit\">{t('Send')}</button>\n                        </div>\n                        <input type=\"hidden\" name=\"prefix\" value=\"template-contactform-\" />\n                      </form>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              */}\n\n              <div className=\"col-lg-6 col-md-8\">\n                <div className=\"card shadow-sm\">\n                  <div className=\"card-body\">\n                    <h4 className=\"mb-3\">{t('Booking an online appointment')}</h4>\n                    <div className=\"form-widget\">\n                      <div className=\"form-result\"></div>\n                      <form className=\"row mb-0\" id=\"template-contactform\" name=\"template-contactform\" action=\"include/form.php\" method=\"post\">\n                        \n                        <div className=\"col-12 form-group mb-0\">\n\n\n                         <div \n                          className=\"calendly-inline-widget\"\n                          data-url=\"https://calendly.com/mafate/rdv?hide_gdpr_banner=1&primary_color=ffbe49\"\n                          style={{ minWidth: '320px', height: '700px' }} />\n\n                        </div>\n                      </form>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <footer id=\"footer\" className=\"border-0 bg-white\">\n      <div className=\"container\">\n\n        <div className=\"footer-widgets-wrap pb-5 clearfix\">\n\n          <div className=\"row col-mb-50\">\n            <div className=\"col-md-8\">\n\n              <div className=\"widget clearfix\">\n\n                <img src=\"images/logoMafateSmall.png\" alt=\"Footer Logo\" className=\"alignleft\" style={{width:'50%', maxWidth:'250px', marginTop: '-6px', paddingRight: '18px', borderRight: '1px solid #DDD'}} />\n\n                <p>\n                <Trans\n                  i18nKey=\"accroche_bas\"\n                  defaults=\"...\" // optional defaultValue\n                  values={{ arg1: '...',arg2: '...'}}\n                  components={{ italic: <i />, bold: <strong /> }}\n                />\n                </p>\n\n                {/*\n                <div className=\"line line-sm\"></div>\n                \n                <div className=\"row\">\n                  <div className=\"col-lg-3 col-6 bottommargin-sm widget_links\">\n                    <ul>\n                      <li><a href=\"#\">Applications Mobiles</a></li>\n                      <li><a href=\"#\">Site Internet</a></li>\n                      <li><a href=\"#\">Nom de Domaine</a></li>\n                      <li><a href=\"#\">Emails professionnels</a></li>\n                    </ul>\n                  </div>\n\n                  <div className=\"col-lg-3 col-6 bottommargin-sm widget_links\">\n                    <ul>\n                      <li><a href=\"#\">Société de services</a></li>\n                      <li><a href=\"#\">Expert-Comptable</a></li>\n                      <li><a href=\"#\">Avocat</a></li>\n                      <li><a href=\"#\">Restaurants</a></li>\n                    </ul>\n                  </div>\n\n                  <div className=\"col-lg-3 col-6 bottommargin-sm widget_links\">\n                    <ul>\n                      <li><a href=\"#\">Chanteurs/Groupe</a></li>\n                      <li><a href=\"#\">Artistes</a></li>\n                      <li><a href=\"#\">Événementiel</a></li>\n                      <li><a href=\"#\">Magazine</a></li>\n                    </ul>\n                  </div>\n\n                  <div className=\"col-lg-3 col-6 bottommargin-sm widget_links\">\n                    <ul>\n                      <li><a href=\"#\">Coach / Formateur</a></li>\n                      <li><a href=\"#\">Photographes</a></li>\n                      <li><a href=\"#\">Radio / Podcasteur</a></li>\n                      <li><a href=\"#\">Influenceurs</a></li>\n                    </ul>\n                  </div>\n                </div>\n                */}\n\n              </div>\n\n            </div>\n\n            <div className=\"col-md-4\">\n              {/*\n              <div className=\"widget clearfix\">\n\n                <div className=\"row clearfix\">\n                  <div className=\"col-12 mt-4\">\n                    <div className=\"feature-box fbox-plain fbox-sm align-items-center\">\n                      <div className=\"fbox-icon\">\n                        <i className=\"icon-envelope text-dark\"></i>\n                      </div>\n                      <div className=\"fbox-content\">\n                        <span className=\"text-muted\">Email :</span><br />\n                        <h3 className=\"nott ls0 fw-semibold\">{t('hello@mafate.co')}</h3>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n              </div>\n            */}\n\n            {/*\n              <div className=\"widget subscribe-widget clearfix\">\n                <h5><strong>{t('Subscribe')}</strong> {t('to our newsletter')}</h5>\n                <div className=\"widget-subscribe-form-result\"></div>\n                <form id=\"widget-subscribe-form\" action=\"https://api.mafate.co/v1.0/\" method=\"post\" className=\"mb-0\">\n                  <div className=\"input-group mx-auto\">\n                    <div className=\"input-group-text bg-transparent\"><i className=\"icon-email2\"></i></div>\n                    <input type=\"email\" id=\"widget-subscribe-form-email\" name=\"widget-subscribe-form-email\" className=\"form-control required email\" placeholder=\"Email\" />\n                    <button className=\"btn btn-success button button-color nott ls0 m-0\" type=\"submit\">{t('btnSubscribe')}</button>\n                  </div>\n                </form>\n              </div>\n            */}\n\n              <div className=\"widget\">\n\n                <div className=\"row col-mb-30\">\n                  <div className=\"col-lg-6 col-md-12 col-6\">\n                    <a href=\"https://facebook.com/mafate.co\" target=\"_blank\" className=\"social-icon si-dark si-colored si-facebook mb-0 marginRight10\">\n                      <i className=\"icon-facebook\"></i>\n                      <i className=\"icon-facebook\"></i>\n                    </a>\n                    <a href=\"https://facebook.com/mafate.co\" target=\"_blank\" className=\"text-dark visible-*-block mt-3\"><small style={{display: 'block', marginTop:'3px'}}><strong>{t('Follow Us')}</strong><br/>{t('On Facebook')}</small></a>\n                  </div>\n                  <div className=\"col-lg-6 col-md-12 col-6\">\n                    <a href=\"https://www.instagram.com/mafate.co\" target=\"_blank\" className=\"social-icon si-dark si-colored si-rss mb-0\" style={{marginRight: '10px'}}>\n                      <i className=\"icon-instagram2\"></i>\n                      <i className=\"icon-instagram2\"></i>\n                    </a>\n                    <a href=\"https://www.instagram.com/mafate.co\" target=\"_blank\" className=\"text-dark\"><small style={{display: 'block', marginTop: '3px'}}><strong>{t('Follow Us')}</strong><br/>{t('On Instagram')}</small></a>\n                  </div>\n                </div>\n\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n      <div id=\"copyrights\" style={{background: 'url(demos/seo/images/hero/footer.svg) no-repeat top center', backgroundSize: 'cover', paddingTop: '70px'}}>\n        <div className=\"container clearfix\">\n\n          <div className=\"row justify-content-between col-mb-30\">\n            <div className=\"col-12 col-lg-auto text-center text-lg-start\">\n              &copy; 2024 Mafate.co<br />\n              <div className=\"copyright-links\"><a href=\"#\">{t('Terms of Use')}</a> / <a href=\"#\">{t('Privacy Policy')}</a></div>\n            </div>\n\n            <div className=\"col-12 col-lg-auto text-center text-lg-end\">\n              <div className=\"copyrights-menu copyright-links clearfix\">\n                <a href=\"#\">{t('Home')}</a>/<a href=\"#services\">{t('Services')}</a>/<a href=\"#pricing\">{t('Pricing')}</a>/<a href=\"#contact\">Contact</a>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </footer>\n\n  </div>\n  </>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\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\nreportWebVitals();\n"],"sourceRoot":""}