/* global React */ const { useEffect, useRef, useState } = React; const LINKS = { booksy: "https://jcutzzllc.booksy.com/j/", ig: "https://www.instagram.com/jcutzz_llc/", maps: "https://www.google.com/maps/dir/?api=1&destination=3122+W+Indian+School+Rd,+Phoenix,+AZ+85017", }; /* ---------- Light streaks ---------- */ function Streaks({ count = 12 }) { const items = Array.from({ length: count }, (_, i) => { const left = (i * 8.7 + 5) % 100; const delay = (i * 0.5) % 6; const dur = 5 + ((i * 1.3) % 4); const h = 60 + ((i * 17) % 140); return ( ); }); return

{items}

; } /* ---------- Icons ---------- */ const Icons = { haircut: ( ), fade: ( ), beard: ( ), kid: ( ), mobile: ( ), pin: ( ), clock: ( ), ig: ( ), arrow: ( ), }; /* ---------- Reveal hook ---------- */ function useReveal() { useEffect(() => { const els = document.querySelectorAll(".reveal"); const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -60px 0px" } ); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } /* ---------- Nav ---------- */ function Nav() { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } /* ---------- Hero ---------- */ function Hero() { return (

Phoenix, AZ · By Appointment Private Studio · Mobile Available

JCUTZZ

Precision Cuts.
Premium Experience.

Phoenix's private barber studio. Book on Booksy or DM for mobile service.

Book on Booksy {Icons.arrow} See Cuts {Icons.arrow} {Icons.ig} DM for Mobile

5★

Client Rated

PHX

Indian School Rd

WED/SAT

9 to 7

1:1

Private Studio

); } /* ---------- About ---------- */ function About() { return (

01 / The Studio

A Cut Above.
By Design.

Private studio in Phoenix. One chair, one client, one standard. Mobile service available across the valley.

By Appointment
Single-Client Sessions
Sanitized Tools
Mobile Available
Consult Included
Booksy Booking

★

5-Star Barber
Phoenix · Mobile Avail.

); } /* ---------- Services ---------- */ const SERVICES = [ { n: "01", icon: Icons.haircut, title: "Haircut", price: "$50" }, { n: "02", icon: Icons.beard, title: "Beard", price: "$20" }, { n: "03", icon: Icons.fade, title: "Haircut + Beard", price: "$60" }, { n: "04", icon: Icons.kid, title: "Kid's Haircut", price: "$35" }, ]; function Services() { return (

02 / The Menu