</noscript> <!-- End Google Tag Manager (noscript) --> <div data-collapse="all" data-animation="over-right" data-duration="400" data-doc-height="1" data-no-scroll="1" role="banner" class="navbar w-nav"> <div class="menu-block w-container"> <a href="#" class="nav-logo-link w-nav-brand"><img src="/static/images/logo.svg" loading="lazy" alt="Corte Vadio Logotipo" class="nav-logo-img"></a> <nav role="navigation" class="nav-menu w-nav-menu"> <div class="top-bar menu-open w-clearfix"> <a href="#" class="back-link menu-link w-inline-block" scroll="enable"><img src="/static/images/arrow-back-white.svg" loading="lazy" alt="Ícone seta" class="image"></a> </div> <div class="nav-block"> <a href="/" aria-current="page" class="nav-link w-nav-link w--current">Home</a> <a href="/barbeiros/" class="nav-link w-nav-link">Barbeiros</a> <a href="/ser-barbeiro/" class="nav-link w-nav-link">Ser Barbeiro</a> <a href="/sobre-nos/" class="nav-link w-nav-link">Sobre Nós</a> <div class="buttons-bar"> <a title="Ir para" href="/login/" class="button white button-popup w-button">Login</a> <a title="Ir para" href="/registar/" class="button white button-popup w-button">Registar</a> </div> <div class="bottom-links"> <a href="/perguntas-frequentes/" class="menu-bottom-link w-nav-link">Perguntas Frequentes</a> <a href="/termos-e-condicoes/" class="menu-bottom-link w-nav-link">Termos e Condições</a> </div> </div> </nav> <div class="menu-btn-block new" scroll="disable"> <div class="menu-button no-login w-nav-button"><img src="/static/images/menu-black.svg" loading="lazy" alt="Ícone menu" class="menu-icon-black"><img src="/static/images/menu.svg" loading="lazy" alt="Ícone menu" class="menu-icon-white"></div> </div> </div> </div> <div class="menu-opacity" scroll="enable"></div> <div data-w-id="361028d0-0597-750a-0a10-99e19c68f547" class="section-intro"> <img src="/static/images/barbeiro1.jpg" loading="lazy" sizes="100vw" alt="" class="image-intro"> <div class="intro-overlay"></div> <div class="home-intro-content barber"><img src="/static/images/logo-white.svg" loading="lazy" alt="Corte Vadio Logotipo" class="intro-logo"> <h1 class="xxxl white tiempos intro font">Torne-se num Barbeiro Vadio</h1> <h2 class="l white no-padding">É barbeiro?<br>Registe-se já e comece a cortar cabelo ao domicílio!</h2> </div> <div class="intro-bottom big"> <div class="rectangle-oval"></div> <div class="intro-bottom-content barber"> <a title="Ir para" href="/registar/barbeiro/" class="button w-button">REGISTE-SE JÁ</a> <a href="#section2-heading" title="Ver mais" class="arow-down-block w-inline-block"><img src="/static/images/arrow-down.svg" loading="lazy" alt="Ícone seta baixo" class="arrow-down"></a> </div> </div> </div> <div class="section-main"> <h2 id="section2-heading" class="xxl tiempos">Como funciona?</h2> <div data-delay="3600" data-animation="slide" class="slider w-slider" data-autoplay="1" data-hide-arrows="1" data-autoplay-limit="18000" data-nav-spacing="4" data-duration="500" data-infinite="1"> <div class="mask w-slider-mask"> <div class="slide-dynamic-33 w-slide"><img src="/static/images/Area-selection.svg" loading="lazy" alt="" class="process-img1"> <div class="l padding dynamic">1. Selecione a sua área de atuação</div> </div> <div class="slide-dynamic-33 w-slide"><img src="/static/images/Profile-creation.svg" loading="lazy" alt="" class="process-img1"> <div class="l padding dynamic">2. Valide a sua conta</div> </div> <div class="slide-dynamic-33 w-slide"><img src="/static/images/Start-cutting.svg" loading="lazy" alt="" class="process-img1"> <div class="l padding dynamic">3. Comece a cortar!</div> </div> </div> <div class="left-arrow w-slider-arrow-left"><img src="/static/images/arrow-left.svg" loading="lazy" alt="Ícone seta esquerda" class="icon-60 bg-grey small"></div> <div class="right-arrow w-slider-arrow-right"><img src="/static/images/arrow-right.svg" loading="lazy" alt="Ícone seta direita" class="icon-60 bg-grey small"></div> <div class="slide-nav w-slider-nav w-slider-nav-invert w-shadow w-round"></div> </div> <a title="Ir para" href="/registar/barbeiro/" class="button w-button">Registar</a> </div> <div class="section-main"> <h2 class="xxl tiempos">Os benefícios de ser um barbeiro vadio</h2> <div class="w-layout-grid content-grid full"> <div class="benefits-block"><img src="/static/images/Find-clients.svg" loading="lazy" alt="" class="benefits-icon"> <div class="m center">Encontre novos clientes e receba comissões acima da média.</div> </div> <div class="benefits-block"><img src="/static/images/Work-everywhere.svg" loading="lazy" alt="" class="benefits-icon"> <div class="m center">Trabalhe onde e quando quiser.</div> </div> <div class="benefits-block"><img src="/static/images/Own-schedule.svg" loading="lazy" alt="" class="benefits-icon"> <div class="m center">Faça o seu próprio horário</div> </div> </div> <a title="Ir para" href="/registar/barbeiro/" class="button w-button">Registar</a> </div> <div class="section-main padding-bottom"> <h2 class="xxl tiempos">Perguntas frequentes</h2> <div class="accordions-block"> <div data-hover="" data-delay="0" class="accordion-item w-dropdown"> <div class="accordion-toggle w-dropdown-toggle"> <div class="m semibold"><strong>Preciso de levar o meu equipamento? </strong></div> </div> <nav class="accordion-list w-dropdown-list"> <div class="w-richtext"> <p>O Corte Vadio vai equipar-te com um kit básico para assegurar que manténs todas as normas de higiene e de um serviço exemplar, tens apenas que trazer as tuas tesouras, pentes e máquinas.</p> </div> </nav> </div> <div data-hover="" data-delay="0" class="accordion-item w-dropdown"> <div class="accordion-toggle w-dropdown-toggle"> <div class="m semibold"><strong>Quais os tipos de cortes que o Corte Vadio disponibiliza?</strong></div> </div> <nav class="accordion-list w-dropdown-list"> <div class="w-richtext"> <p>Disponibilizamos cortes de cabelo, corte de barba, cabelo rapado e corte de cabelo e barba.<br></p> </div> </nav> </div> <div data-hover="" data-delay="0" class="accordion-item w-dropdown"> <div class="accordion-toggle w-dropdown-toggle"> <div class="m semibold"><strong>Quanto posso cobrar por corte?</strong></div> </div> <nav class="accordion-list w-dropdown-list"> <div class="w-richtext"> <p>Os preços são definidos pelo Corte Vadio e os pagamentos são feitos exclusivamente através da plataforma.</p> </div> </nav> </div> <div data-hover="" data-delay="0" class="accordion-item w-dropdown"> <div class="accordion-toggle w-dropdown-toggle"> <div class="m semibold"><strong>Como e quanto sou pago?</strong></div> </div> <nav class="accordion-list w-dropdown-list"> <div class="w-richtext"> <p>Os barbeiros são pagos de 60-70% do valor do corte mediante a quantidade de cortes que façam, esse pagamento é feito automaticamente após cada corte. A percentagem que recebes será influenciada pelo teu rating pessoal, a quantidade de cortes.</p> </div> </nav> </div> <a title="Ir para" href="/perguntas-frequentes/" class="button w-button">Ver todas</a> </div> </div> <div> <div class="content1"> <div class="register-content adjust"> <div class="heading-text-block margin adjust"> <div class="l left adjust">Quer trabalhar connosco?</div> <h2 class="xxxl tiempos left cabeludo adjust">Registe-se já como barbeiro!</h2> <div class="m grey padding pad-left adjust">Junte-se à equipa de Barbeiros Vadios e comece a cortar cabelo.</div> <a title="Ir para" href="/registar/barbeiro/" class="button button-cta public w-button">Registar</a> </div><img src="/static/images/barbeiro.svg" loading="lazy" sizes="(max-width: 479px) 83vw, (max-width: 991px) 46vw, (max-width: 1279px) 93vw, 514.9375px" alt="ilustração de barbeiro" class="cabeludo-img adjust"> </div> </div> </div> <footer id="footer" class="footer"><img src="/static/images/curve.svg" loading="lazy" alt="curvatura do design" class="curve-image curve-footer"> <div class="container w-container"> <div class="footer-flex-container"> <div class="footer-links-block"> <h2 class="m footer-title">Suporte</h2> <ul role="list" class="w-list-unstyled"> <li> <a title="Ir para FAQ" href="/perguntas-frequentes/" aria-current="page" class="xs-link white padding w--current">Perguntas Frequentes</a> </li> <li> <a title="Ir para Fala Connosco" href="mailto:geral@cortevadio.pt" class="xs-link white padding">Fala Connosco</a> </li> </ul> </div> <div class="footer-links-block"> <h2 class="m footer-title">Segue-nos</h2> <ul role="list" class="w-list-unstyled"> <li> <a href="https://www.facebook.com/cortevadio.pt" class="xs-link white padding">Facebook</a> </li> <li> <a href="https://www.instagram.com/cortevadio" class="xs-link white padding">Instagram</a> </li> </ul> </div> <div class="footer-links-block"> <h2 class="m footer-title">Menu</h2> <ul role="list" class="w-list-unstyled"> <li> <a title="Ir para Homepage" href="/" class="xs-link white padding">Home</a> </li> <li> <a title="Ir para Ser Barbeiro" href="/ser-barbeiro/" class="xs-link white padding">Ser Barbeiro</a> </li> <li> <a title="Ir para Sobre Nós" href="/sobre-nos/" class="xs-link white padding">Sobre nós</a> </li> <li> <a title="Ir para Código de Conduta" href="/termos-e-condicoes/" class="xs-link white padding">Termos e Condições</a> </li> </ul> </div> <div class="newsletter-block"> <div class="form-block w-form"> <form class="full padding" id="newsletter-form" name="newsletter-form" data-name="Newsletter Form"> <input type="hidden" name="csrfmiddlewaretoken" value="XhEthZ6HZ6kCYGq0ovrQxjR7k8bemE89m5QNoyn0dUXeMbkocPGrDM70Cu2eHAnd"> <h2 class="m tiempos">Fica a par das novidades</h2> <div class="xs margin align margin-left">Subscreve a nossa Newsletter</div> <input type="email" class="input-black w-input" maxlength="256" name="email" data-name="Email 2" placeholder="Email" id="email" required=""> <div class="form-btn-block"> <button type="submit" title="Ir para" href="#" class="button white w-button">Subscrever</button> </div> </form> <div class="success-message hide"> <div></div> </div> <div class="error-message absolute hide"> <div class="text-block-4"></div> </div> </div> </div> </div> <div class="div-block-4"> <div class="div-block-10"> <a href="/politica-de-privacidade/" class="xs-link white padding left">Política de Privacidade</a> <div class="xs-link left">Corte Vadio, LDA ©2023 - Criado por <a href="https://www.pathfinders.design" title="Ir para Pathfinders Website" target="_blank" class="link-span">Pathfinders</a> </div> </div> <a href="#" class="footer-logo-link w-inline-block"><img src="/static/images/logo-white.svg" alt="corte vadio logotipo" class="image-logo-footer"></a> </div> </div> </footer> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fe8a342b7e6298334d4cde0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> <script src="/static/js/webflow.js" type="text/javascript"></script> <!-- Google Places Autocomplete --> <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA275OXi8wVTBQJMUjoSR4lsk0xI-OKREo&libraries=places&language=pt-PT&callback=initAutocomplete"> </script> <script> window.addEventListener( "pageshow", function ( event ) { var historyTraversal = event.persisted || ( typeof window.performance != "undefined" && window.performance.navigation.type === 2 ); if ( historyTraversal ) { // Handle page restore. window.location.reload(); } }); </script> <!-- Disable Scroll Script --> <script> var Webflow = Webflow || []; var $body = $(document.body); var scrollPosition = 0; Webflow.push(function () { $('[scroll=disable]').on('click', function () { var oldWidth = $body.innerWidth(); scrollPosition = window.pageYOffset; $body.css('overflow', 'hidden'); $body.css('position', 'fixed'); $body.css('top', `-${scrollPosition}px`); $body.width(oldWidth); }); $('[scroll=enable]').on('click', function () { if ($body.css('overflow') != 'hidden') { scrollPosition = window.pageYOffset; } $body.css('overflow', ''); $body.css('position', ''); $body.css('top', ''); $body.width(''); $(window).scrollTop(scrollPosition); }); }); </script> <script> /*! Nova Foto */ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#imagePreview').css('background-image', 'url(' + e.target.result + ')'); $('#imagePreview').hide(); $('#imagePreview').fadeIn(650); } reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function() { readURL(this); }); </script> <script> $("select[name='ordering']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("select[name='city']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("#pesquisar-barbeiro-limpar").on("click", function(e) { $("#search-clear").val(true); $("#wf-form-Pesquisar-Barbeiros").submit(); }); </script> <script> $("#newsletter-form").submit(function(e) { e.preventDefault; let email = $(this).find('#email').val(); $.ajax({ method: "post", url: "/newsletter", async: true, data: { "csrfmiddlewaretoken": "XhEthZ6HZ6kCYGq0ovrQxjR7k8bemE89m5QNoyn0dUXeMbkocPGrDM70Cu2eHAnd", "email": email, }, success: function(response) { $(".error-message").hide(); $("#newsletter-form").hide(); $(".success-message").find("div").html(response['message']); $(".success-message").removeClass("hide"); }, error: function(response) { $(".error-message").find("div").html(response.responseJSON['message']); $(".error-message").removeClass("hide"); $(".error-message").attr("display", "block"); } }); }); </script> <!-- Booking actions --> <script> $(".button-accept").click(function() { if ($(this).hasClass("button-payment")) { return; } $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + bookingId; $(bookingAcceptModal).show(); }); $(".button-popup.cancel").click(function() { let modalId = $(this).data("modal-booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + modalId; let bookingCancelModal = "#booking-popup-cancel-" + modalId; $(bookingAcceptModal).hide(); $(bookingCancelModal).hide(); let bookingModal = "#booking-" + modalId; $(bookingModal).show(); }); $(".button-cancel").click(function() { $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingCancelModal = "#booking-popup-cancel-" + bookingId; $(bookingCancelModal).show(); }); </script> <!-- Calendar day showing events --> <script> $(".calendar-day").click(function() { let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); $(".close-calendar-day").click(function(e) { if ($(".booking-event").css("display") == "block") { $(".modal").hide(); let calendarDay = $(this).parent().parent().parent().parent(".calendar-day").data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).show(); } else { $(".modal").hide(); } }); $(".calendar-event").click(function() { let calendarDay = $(this).data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).hide(); let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); </script> <!-- Error message close --> <script> $(".error-message-close").click(function() { $(this).parent("div").hide(); }); </script> <script> /* IMAGE UPLOAD */ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#imagePreview').css('background-image', 'url('+e.target.result +')'); $('#imagePreview').hide(); $('#imagePreview').fadeIn(650); } reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function() { readURL(this); }); </script> <script> $("#newsletter-form").submit(function(e) { e.preventDefault; let email = $(this).find('#email').val(); $.ajax({ method: "post", url: "/newsletter", async: true, data: { "csrfmiddlewaretoken": "XhEthZ6HZ6kCYGq0ovrQxjR7k8bemE89m5QNoyn0dUXeMbkocPGrDM70Cu2eHAnd", "email": email, }, success: function(response) { $(".error-message").hide(); $("#newsletter-form").hide(); $(".success-message").find("div").html(response['message']); $(".success-message").removeClass("hide"); }, error: function(response) { $(".error-message").find("div").html(response.responseJSON['message']); $(".error-message").removeClass("hide"); $(".error-message").attr("display", "block"); } }); }); </script> </body> </html>