(function() { document.body.style.background = "radial-gradient(circle at 0% 0%, rgba(37, 211, 102, 0.03) 0%, transparent 35%), radial-gradient(circle at 100% 100%, rgba(99, 102, 241, 0.03) 0%, transparent 35%), #f8fafc"; var FALLBACKS = [ 'https://images.unsplash.com/photo-1560066984-138dadb4c035?q=80&w=800&auto=format&fit=crop', 'https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?q=80&w=600&auto=format&fit=crop', 'https://images.unsplash.com/photo-1605497746444-ac9da5848ba7?q=80&w=600&auto=format&fit=crop' ]; function attachFallback(img, fallbackSrc) { img.onerror = function() { if (this.dataset.fallbackUsed) return; this.dataset.fallbackUsed = '1'; this.src = fallbackSrc; }; } var galleryImgs = document.querySelectorAll('.fr-gallery-img'); galleryImgs.forEach(function(img, i) { attachFallback(img, FALLBACKS[i % FALLBACKS.length]); }); var portfolioImgs = document.querySelectorAll('.fr-portfolio-img'); portfolioImgs.forEach(function(img) { img.onerror = function() { if (this.dataset.fallbackUsed) return; this.dataset.fallbackUsed = '1'; this.closest('.fr-portfolio-img-wrap') && (this.closest('.fr-portfolio-img-wrap').style.display = 'none'); this.style.opacity = '0'; }; }); // Toast system var toastContainer = document.querySelector('.it-toast-container'); if (!toastContainer) { toastContainer = document.createElement('div'); toastContainer.className = 'it-toast-container'; document.body.appendChild(toastContainer); } var SVGS = { link: '', heartAdd: '', heartRemove: '', warning: '' }; function showToast(message, iconSvg) { var toast = document.createElement('div'); toast.className = 'it-toast'; toast.style.display = 'flex'; toast.style.alignItems = 'center'; toast.style.gap = '10px'; toast.innerHTML = '' + (iconSvg || '') + '' + message + ''; toastContainer.appendChild(toast); setTimeout(function() { toast.style.opacity = '0'; toast.style.transform = 'translateY(-10px) scale(0.95)'; setTimeout(function() { toast.remove(); }, 250); }, 2500); } // Share Button var shareBtn = document.querySelector('.fr-share-btn'); if (shareBtn) { shareBtn.addEventListener('click', function() { var url = window.location.href; if (navigator.share) { navigator.share({ title: document.title, url: url }).catch(function() {}); } else { navigator.clipboard.writeText(url).then(function() { showToast('Link copied to clipboard!', SVGS.link); }).catch(function() { showToast('Failed to copy link.', SVGS.warning); }); } }); } // Favorite Button var favBtn = document.querySelector('.fr-fav-btn'); var bizId = '389'; if (favBtn) { var favs = JSON.parse(localStorage.getItem('it-favorites') || '[]'); if (favs.indexOf(bizId) !== -1) { favBtn.classList.add('active'); } favBtn.addEventListener('click', function() { favs = JSON.parse(localStorage.getItem('it-favorites') || '[]'); var idx = favs.indexOf(bizId); if (idx === -1) { favs.push(bizId); favBtn.classList.add('active'); showToast('Added to favorites!', SVGS.heartAdd); } else { favs.splice(idx, 1); favBtn.classList.remove('active'); showToast('Removed from favorites.', SVGS.heartRemove); } localStorage.setItem('it-favorites', JSON.stringify(favs)); }); } // Scrollspy Navigation Tabs var tabs = document.querySelectorAll('.fr-sticky-tabs .fr-tab'); var sections = document.querySelectorAll('.fr-section'); function scrollspy() { var scrollPos = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop; var offset = 140; for (var i = 0; i < sections.length; i++) { var section = sections[i]; var top = section.offsetTop - offset; var height = section.offsetHeight; var id = section.getAttribute('id'); if (scrollPos >= top && scrollPos < top + height) { tabs.forEach(function(tab) { tab.classList.remove('active'); if (tab.getAttribute('href') === '#' + id) { tab.classList.add('active'); } }); } } } window.addEventListener('scroll', scrollspy); setTimeout(scrollspy, 100); tabs.forEach(function(tab) { tab.addEventListener('click', function(e) { e.preventDefault(); var targetId = tab.getAttribute('href').substring(1); var targetSection = document.getElementById(targetId); if (targetSection) { var targetTop = targetSection.offsetTop - 120; window.scrollTo({ top: targetTop, behavior: 'smooth' }); tabs.forEach(function(t) { t.classList.remove('active'); }); tab.classList.add('active'); } }); }); // Category Filtering var filterPills = document.querySelectorAll('.fr-filter-pill'); var serviceRows = document.querySelectorAll('.fr-svc-row'); filterPills.forEach(function(pill) { pill.addEventListener('click', function() { filterPills.forEach(function(p) { p.classList.remove('active'); }); pill.classList.add('active'); var filterVal = pill.getAttribute('data-filter'); var target = (filterVal || "").toLowerCase(); serviceRows.forEach(function(row) { var rowCat = (row.getAttribute('data-category') || "").toLowerCase(); var svcTitleEl = row.querySelector('.fr-svc-name'); var svcName = (svcTitleEl ? svcTitleEl.textContent : "").toLowerCase(); if (target === 'all') { row.style.display = 'flex'; return; } // 1. Direct Category Match if (rowCat && rowCat === target) { row.style.display = 'flex'; return; } // 2. Keyword fallback matching var matched = false; if (target.indexOf("consult") !== -1) matched = /consult|guidance|advisory|session|review|discussion/i.test(svcName); else if (target.indexOf("visa") !== -1) matched = /visa|permit|entry|passport|immigration/i.test(svcName); else if (target.indexOf("document") !== -1 || target.indexOf("filing") !== -1) matched = /document|file|filing|application|submission|form/i.test(svcName); else if (target.indexOf("diagnostic") !== -1 || target.indexOf("checkup") !== -1) matched = /diagnostic|checkup|exam|test|scan|screening/i.test(svcName); else if (target.indexOf("massage") !== -1 || target.indexOf("therapy") !== -1) matched = /massage|therapy|body|facial|skin|care|treatment/i.test(svcName); else if (target.indexOf("haircut") !== -1 || target.indexOf("cut") !== -1) matched = /haircut|shave|cut|trim|grooming|beard/i.test(svcName); else if (target.indexOf("styling") !== -1) matched = /styling|color|blowout|straightening|keratin|olaplex/i.test(svcName); else if (target.indexOf("treatment") !== -1) matched = /treatment|facial|massage|polish|nails|hydra/i.test(svcName); if (matched) { row.style.display = 'flex'; } else { row.style.display = 'none'; } }); }); }); })();

Styles & Curls Salon

Services

Blowout

Hair Coloring

Haircut (Women)

Hair Treatment

Highlights

Hydra Facial

About

Styles & Curls Salon

Intellibook AI