KIT-CuT Barber Shop

Haircut is a man’s make-up.

Welcome to KIT-CuT Barber Shop, where precision meets style. Your perfect haircut starts here!

Our Services

Haircut

₱350

Haircut/Consultation

₱799

Shave/Massage

Add ₱299

Complete Package

₱899

Find Us

In front of Enoc Gas Station, Lagundi, Mexico, Pampanga

Scan QR or visit our Facebook Page

/* RESET */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; } /* COLORS & THEME */ body { background-color: #111; color: #eee; line-height: 1.6; } a { color: #aaa; text-decoration: none; } a:hover { color: #fff; } /* HEADER */ header { text-align: center; padding: 2rem 1rem; font-size: 2rem; font-weight: bold; letter-spacing: 2px; } /* HERO */ .hero { text-align: center; padding: 3rem 1rem; font-size: 1.5rem; font-style: italic; } /* ABOUT */ .about { max-width: 800px; margin: 0 auto; padding: 2rem 1rem; text-align: center; } /* SERVICES */ .services { padding: 2rem 1rem; text-align: center; } .cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 1rem; } .card { background-color: #222; padding: 1rem; border-radius: 10px; width: 200px; text-align: center; transition: transform 0.3s; } .card:hover { transform: scale(1.05); } /* LOCATION */ .location { padding: 2rem 1rem; text-align: center; } /* CONTACT */ .contact { padding: 2rem 1rem; text-align: center; } /* CTA */ .cta { text-align: center; padding: 2rem 1rem; } .cta button { padding: 0.8rem 2rem; background-color: #555; color: #eee; border: none; border-radius: 5px; font-size: 1rem; cursor: pointer; transition: background-color 0.3s; } .cta button:hover { background-color: #777; } /* FOOTER */ footer { text-align: center; padding: 1rem; font-size: 0.9rem; background-color: #111; margin-top: 2rem; } /* FADE-IN ANIMATION */ .fade-in { opacity: 0; transform: translateY(20px); animation: fadeIn 1s forwards; animation-delay: 0.3s; } .fade-in:nth-child(2) { animation-delay: 0.5s; } .fade-in:nth-child(3) { animation-delay: 0.7s; } .fade-in:nth-child(4) { animation-delay: 0.9s; } .fade-in:nth-child(5) { animation-delay: 1.1s; } .fade-in:nth-child(6) { animation-delay: 1.3s; } .fade-in:nth-child(7) { animation-delay: 1.5s; } .fade-in:nth-child(8) { animation-delay: 1.7s; } @keyframes fadeIn { to { opacity: 1; transform: translateY(0); } } /* RESPONSIVE */ @media(max-width: 600px) { .cards { flex-direction: column; align-items: center; } .card { width: 90%; } }