!!! 15% OFF !!!
For first time Customers.
Abigael Hair Braiding
home
Gallery
Our Services
Book
Reviews
Direction
contact
Add To Home
home
Gallery
Our Services
Book
Reviews
Direction
contact
Add To Home
</div> <script> jQuery(document).ready(function($) { $('.wrap-sticky nav.navbar.bootsnav.sticked').attr('style', 'top:0 !important;'); $(window).on("scroll", function(e) { e.preventDefault(); }); }); //----END // // Selecting the iframe element // var frame = document.getElementById("Iframe"); // // Adjusting the iframe height onload event // frame.onload = function() { // // set the height of the iframe as // // the height of the iframe content // frame.style.height = frame.contentWindow.document.body.scrollHeight + 'px'; // // set the width of the iframe as the // // width of the iframe content // frame.style.width = frame.contentWindow.document.body.scrollWidth + 'px'; // } </script> </div> <!--contact start--> <footer id="contact" class="contact"> <div class="container"> <div class="footer-top"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="single-footer-widget"> <div class="footer-logo"> <a href="https://abigaelhairbraiding.com/"><img class="store_img" src="https://www.afrothentik.com/wp-content/uploads/2024/11/logo-1.webp" /></a> </div> <h1 class="footer-title">about Abigael Hair Braiding</h1> <div class="footer-about"> #1 Hair Braiding in Irvington/Newark Stuyvesant area </div> <div class="footer-contact"> <!-- <p>info@afrothentik.com</p> --> <p>908.590.9380</p> </div> </div> </div> <!-- <div class="col-md-2 col-sm-6"> <div class="single-footer-widget"> <h2>about Abigael Hair Braiding</h2> <ul> <li><a href="#">about us</a></li> <li><a href="#">career</a></li> <li><a href="#">terms <span> of service</span></a></li> <li><a href="#">privacy policy</a></li> </ul> </div> </div> --> <div class="col-md-3 col-xs-12"> <div class="single-footer-widget"> <h1 class="footer-title">Opening hours</h1> <div class="row"> <div class="col-md-7 col-xs-6"> <ul> <li><a href="javascript:;">Monday</a></li> <li><a href="javascript:;">Tuesday</a></li> <li><a href="javascript:;">Wednesday</a></li> <li><a href="javascript:;">Thursday</a></li> <li><a href="javascript:;">Friday</a></li> <li><a href="javascript:;">Saturday</a></li> <li><a href="javascript:;">Saturday</a></li> </ul> </div> <div class="col-md-5 col-xs-6 aftk_opening_hours"> <ul> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> <li><a class="hrs-time" href="javascript:;">9:00 AM - 7:00 PM</a></li> </ul> </div> </div> </div> </div> <div class="col-md-offset-1 col-md-3 col-sm-6"> <div class="single-footer-widget"> <h2>news letter</h2> <div class="footer-newsletter"> <p> Subscribe to get latest news update and informations </p> </div> <div class="hm-foot-email"> <div class="foot-email-box"> <input type="text" class="form-control" placeholder="Add Email"> </div><!--/.foot-email-box--> <div class="foot-email-subscribe"> <span><i class="fa fa-arrow-right"></i></span> </div><!--/.foot-email-icon--> </div><!--/.hm-foot-email--> </div> </div> </div> </div> <div class="footer-copyright"> <div class="row"> <div class="col-sm-6"> <p> ©Copyright <a href="https://www.afrothentik.com/">afrothentik</a> </p><!--/p--> </div> <div class="col-sm-6"> <div class="footer-social"> <a target="_new" href=""><i class="fa fa-facebook"></i></a> <a target="_new" href=""><i class="fa fa-instagram"></i></a> <a target="_new" href=""><i class="fa fa-tiktok"></i></a> <!-- <a href="#"><i class="fa fa-pinterest-p"></i></a> <a href="#"><i class="fa fa-behance"></i></a> --> </div> </div> </div> </div><!--/.footer-copyright--> </div><!--/.container--> <div id="scroll-Top"> <div class="return-to-top"> <i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip" data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i> </div> </div><!--/.scroll-Top--> </footer><!--/.contact--> <!--contact end--> <!-- Include all js compiled plugins (below), or include individual files as needed --> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/jquery.js"></script> <!--modernizr.min.js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <!--bootstrap.min.js--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/bootstrap.min.js"></script> <!-- bootsnav js --> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/bootsnav.js"></script> <!--owl.carousel.js--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/owl.carousel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <!--Custom JS--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/custom.js"></script> <script> jQuery(document).ready(function($) { }); //----END </script> <style> .aftk-top-layer { position: relative; z-index: 99999999; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; /* z-index: 99999999; */ } #phoneModal .modal-title { text-align: center; text-transform: none !important; color: #fff; } #phoneModal { background-color: black; display: none; justify-content: center; align-items: center; z-index: -1; } .section-toolbar i { font-size: 18px; margin-right: 5px; } #phoneModal .iti { min-width: 100% !important; } #phoneModal .modal-header { background: #607D8B; color: #fff !important; width: 100%; display: block !important; align-items: center; } #phoneModal .modal-content { height: inherit; } #phoneModal .modal-body { max-height: inherit !important; height: inherit; } .aftk-field { height: 50px !important; width: 100% !important; min-width: 300px !important; padding: 0 0 0 5px !important; background-color: #607d8b1f; } #phone_number { padding: 0 0 0 50px !important; } div#alert-success-phone { width: 30% !important; padding: 20px 10px 20px 60px !important; } .section-col0 { margin-bottom: 5px; } .section-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 15px 0 0 0; } .title-form { font-size: 15px !important; background: #cccccc9c; padding: 10px; margin: 0 !important; text-align: center; } .aftk-btn-small { font-size: 15px; margin-left: 5px; cursor: pointer !important; } @media screen and (max-width: 992px) { div#alert-success-phone { width: 100% !important; } } </style> <!-- <div id="alert-success-phone" class="alert alert-success alert-white rounded msg"> <div class="icon"><i class="fa fa-check"></i></div> <strong class="title-form">What is your CALL BACK number<br /> in case we get disconnected</strong> <div> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Name:</h2> </div> <div class="ph-row"> <input maxlength="50" placeholder="Firstname, Lastname" class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname"> </div> </section> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Phone:</h2> </div> <div class="ph-row"> <input placeholder="Enter your phone" class="ctrl-lg phone aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number"> </div> </section> <section class="section-toolbar"> <a class="btn btn-default noHover aftk-btn-small btnPhoneCallClose" href="javascript:;"> <i class="fa fa-times" aria-hidden="true"></i><span>Close</span> </a> <a class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled" href="javascript:;"> <i class="fa fa-phone" aria-hidden="true"></i><span>Call 908.590.9380</span> </a> </section> </div> </div> --> <div class="container"> <!-- Modal --> <div class="modal fade" id="phoneModal" role="dialog"> <div class="modal-dialog modal-md modal-dialog-centered "> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal">×</button> --> <h4 class="modal-title"> What is your best CALL BACK number<br /> in case we get disconnected </h4> </div> <div class="modal-body"> <div> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Name:</h2> </div> <div class="ph-row"> <input maxlength="50" placeholder="Firstname, Lastname" class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname"> </div> </section> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Phone:</h2> </div> <div class="ph-row"> <input placeholder="Enter your phone" class="ctrl-lg phone_number aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number"> </div> </section> </div> </div> <div class="modal-footer"> <section class="section-toolbar"> <button data-dismiss="modal" class="btn btn-default noHover aftk-btn-small btnPhoneCallClose"> <i class="fa fa-times" aria-hidden="true"></i><span>Close</span> </button> <button class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled"> <i class="fa fa-phone" aria-hidden="true"></i><span>Call 908.590.9380</span> </button> </section> <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> </div> <!-- LoadingOverlay --> <script defer src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script> <link defer rel='stylesheet' href='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css'> <script src='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.js'></script> <script> //-------------------- const input_phone_number = document.querySelector("#phone_number"); const iti = window.intlTelInput(input_phone_number, { // separateDialCode: true, initialCountry: "us", loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"), }); // store the instance variable so we can access it in the console e.g. window.iti.getNumber() window.iti = iti; //-------------------- //-------------------USER INFO --------------- function IsEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!regex.test(email)) { return false; } else { return true; } } function IsValidPhone(valIn) { var regex = /([0-9]{10})|(\([0-9]{3}\)\s+[0-9]{3}\-[0-9]{4})/; if (!regex.test(valIn)) { return false; } else { return true; } } function formatPhoneNumber(phoneNumberString) { var cleaned = ('' + phoneNumberString).replace(/\D/g, '') var match = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/) if (match) { var intlCode = (match[1] ? '+1 ' : '') return [intlCode, '(', match[2], ') ', match[3], '-', match[4]].join('') } return null } //-------------------END:: USER INFO ----------- jQuery(document).ready(function($) { const ph_call = '908.590.9380'; var entity_id = '10554'; var event_type_selected = 'PHONE_CALL'; var href_selected = 'tel:' + ph_call; function showOverlay(status = 'show', elt = 'body') { $(elt).LoadingOverlay(status); } function closeForm() { $('.phone_number').val(''); $('#fullname').val(''); $('#phoneModal').modal('hide'); } $(document).on('click', '.btnPhoneCallClose', function(e) { closeForm(); }); //--btnPhoneCallClose $(document).on('open:countrydropdown', input_phone_number, function(e) { // console.log("The country dropdown was expanded 111.", e); $('#phoneModal .modal-body').css('height', '300px'); }); //--input_phone_number $(document).on('close:countrydropdown', input_phone_number, function(e) { // console.log("The country dropdown was closed 222.", e); $('#phoneModal .modal-body').css('height', 'inherit'); }); //--input_phone_number $(document).on('click', '.btnPhoneCallProcess', function(e) { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); if (IsValidPhone(ph) && fullname?.length) { saveData(); return false; } else { return false; } }); //--btnPhoneCallClose $(document).on('click', '.btnPhoneCall', function(e) { e.stopPropagation(); e.preventDefault(); $('#phoneModal').modal('show'); event_type_selected = 'PHONE_CALL'; href_selected = $(this).attr('href'); $('#phoneModal').css('display', 'flex'); console.log('--btnPhoneCall--', href_selected, event_type_selected) return false; }); //--btnPhoneCall $(document).on('click', '.btnPhoneCallWhatsapp', function(e) { e.stopPropagation(); e.preventDefault(); $('#phoneModal').modal('show'); event_type_selected = 'WHATSAPP_CONTACT'; href_selected = $(this).attr('href'); console.log('--btnPhoneCallWhatsapp--', href_selected, event_type_selected) return false; }); //--btnPhoneCall $('#phoneModal').on('hidden.bs.modal', function() { $('#phoneModal.modal').css('z-index', -1); }) $('#phoneModal').on('shown.bs.modal', function(e) { $('#phoneModal.modal').css('z-index', 99999999); }) $(document).on('keyup', '.aftk-field', function(e) { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); if (IsValidPhone(ph) && fullname?.length) { $(".btnPhoneCallProcess").removeClass('disabled'); } else { $(".btnPhoneCallProcess").addClass('disabled'); } }); //--aftk-field function saveData() { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); const allData = [{ name: fullname, phone: ph, date_today: new Date(), event_type: event_type_selected }]; var data = { post_id: '10554', data: allData }; if (data.post_id) { showOverlay('show'); $.ajax({ url: "https://www.afrothentik.com//z_crm/zp_crm_process.php", type: "POST", data: { action: 'save_contacts_event', data: data }, success: function(html) { showOverlay('hide'); try { if (html) { if (window.ajax_clean_response) { html = window.ajax_clean_response(html, '{"result":'); } var obj = JSON.parse(html); console.log('--saveData-rufin-111---', obj); if (obj && obj.result) { closeForm(); window.location.href = href_selected; } } } catch (ex) { console.error('--Error-rufin----', ex.message, html); // alert(ex.message); } }, fail: function(error) { console.error('--Error-rufin--222--', JSON.stringify(error)); showOverlay('hide'); // alert("error" + JSON.stringify(error)); } }); } } //---saveData }); //----END </script></body> </html><script> window.onload = function() { document.querySelector(".preloader").style.display = "none"; var metaTag = $('<meta>'); metaTag.attr('name', 'viewport'); metaTag.attr('content', 'width=device-width, initial-scale=1.0'); $('head').append(metaTag); } window.ajax_clean_response = (resp, prefix) => { var index = resp.indexOf(prefix); var result = resp; if (index !== -1) { result = resp.substring(index); } return result; } $.urlParam = function(name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); return (results?.length) ? results[1] : 0; } const scrollToElement = (targetId) => { // Get the target element's ID from the href attribute // var targetId = this.hash; // Select the target element using jQuery var $targetElement = $(targetId); // Animate the scroll to the target element's position $('html, body').stop().animate({ 'scrollTop': $targetElement.offset().top }, 800, 'swing', function() { // Optional: Update the URL hash after the animation completes // window.location.hash = targetId; }); $('html, body').animate({ scrollTop: $(elt).offset().top }, 2000); }; //--scrollToElement $(document).ready(function() { // console.log('----rufin--footer-----', $("body .wrapper")); // $("body .wrapper").children().unwrap(); var link = $("<link>"); link.attr({ rel: "shortcut icon", type: "image/x-icon", href: "https://www.afrothentik.com/wp-content/uploads/2024/11/icon-braid-1.png?" // Replace with the actual path }); $("head").append(link); //----img from digisign const book_img = $.urlParam('p'); if (book_img) { $('.model-img').attr('src', book_img); setTimeout(() => { scrollToElement('#appointment'); }, 150) } //----END::img from digisign //------ Add to home $(document).on('click', '.btnAddToHome', function(event) { // console.log('----rufin--footer-----', 'https://www.afrothentik.com/wp-content/uploads/2024/11'); window.AddToHomeScreenInstance = window.AddToHomeScreen({ appName: "Abigael Hair Braiding", // Name of the app. // Required. appNameDisplay: 'standalone', // If set to 'standalone' (the default), the app name will be diplayed // on it's own, beneath the "Install App" header. If set to 'inline', the // app name will be displayed on a single line like "Install MyApp" // Optional. Default 'standalone' // appIconUrl: 'apple-touch-icon.png', // App icon link (square, at least 40 x 40 pixels). appIconUrl: 'https://www.afrothentik.com/wp-content/uploads/2024/11/icon-braid-1.png', // App icon link (square, at least 40 x 40 pixels). // Required. // assetUrl: 'https://www.afrothentik.com/wp-content/uploads/2024/11/', // Link to directory of library image assets. assetUrl: 'https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/assets/img/', // Link to directory of library image assets. maxModalDisplayCount: -1, // If set, the modal will only show this many times. // [Optional] Default: -1 (no limit). (Debugging: Use this.clearModalDisplayCount() to reset the count) displayOptions: { showMobile: true, showDesktop: true }, // show on mobile/desktop [Optional] Default: show everywhere allowClose: true, // allow the user to close the modal by tapping outside of it [Optional. Default: true] showArrow: true, // show the bouncing arrow on the modal [Optional. Default: true] (highly recommend leaving at true as drastically affects install rates) }); ret = window.AddToHomeScreenInstance.show('en'); // show "add-to-homescreen" instructions to user, or do nothing if already added to homescreen // [optional] language. If left blank, then language is auto-decided from (1) URL param locale='..' (e.g. /?locale=es) (2) Browser language settings }); //---btnAddToHome //------ END::Add to home $(document).on('click', '.scroll0 a, .aftk-content', function(event) { if ($('.navbar-toggle').attr('aria-expanded')?.toString() === 'true') { $('.navbar-toggle').trigger('click'); } }); //---body // $(document).on('click', 'body', function(event) { // console.log('----rufin--footer-body----', event.target, $(event.target).hasClass('navbar-toggle'), $('navbar-toggle').hasClass('collapsed')); // event.stopPropagation(); // if (!$(event.target).hasClass('navbar-header') && !$(event.target).hasClass('navbar-toggle') && $('navbar-toggle').attr('aria-expanded')) { // $('.navbar-toggle').trigger('click'); // } // }); //---body }); </script> <script async defer type="text/javascript" src="https://abigaelhairbraiding.com/assets/js/script_local.js?t=1760930747"></script>
