{"version":3,"sources":["components/useDocumentTitle.js","components/preview/Header.jsx","components/hero-banner/HeroBannerTwo.jsx","components/features/FeatureFour.jsx","components/faq/Faq.jsx","components/about/AboutTwo.jsx","components/call-to-action/CallToActionThree.jsx","components/footer/FooterTwo.jsx","components/footer/CopyRightTwo.jsx","views/all-home-pages/CustomerSupport.jsx","views/all-home-pages/ComingSoon.jsx","views/NotFound.jsx","components/ScrollTopBehaviour.jsx","router/Routes.js","components/ScrollToTop.jsx","App.js","reportWebVitals.js","index.js"],"names":["useDocumentTitle","title","prevailOnUnmount","defaultTitle","useRef","document","useEffect","current","Header","useState","click","setClick","handleClick","navbar","setNavbar","window","addEventListener","scrollY","className","href","src","alt","onClick","id","items","currentClassName","offset","validate","require","HeroBannerTwo","history","useHistory","handleSubmit","event","a","preventDefault","fromEmail","location","search","includes","endpoint","email","target","value","exists","localStorage","getItem","alert","body","JSON","stringify","fetch","method","headers","setItem","push","onSubmit","type","placeholder","FeatureContent","icon","meta","subTitle","dataDelay","FeatureFour","map","val","i","FaqContent","desc","expand","Faq","preExpanded","allowZeroExpanded","item","uuid","AboutTwo","CallToActionThree","style","color","socialContent","link","FooterTwo","rel","CopyRightTwo","Date","getFullYear","CustomerSupport","ComingSoon","to","NotFound","ScrollToTop","pathname","useLocation","scrollTo","Routes","exact","path","component","isVisible","setIsVisible","toggleVisibility","pageYOffset","removeEventListener","top","behavior","App","AOS","init","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.aff96494.chunk.js","sourcesContent":["// useDocumentTitle.js\r\nimport { useRef, useEffect } from \"react\";\r\n\r\nfunction useDocumentTitle(title, prevailOnUnmount = false) {\r\n  const defaultTitle = useRef(document.title);\r\n\r\n  useEffect(() => {\r\n    document.title = title;\r\n  }, [title]);\r\n\r\n  useEffect(\r\n    () => () => {\r\n      if (!prevailOnUnmount) {\r\n        document.title = defaultTitle.current;\r\n      }\r\n    },\r\n    []\r\n  );\r\n}\r\n\r\nexport default useDocumentTitle;\r\n","import React, { useState } from \"react\";\r\nimport Scrollspy from \"react-scrollspy\";\r\n\r\nconst Header = () => {\r\n  const [click, setClick] = useState(false);\r\n  const handleClick = () => setClick(!click);\r\n  const [navbar, setNavbar] = useState(false);\r\n\r\n  const changeBackground = () => {\r\n    if (window.scrollY >= 68) {\r\n      setNavbar(true);\r\n    } else {\r\n      setNavbar(false);\r\n    }\r\n  };\r\n\r\n  window.addEventListener(\"scroll\", changeBackground);\r\n\r\n  return (\r\n    <div className={navbar ? \"landing-menu fixed\" : \"landing-menu\"}>\r\n      <div className=\"container-fluid\">\r\n        <div className=\"d-flex align-items-center justify-content-between\">\r\n          <div className=\"logo order-md-1\">\r\n            <a href=\"#product\">\r\n              <img src=\"/images/logo/logo.svg\" alt=\"home-demo\" />\r\n            </a>\r\n          </div>\r\n          {/* End logo */}\r\n\r\n          <div className=\"order-md-3 d-flex align-items-center\">\r\n\r\n\r\n            <div className=\"mob-header\">\r\n              <button className=\"toggler-menu\" onClick={handleClick}>\r\n                <div className={click ? \"active\" : \"\"}>\r\n                  <span></span>\r\n                  <span></span>\r\n                  <span></span>\r\n                </div>\r\n              </button>\r\n            </div>\r\n            {/* End Header */}\r\n          </div>\r\n          {/* End div */}\r\n\r\n          <nav\r\n            id=\"feature-menu\"\r\n            className=\"landing-mobile_menu navbar navbar-expand-sm order-md-2 \"\r\n          >\r\n            <div className=\"m-auto nav-container\">\r\n              <div id=\"navbarSupportedContent\">\r\n                <Scrollspy\r\n                  className=\"navbar-nav\"\r\n                  id=\"theme-menu-list\"\r\n                  items={[\r\n                    \"product\",\r\n                    \"features\",\r\n                    \"why\",\r\n                    \"cta\",\r\n                  ]}\r\n                  currentClassName=\"active\"\r\n                  offset={-65}\r\n                >\r\n                  <li className=\"nav-item\">\r\n                    <a href=\"#product\" className=\"nav-link\">\r\n                      Το προϊόν\r\n                    </a>\r\n                  </li>\r\n                  <li className=\"nav-item\">\r\n                    <a href=\"#features\" className=\"nav-link\">\r\n                      Βασικές Λειτουργίες\r\n                    </a>\r\n                  </li>\r\n                  <li className=\"nav-item\">\r\n                    <a href=\"#why\" className=\"nav-link\">\r\n                      Γιατί Salonify;\r\n                    </a>\r\n                  </li>\r\n                  <li className=\"nav-item\">\r\n                    <a href=\"#cta\" className=\"nav-link\">\r\n                      Προεγγραφή\r\n                    </a>\r\n                  </li>\r\n\r\n                </Scrollspy>\r\n              </div>\r\n            </div>\r\n          </nav>\r\n          {/* #feature-menu */}\r\n\r\n          {/* Mobile Menu Start */}\r\n          <div className={click ? \"mobile-menu menu-open\" : \"mobile-menu\"}>\r\n            <div className=\"logo order-md-1\">\r\n              <a href=\"#product\">\r\n                <img src=\"/images/logo/logo.svg\" alt=\"home-demo\" />\r\n              </a>\r\n              <div className=\"fix-icon text-dark\" onClick={handleClick}>\r\n                <img src=\"images/icon/close.svg\" alt=\"icon\" />\r\n              </div>\r\n              {/* Mobile Menu close icon */}\r\n            </div>\r\n\r\n            <Scrollspy\r\n              className=\"navbar-nav\"\r\n              id=\"theme-menu-list\"\r\n              items={[\r\n                \"product\",\r\n                \"features\",\r\n                \"why\",\r\n                \"cta\",\r\n              ]}\r\n              currentClassName=\"active\"\r\n              offset={-200}\r\n            >\r\n              <li className=\"nav-item\">\r\n                <a href=\"#product\" className=\"nav-link\" onClick={handleClick}>\r\n                  Το προϊόν\r\n                </a>\r\n              </li>\r\n              <li className=\"nav-item\">\r\n                <a href=\"#features\" className=\"nav-link\" onClick={handleClick}>\r\n                Βασικές Λειτουργίες\r\n                </a>\r\n              </li>\r\n              <li className=\"nav-item\">\r\n                <a href=\"#why\" className=\"nav-link\" onClick={handleClick}>\r\n                  Γιατί Salonify;\r\n                </a>\r\n              </li>\r\n              <li className=\"nav-item\">\r\n                <a\r\n                  href=\"#cta\"\r\n                  className=\"nav-link\"\r\n                  onClick={handleClick}\r\n                >\r\n                  Προεγγραφή\r\n                </a>\r\n              </li>\r\n            </Scrollspy>\r\n          </div>\r\n          {/* Mobile Menu End */}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nconst {validate} = require(\"email-validator\");\r\n\r\nconst HeroBannerTwo = () => {\r\n  const history = useHistory();\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    const fromEmail = window.location.search.includes(\"email=true\");\r\n    const endpoint = \"https://api.airtable.com/v0/appMBqo4VK4gMNhJI/Table%201\";\r\n    const email = event.target[0].value;\r\n\r\n    const exists = localStorage.getItem('salonifySubmittedEmail') === email;\r\n\r\n    if(!validate(email)) {\r\n      window.alert('Το email που έβαλες δεν είναι email :)');\r\n\r\n      return;\r\n    \r\n    }\r\n\r\n    if(!exists) {\r\n      const body = JSON.stringify({\r\n        \"records\": [\r\n          {\r\n            \"fields\": {\r\n              \"Email\": email,\r\n              \"Source\": fromEmail ? 'email' : 'other'\r\n            }\r\n          }\r\n    ]\r\n    })\r\n  \r\n      await fetch(endpoint,{\r\n        method: 'post',\r\n        headers: {\r\n          \"Authorization\": \"Bearer keyCmee50IVRIl02U\",\r\n        \"Content-Type\": \"application/json\" \r\n      },\r\n        body\r\n    }\r\n      )\r\n  \r\n      localStorage.setItem('salonifySubmittedEmail', email);\r\n      \r\n    }\r\n\r\n    history.push('/thank-you');\r\n  };\r\n\r\n  return (\r\n    <div className=\"hero-banner-two\" id=\"product\">\r\n      <div className=\"container\">\r\n        <div className=\"row align-items-start justify-content-between\">\r\n          <div className=\"col-lg-6 order-lg-last\">\r\n            <div className=\"illustration-holder\">\r\n              <img\r\n                src=\"images/assets/ils-01.png\"\r\n                alt=\"shape\"\r\n                className=\"illustration_01\"\r\n              />\r\n\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"col-xl-5 col-lg-6 order-lg-first\">\r\n            <div className=\"hero-text-wrapper md-mt-50\">\r\n              <h1>\r\n                <span>\r\n                Χτίσε την online&nbsp;  \r\n                  <img\r\n                    src=\"images/shape/line-shape-1.svg\"\r\n                    alt=\"shape\"\r\n                    className=\"cs-screen\"\r\n                  />\r\n                </span>\r\n                 παρουσία του salon σου.\r\n              </h1>\r\n              <p className=\"sub-text\">\r\n                Κάνε αυτό που αγαπάς και άσε τα υπόλοιπα σε μας. \r\n\r\n                Μπες στη λίστα αναμονής για να ενημερωθείς όταν κάνουμε launch και κέρδισε!\r\n\r\n              </p>\r\n              <form onSubmit={handleSubmit}>\r\n                <input type=\"email\" placeholder=\"Ένα email που ανοίγεις 🥳\" />\r\n                <button>Είμαι μέσα!</button>\r\n              </form>\r\n              <ul className=\"list-item d-flex mt-20\">\r\n                <li>14 μέρες δωρεάν χρήση</li>\r\n                <li>25% έκπτωση στη συνέχεια</li>\r\n              </ul>\r\n            </div>\r\n            {/* /.hero-text-wrapper */}\r\n          </div>\r\n        </div>\r\n        {/* /.row */}\r\n      </div>\r\n      {/* /.container */}\r\n\r\n\r\n    </div>\r\n    // End .hero-banner-two\r\n  );\r\n};\r\n\r\nexport default HeroBannerTwo;\r\n","import React from \"react\";\r\n\r\nconst FeatureContent = [\r\n  {\r\n    icon: \"37\",\r\n    meta: \"Δωρεάν Ιστοσελίδα / Widget\",\r\n    subTitle: `Γρήγορη & μοντέρνα ιστοσελίδα για να δείχνεις τη δουλειά σου, να παρέχεις προφίλ στους πελάτες σου και φυσικά να κλείνεις online ραντεβού! Αν διαθέτεις ήδη ιστοσελίδα αναλαμβάνουμε δωρεάν την ενσωμάτωση του booking widget.`,\r\n    dataDelay: \"0\",\r\n  },\r\n  {\r\n    icon: \"60\",\r\n    meta: \"Smart ενημερώσεις\",\r\n    subTitle: `Ενημέρωσε αυτόματα τους πελάτες σου μέσω SMS, Viber ή Email για custom events, όπως για παράδειγμα η άδεια του αγαπημένου τους υπαλλήλου.`,\r\n    dataDelay: \"100\",\r\n  },\r\n  {\r\n    icon: \"22\",\r\n    meta: \"Ουρά αναμονής\",\r\n    subTitle: `Οι πελάτες σου θα έχουν τη δυνατότητα να τοποθετούνται σε σειρά αναμονής και να ενημερώνονται αυτόματα αν προκύψει ακύρωση άλλου ραντεβού.`,\r\n    dataDelay: \"300\",\r\n  },\r\n  {\r\n    icon: \"57\",\r\n    meta: \"Smart προσφορές\",\r\n    subTitle:`Μεγιστοποίησε τα ημερήσια ραντεβού σου, μέσω αυτόματης δημιουργίας & αποστολής προσφορών τις ημέρες με χαμηλό τζίρο ή σε γενέθλια/γιορτές πελατών.`,\r\n    dataDelay: \"300\",\r\n  },\r\n  {\r\n    icon: \"62\",\r\n    meta: \"Υπενθύμιση ραντεβού\",\r\n    subTitle:`Μείωσε τα χαμένα ραντεβού με την αυτόματη αποστολή ειδοποιήσεων Viber, Email και SMS.`,\r\n    dataDelay: \"300\",\r\n  },\r\n  {\r\n    icon: \"23\",\r\n    meta: \"Προγράμματα επιβράβευσης\",\r\n    subTitle:`Δημιούργησε προγράμματα πόντων και επιβράβευσε τους καλύτερους πελάτες σου με ειδικές προσφορές.`,\r\n    dataDelay: \"300\",\r\n  },\r\n  {\r\n    icon: \"20\",\r\n    meta: \"Social Media Automation\",\r\n    subTitle:`Διατήρησε την παρουσία σου σε Facebook & Instagram με αυτόματο posting εικόνων από το gallery σου.`,\r\n    dataDelay: \"300\",\r\n  },\r\n  {\r\n    icon: \"48\",\r\n    meta: \"Συγχρονισμός με Google Calendar\",\r\n    subTitle:`Αμφίδρομος συγχρονισμός ατζέντας-Google Calendar για σένα και τους πελάτες σου.`,\r\n    dataDelay: \"300\",\r\n  },\r\n];\r\n\r\nconst FeatureFour = () => {\r\n  return (\r\n    <div className=\"row justify-content-center\">\r\n      {FeatureContent.map((val, i) => (\r\n        <div\r\n          className=\"col-lg-4 col-md-6\"\r\n          key={i}\r\n          data-aos=\"fade-up\"\r\n          data-aos-duration=\"1200\"\r\n          data-aos-delay={val.dataDelay}\r\n        >\r\n          <div className=\"block-style-five\">\r\n            <div className=\"icon\">\r\n              <img src={`images/icon/${val.icon}.svg`} alt=\"icon\" />\r\n            </div>\r\n            <h6 className=\"title\">\r\n              <span>{val.meta}</span>\r\n            </h6>\r\n            <p>{val.subTitle}</p>\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FeatureFour;\r\n","import React from \"react\";\r\nimport {\r\n  Accordion,\r\n  AccordionItem,\r\n  AccordionItemHeading,\r\n  AccordionItemButton,\r\n  AccordionItemPanel,\r\n} from \"react-accessible-accordion\";\r\n\r\nconst FaqContent = [\r\n  {\r\n    title: \"Μηνιαία συνδρομή χωρίς δεσμεύσεις\",\r\n    desc: <>Το μοντέλο πληρωμής συνίσταται σε μια <strong>μικρή μηνιαία συνδρομή</strong>, την οποία διακόπτεις όποτε θες. Ξέχνα τις \"μικρές\" και απρόβλεπτες προμήθειες που οδηγούν σε ένα 2ο ενοίκιο στο τέλος του μήνα.</>,\r\n    expand: \"a\",\r\n  },\r\n  {\r\n    title: \"Δωρεάν ιστοσελίδα\",\r\n    desc: <>Στόχος μας είναι να αποκτήσουν όλα τα salons online παρουσία, χωρίς να ξοδέψουν 4ψήφια ποσά σε agencies. Το Salonify είναι η μόνη πλατφόρμα που σου παρέχει <strong>εντελώς δωρεάν</strong>, δική σου επαγγελματική ιστοσελίδα και φιλοξενία σε δικό σου domain, εφόσον το επιθυμείς.</>,\r\n    expand: \"b\",\r\n  },\r\n  {\r\n    title: \"Customer retention\",\r\n    desc: <>Σε αντίθεση με άλλες πλατφόρμες, το Salonify δεν διαθέτει marketplace. Στόχος μας είναι να σε βοηθήσουμε <strong>να διατηρήσεις και να αυξήσεις την πελατεία σου</strong>, γνωρίζοντάς τη καλύτερα και παρέχοντάς της εξατομικευμένες υπηρεσίες με τη χρήση τεχνολογίας αιχμής.</>,\r\n    expand: \"c\",\r\n  },\r\n  {\r\n    title: \"Μοναδικές λειτουργίες\",\r\n    desc: <>Σε συνεργασία με ιδιοκτήτες salon, spa και nail bar έχουμε σχεδιάσει μοναδικές λειτουργίες, που δεν υπάρχουν σε άλλες πλατφόρμες και προορίζονται <strong>ειδικά για salons.</strong> Με αυτό το σκεπτικό θα εξετάζονται και τα μελλοντικά features.</>,\r\n    expand: \"d\",\r\n  },\r\n  {\r\n    title: \"Υποστήριξη αλά ελληνικά!\",\r\n    desc: <>Είμαστε και θα παραμείνουμε μια <strong>ελληνική startup</strong>, με ό,τι αυτό συνεπάγεται. Μπορείς να περιμένεις Α' κλάσης υποστήριξη των ελληνικών σε όλο το εύρος της εφαρμογής, καθώς επίσης και στο εκπαιδευτικό υλικό (βίντεο, οδηγίες χρήσης, κλπ.)</>,\r\n    expand: \"e\",\r\n  },\r\n];\r\n\r\nconst Faq = () => {\r\n  return (\r\n    <div className=\"accordion-style-two pr-5\">\r\n      <div className=\"faq-wrraper\">\r\n        <Accordion preExpanded={[\"a\"]} allowZeroExpanded>\r\n          {FaqContent.map((item, i) => (\r\n            <AccordionItem className=\"card\" key={i} uuid={item.expand}>\r\n              <AccordionItemHeading className=\"card-header\">\r\n                <AccordionItemButton>\r\n                  <h5 className=\"mb-0\">\r\n                    <button className=\"btn btn-link\">{item.title}</button>\r\n                  </h5>\r\n                </AccordionItemButton>\r\n              </AccordionItemHeading>\r\n              {/* Accordion Heading */}\r\n              <AccordionItemPanel className=\"card-body fadeInUp\">\r\n                <p>{item.desc}</p>\r\n              </AccordionItemPanel>\r\n              {/* Accordion Body Content */}\r\n            </AccordionItem>\r\n          ))}\r\n        </Accordion>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Faq;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst AboutTwo = () => {\r\n  return (\r\n    <div className=\"row\">\r\n      <div\r\n        className=\"col-lg-5 col-md-6 col-sm-10 m-auto\"\r\n        data-aos=\"fade-right\"\r\n        data-aos-duration=\"1200\"\r\n      >\r\n        <div className=\"img-holder\">\r\n          <img src=\"images/media/kiriakou.jpg\" alt=\"media\" />\r\n          <img\r\n            src=\"images/shape/34.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-six\"\r\n          />\r\n        </div>\r\n        {/* img-holder */}\r\n      </div>\r\n      {/* End .col */}\r\n\r\n      <div\r\n        className=\"col-xl-6 col-lg-7 ml-auto\"\r\n        data-aos=\"fade-left\"\r\n        data-aos-duration=\"1200\"\r\n      >\r\n        <div className=\"quote-wrapper pt-60\">\r\n          <img src=\"images/icon/26.svg\" alt=\"icon\" className=\"icon\" />\r\n          <blockquote className=\"font-rubik\">\r\n            Χρησιμοποίησα το Salonify σε στάδιο prototyping και μπορώ να πω ότι ενθουσιάστηκα. Με το πάτημα ενός κουμπιού\r\n            απέκτησα εξατομικευμένη ιστοσελίδα και online booking. Ανυπομονώ να βγει η πρώτη έκδοση!\r\n          </blockquote>\r\n          <h6>\r\n            Ματθαίος Κυριακού <span>Ιδιοκτήτης Barbershop</span>\r\n          </h6>\r\n\r\n        </div>\r\n        {/* /.quote-wrapper */}\r\n      </div>\r\n      {/* End .col */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AboutTwo;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nconst {validate} = require(\"email-validator\");\r\n\r\nconst CallToActionThree = () => {\r\n  const history = useHistory();\r\n\r\n  const handleSubmit = async (event) => {\r\n    event.preventDefault();\r\n\r\n    const fromEmail = window.location.search.includes(\"email=true\");\r\n    const endpoint = \"https://api.airtable.com/v0/appMBqo4VK4gMNhJI/Table%201\";\r\n    const email = event.target[0].value;\r\n\r\n    const exists = localStorage.getItem('salonifySubmittedEmail') === email;\r\n\r\n    if(!validate(email)) {\r\n      window.alert('Το email που έβαλες δεν είναι email :)');\r\n\r\n      return;\r\n    \r\n    }\r\n\r\n    if(!exists) {\r\n      const body = JSON.stringify({\r\n        \"records\": [\r\n          {\r\n            \"fields\": {\r\n              \"Email\": email,\r\n              \"Source\": fromEmail ? 'email' : 'other'\r\n            }\r\n          }\r\n    ]\r\n    })\r\n  \r\n      await fetch(endpoint,{\r\n        method: 'post',\r\n        headers: {\r\n          \"Authorization\": \"Bearer keyCmee50IVRIl02U\",\r\n        \"Content-Type\": \"application/json\" \r\n      },\r\n        body\r\n    }\r\n      )\r\n  \r\n      localStorage.setItem('salonifySubmittedEmail', email);\r\n      \r\n    }\r\n\r\n    history.push('/thank-you');\r\n  };\r\n\r\n  return (\r\n    <div className=\"row align-items-center\">\r\n      <div className=\"col-lg-6\">\r\n        <div className=\"title-style-one\">\r\n          <h6 className=\"font-rubik\" style={{ color: \"#f96f60\" }}>\r\n          14 μέρες δωρεάν, 25% έκπτωση για πάντα\r\n          </h6>\r\n          <h2>Ξεκίνα να κλείνεις ραντεβού online!</h2>\r\n        </div>\r\n        {/* /.title-style-one */}\r\n      </div>\r\n      {/* End .col */}\r\n\r\n      <div className=\"col-lg-6\">\r\n        <div className=\"form-wrapper\">\r\n          <form onSubmit={handleSubmit}>\r\n            <input type=\"text\" placeholder=\"Ένα email που ανοίγεις 🥳\" />\r\n            <button>Μπες online!</button>\r\n          </form>\r\n\r\n        </div>\r\n        {/* /.form-wrapper */}\r\n      </div>\r\n      {/* End .col */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CallToActionThree;\r\n","import React from \"react\";\r\n\r\nconst socialContent = [\r\n  {\r\n    icon: \"fa-facebook\",\r\n    link: \"https://www.facebook.com/Salonify-111075238002508\",\r\n  },\r\n  {\r\n    icon: \"fa-instagram\",\r\n    link: \"https://www.instagram.com/salonify.gr/\",\r\n  },\r\n  {\r\n    icon: \"fa-linkedin\",\r\n    link: \"https://www.linkedin.com/company/salonifygr\",\r\n  },\r\n];\r\n\r\nconst FooterTwo = () => {\r\n  return (\r\n    <div className=\"row justify-content-between\">\r\n      <div\r\n        className=\"col-lg-2 col-12 footer-about-widget\"\r\n        data-aos=\"fade-up\"\r\n        data-aos-duration=\"1200\"\r\n      >\r\n        <a href=\"index-customer-support.html\" className=\"logo\">\r\n          <img src=\"images/logo/logo.svg\" alt=\"brand\" />\r\n        </a>\r\n      </div>\r\n\r\n      <div\r\n        className=\"col-lg-12 col-md-12 col-sm-12 address-list\"\r\n        data-aos=\"fade-up\"\r\n        data-aos-duration=\"1200\"\r\n        data-aos-delay=\"200\"\r\n      >\r\n        <h5 className=\"footer-title\">Έχεις κάποια ερώτηση;</h5>\r\n        <ul className=\"info\">\r\n          <li>\r\n            <a href=\"mailto:help@Salonify.gr\">help@salonify.gr</a>\r\n          </li>\r\n\r\n        </ul>\r\n        <ul className=\"social-icon d-flex\">\r\n          {socialContent.map((val, i) => (\r\n            <li key={i}>\r\n              <a href={val.link} target=\"_blank\" rel=\"noreferrer\">\r\n                <i className={`fa ${val.icon}`}></i>\r\n              </a>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      </div>\r\n      {/* /.footer-list */}\r\n    </div>\r\n    //.row\r\n  );\r\n};\r\n\r\nexport default FooterTwo;\r\n","import React from \"react\";\r\n\r\nconst CopyRightTwo = () => {\r\n  return (\r\n    <div className=\"bottom-footer-content\">\r\n      <div className=\"d-flex align-items-center justify-content-center\">\r\n        <p>\r\n          Copyright @{new Date().getFullYear()} &nbsp;\r\n          \r\n          <a\r\n            href=\"https://Salonify.gr\"\r\n            target=\"_blank\" rel=\"noreferrer\"\r\n          >\r\n           | Salonify\r\n          </a>\r\n        </p>\r\n      </div>\r\n    </div>\r\n    //   /.bottom-footer\r\n  );\r\n};\r\n\r\nexport default CopyRightTwo;\r\n","import React from \"react\";\r\nimport useDocumentTitle from \"../../components/useDocumentTitle\";\r\nimport Header from \"../../components/preview/Header\";\r\nimport HeroBannerTwo from \"../../components/hero-banner/HeroBannerTwo\";\r\nimport FeatureFour from \"../../components/features/FeatureFour\";\r\nimport Faq from \"../../components/faq/Faq\";\r\nimport AboutTwo from \"../../components/about/AboutTwo\";\r\nimport CallToActionThree from \"../../components/call-to-action/CallToActionThree\";\r\nimport FooterTwo from \"../../components/footer/FooterTwo\";\r\nimport CopyRightTwo from \"../../components/footer/CopyRightTwo\";\r\n\r\nconst CustomerSupport = () => {\r\n  useDocumentTitle(\r\n    \"Salonify - Λογισμικό διαχείρισης κομμωτηρίου.\"\r\n  );\r\n\r\n  return (\r\n    <div className=\"main-page-wrapper\">\r\n      {/* =============================================\r\n\t\t   Start Header\r\n\t\t   ============================================== */}\r\n      <Header />\r\n      {/* End HeaderTwo Variation Three */}\r\n\r\n      {/* =============================================\r\n\t\t\tHero Banner Two\r\n\t\t  ============================================== */}\r\n      <HeroBannerTwo />\r\n      {/* End HeroBannerTwo */}\r\n\r\n      {/* =============================================\r\n\t\t\t\tFancy Feature Four\r\n\t\t  ============================================== */}\r\n      <div className=\"fancy-feature-four mt-20\" id=\"features\">\r\n        <div className=\"bg-wrapper\">\r\n          <img\r\n            src=\"images/shape/18.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-right\"\r\n          />\r\n          <img\r\n            src=\"images/shape/19.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-left\"\r\n          />\r\n          <div className=\"container\">\r\n            <div className=\"title-style-two text-center mb-100 md-mb-50\">\r\n              <div className=\"row\">\r\n                <div className=\"col-xl-8 col-lg-9 col-md-10 m-auto\">\r\n                  <p>ΒΑΣΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ</p>\r\n                  <h2>               \r\n                    <span>\r\n                    Το Salonify σε βοηθά να πάρεις τον ψηφιακό έλεγχο του  \r\n                      <img src=\"images/shape/line-shape-2.svg\" alt=\"shape\" />\r\n                    </span>\r\n                    &nbsp;salon σου.\r\n                  </h2>\r\n                </div>\r\n                {/* End .col */}\r\n              </div>\r\n            </div>\r\n            {/* End .title */}\r\n\r\n            <div className=\"inner-content\">\r\n              <img\r\n                src=\"images/shape/20.svg\"\r\n                alt=\"shape\"\r\n                className=\"shapes shape-one\"\r\n              />\r\n              <img\r\n                src=\"images/shape/21.svg\"\r\n                alt=\"shape\"\r\n                className=\"shapes shape-two\"\r\n              />\r\n              <FeatureFour />\r\n            </div>\r\n            {/* End .inner-content */}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* /.fancy-feature-four */}\r\n\r\n      {/* \r\n     =============================================\r\n\t\t\t\tFancy Text Block Six\r\n\t\t============================================== */}\r\n      <div className=\"fancy-text-block-six mt-250 md-mt-130\">\r\n        <div className=\"container\" id=\"why\">\r\n          <div className=\"row\">\r\n            <div\r\n              className=\"col-lg-6\"\r\n              data-aos=\"fade-right\"\r\n              data-aos-duration=\"1200\"\r\n            >\r\n              <div className=\"title-style-three mb-35\">\r\n                <p>ΜΟΝΑΔΙΚΑ ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ</p>\r\n                <h2>\r\n                  <span>\r\n                    Γιατί&nbsp;\r\n                    <img src=\"images/shape/line-shape-3.svg\" alt=\"shape\" />\r\n                  </span>\r\n                  πρέπει να το δοκιμάσεις.\r\n                </h2>\r\n              </div>\r\n              {/* End title */}\r\n              <Faq />\r\n            </div>\r\n            {/* End .col */}\r\n          </div>\r\n          {/* End .row */}\r\n        </div>\r\n        {/* End .container */}\r\n\r\n        <div\r\n          className=\"img-meta-container\"\r\n          data-aos=\"fade-left\"\r\n          data-aos-duration=\"1200\"\r\n          data-aos-delay=\"100\"\r\n        >\r\n          <img src=\"images/assets/feature-img-07.png\" alt=\"feature\" />\r\n          <img\r\n            src=\"images/shape/22.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-one\"\r\n          />\r\n          <img\r\n            src=\"images/shape/23.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-two\"\r\n          />\r\n          <img\r\n            src=\"images/shape/24.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-three\"\r\n          />\r\n          <img\r\n            src=\"images/shape/25.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-four\"\r\n          />\r\n          <img\r\n            src=\"images/shape/26.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-five\"\r\n          />\r\n          <img\r\n            src=\"images/shape/27.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-six\"\r\n          />\r\n          <img\r\n            src=\"images/shape/28.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-seven\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n\r\n      {/* \r\n     =============================================\r\n\t\t\t\tFancy Text Block\r\n\t\t============================================== */}\r\n      <div className=\"fancy-text-block-seven mt-150 md-mt-100\" >\r\n        <div className=\"bg-wrapper\">\r\n          <img\r\n            src=\"images/shape/29.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-one\"\r\n          />\r\n          <img\r\n            src=\"images/shape/30.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-two\"\r\n          />\r\n          <img\r\n            src=\"images/shape/31.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-three\"\r\n          />\r\n          <img\r\n            src=\"images/shape/32.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-four\"\r\n          />\r\n          <img\r\n            src=\"images/shape/33.svg\"\r\n            alt=\"shape\"\r\n            className=\"shapes shape-five\"\r\n          />\r\n          <div className=\"container\">\r\n            <AboutTwo />\r\n          </div>\r\n        </div>\r\n        {/* /.bg-wrapper */}\r\n      </div>\r\n      {/* /.fancy-text-block-seven */}\r\n\r\n\r\n\r\n\r\n\r\n      {/* \t=====================================================\r\n\t\t\tFancy Short Banner Three\r\n\t\t\t===================================================== */}\r\n      <div className=\"fancy-short-banner-three mt-100 md-mt-40\" id=\"cta\">\r\n        <div className=\"container\">\r\n          <div className=\"bg-wrapper\">\r\n            <CallToActionThree />\r\n          </div>\r\n          {/* /.bg-wrapper */}\r\n        </div>\r\n        {/* /.container */}\r\n      </div>\r\n      {/* /.fancy-short-banner-four */}\r\n\r\n      {/* \t=====================================================\r\n\t\t\t\tFooter Style Two\r\n\t\t\t===================================================== */}\r\n      <footer className=\"theme-footer-two pt-150 md-pt-80\">\r\n        <div className=\"top-footer\">\r\n          <div className=\"container\">\r\n            <FooterTwo />\r\n          </div>\r\n          {/* /.container */}\r\n        </div>\r\n        {/* /.top-footer */}\r\n\r\n        <div className=\"container\">\r\n          <div className=\"bottom-footer-content\">\r\n            <CopyRightTwo />\r\n          </div>\r\n          {/*  /.bottom-footer */}\r\n        </div>\r\n      </footer>\r\n      {/* /.theme-footer-one */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CustomerSupport;\r\n","import React from \"react\";\r\nimport useDocumentTitle from \"../../components/useDocumentTitle\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst socialContent = [\r\n  {\r\n    icon: \"fa-facebook\",\r\n    link: \"https://www.facebook.com/Salonify-111075238002508\",\r\n  },\r\n  {\r\n    icon: \"fa-instagram\",\r\n    link: \"https://www.instagram.com/salonify.gr/\",\r\n  },\r\n  {\r\n    icon: \"fa-linkedin\",\r\n    link: \"https://www.linkedin.com/company/salonifygr\",\r\n  },\r\n];\r\n\r\nconst ComingSoon = () => {\r\n  useDocumentTitle(\"Είσαι μέσα!\");\r\n\r\n  return (\r\n    <div className=\"full-height-layout d-flex align-items-center\">\r\n      <div className=\"coming-soon-content font-gordita\">\r\n        <div className=\"logo coming-soon-brand\">\r\n          <Link to=\"/\">\r\n            <img src=\"images/logo/logo.svg\" alt=\"brand logo\" />\r\n          </Link>\r\n        </div>\r\n        <h6>THE MOST ADVANCED SALON SOFTWARE</h6>\r\n        <h1 data-aos=\"fade-up\">Είσαι μέσα. Θα ενημερωθείς όταν λανσάρουμε.</h1>\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-9 m-auto\">\r\n            <p>\r\n            Αν θέλεις πολύ κάποιο feature ή έχεις οποιαδήποτε απορία στείλε μας στο <a href=\"mailto:help@Salonify.gr\">help@salonify.gr</a>.\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <ul className=\"social-icon d-flex justify-content-center\">\r\n          {socialContent.map((val, i) => (\r\n            <li key={i}>\r\n              <a href={val.link} target=\"_blank\" rel=\"noreferrer\">\r\n                <i className={`fa ${val.icon}`}></i>\r\n              </a>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n\r\n        <img\r\n          src=\"images/shape/179.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-one\"\r\n        />\r\n        <img\r\n          src=\"images/shape/180.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-two\"\r\n        />\r\n        <img\r\n          src=\"images/shape/181.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-three\"\r\n        />\r\n        <img\r\n          src=\"images/shape/182.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-four\"\r\n        />\r\n        <img\r\n          src=\"images/shape/183.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-five\"\r\n        />\r\n        <img\r\n          src=\"images/shape/184.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-six\"\r\n        />\r\n        <img\r\n          src=\"images/shape/185.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-seven\"\r\n        />\r\n        <img\r\n          src=\"images/shape/186.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-eight\"\r\n        />\r\n        <img\r\n          src=\"images/shape/187.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-nine\"\r\n        />\r\n        <img\r\n          src=\"images/shape/188.svg\"\r\n          alt=\"shape\"\r\n          className=\"shapes shape-ten\"\r\n        />\r\n      </div>\r\n      {/* /.coming-soon-content */}\r\n    </div>\r\n    //    /.full-height-layout\r\n  );\r\n};\r\n\r\nexport default ComingSoon;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport useDocumentTitle from \"../components/useDocumentTitle\";\r\n\r\nconst NotFound = () => {\r\n  useDocumentTitle(\"Κάπου μπερδεύτηκες..\");\r\n  return (\r\n    <div className=\"main-page-wrapper p0\">\r\n      <div className=\"error-page d-lg-flex align-items-center\">\r\n        <div className=\"img-holder order-lg-last\">\r\n          <img\r\n            src=\"images/media/404.svg\"\r\n            alt=\"media\"\r\n            className=\"w-100 illustration\"\r\n          />\r\n          <img\r\n            src=\"images/media/404-q.svg\"\r\n            alt=\"media\"\r\n            className=\"shapes qus\"\r\n          />\r\n        </div>\r\n        <div className=\"text-wrapper order-lg-first\">\r\n          <div className=\"logo\">\r\n            <Link to=\"/\">\r\n              <img src=\"images/logo/logo.svg\" alt=\"logo\" />\r\n            </Link>\r\n          </div>\r\n          <h1 className=\"font-slab\">\r\n            Oops, <br />\r\n            Ενθουσιάστηκες <br />\r\n            πολύ φαίνεται :)\r\n          </h1>\r\n          <p className=\"font-rubik\">\r\n            Η σελίδα που ζήτησες δεν βρέθηκε.\r\n          </p>\r\n\r\n          <Link\r\n            to=\"/\"\r\n            className=\"back-home font-rubik d-flex align-items-center justify-content-center\"\r\n          >\r\n            <span>Πίσω</span>\r\n            <img src=\"images/icon/53.svg\" alt=\"icon\" />\r\n          </Link>\r\n        </div>\r\n        {/* /.text-wrapper */}\r\n      </div>\r\n      {/* /.error-page */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotFound;\r\n","import { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport default function ScrollToTop() {\r\n  const { pathname } = useLocation();\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, [pathname]);\r\n\r\n  return null;\r\n}\r\n","import React from \"react\";\r\n\r\nimport CustomerSupport from \"../views/all-home-pages/CustomerSupport\";\r\nimport ComingSoon from \"../views/all-home-pages/ComingSoon\";\r\n\r\n// Not Found Page\r\nimport NotFound from \"../views/NotFound\";\r\n\r\n// Route Specific\r\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\r\nimport ScrollTopBehaviour from \"../components/ScrollTopBehaviour\";\r\n\r\nconst Routes = () => {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Router>\r\n\t\t\t\t<ScrollTopBehaviour />\r\n\t\t\t\t<Switch>\r\n\t\t\t\t\t<Route exact path=\"/\" component={CustomerSupport} />\r\n\t\t\t\t\t<Route path=\"/thank-you\" component={ComingSoon} />\r\n\t\t\t\t\t<Route path=\"/404\" component={NotFound} />\r\n\r\n\t\t\t\t\t{/* NotFound Route */}\r\n\t\t\t\t\t<Route component={NotFound} />\r\n\t\t\t\t</Switch>\r\n\t\t\t</Router>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Routes;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nexport default function ScrollToTop() {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  // Top: 0 takes us all the way back to the top of the page\r\n  // Behavior: smooth keeps it smooth!\r\n  const scrollToTop = () => {\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: \"smooth\",\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    // Button is displayed after scrolling for 500 pixels\r\n    const toggleVisibility = () => {\r\n      if (window.pageYOffset > 500) {\r\n        setIsVisible(true);\r\n      } else {\r\n        setIsVisible(false);\r\n      }\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", toggleVisibility);\r\n\r\n    return () => window.removeEventListener(\"scroll\", toggleVisibility);\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      {isVisible && (\r\n        <div>\r\n          <button className=\"scroll-top \" onClick={scrollToTop}>\r\n            <img src=\"images/icon/chevron-w.png\" alt=\"icon\" />\r\n          </button>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n","import React, { useEffect } from \"react\";\nimport Routes from \"./router/Routes\";\nimport ScrollToTop from \"./components/ScrollToTop\";\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\n\nconst App = () => {\n  useEffect(() => {\n    AOS.init();\n  }, []);\n\n  return (\n    <>\n      <ScrollToTop />\n      <Routes />\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 ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport \"./assets/main.scss\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\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":""}