const { useEffect, useMemo, useRef, useState } = React;
const Logo = () => (
);
const Icon = ({ name, size = 18, color = "currentColor", stroke = 1.7 }) => {
const s = size;
switch (name) {
case "pin":
return ;
case "phone":
return ;
case "mail":
return ;
case "search":
return ;
case "upload":
return ;
case "image":
return ;
case "x":
return ;
case "check":
return ;
case "arrow-right":
return ;
case "chev":
return ;
default:
return null;
}
};
const PN_PHOTOS = [
{
src: 'images/cart-1.jpg',
caption: 'Stamped under the drawer rail',
body: 'On some units, the number is red-ink stamped on the aluminum edge beneath one of the drawer slides. Pull the drawer to full extension or remove it to check.',
},
{
src: 'images/cart-2.jpg',
caption: 'Under the drawer mat',
body: 'Open a drawer and lift up the black non-slip liner. If present, the project number is on a white QR sticker on the drawer floor.',
},
{
src: 'images/cabinet-1.jpg',
caption: 'Inside, on the vertical posts',
body: 'A small white sticker may be on one of the slotted aluminum uprights — sometimes near the top of a front post, sometimes mid-height on a back post.',
},
{
src: 'images/cabinet-2.jpg',
caption: 'Lower frame, near the hinge',
body: 'With the door open, check the bottom inside corner near the hinge. On some units the number is printed on the aluminum frame member just above the floor.',
},
{
src: 'images/cabinet-3.jpg',
caption: 'Backsplash — rear view',
body: 'View from behind the base cabinets. The sticker is affixed to the backsplash panel at the top of the unit.',
},
{
src: 'images/cabinet-4.jpg',
caption: 'Inside the drawers',
body: 'The laser-etched number can appear in any drawer, not just the first one. Check the floor of each drawer for a white QR sticker or etching.',
},
{
src: 'images/drawer.jpg',
caption: 'Stamped on the rail edge',
body: 'Look along the front aluminum edge just below the drawer slide. The number is red-ink stamped — angle the unit toward the light to read it.',
},
{
src: 'images/drawer-housing.jpg',
caption: 'Top-center of the back panel',
body: 'Flip the unit so you can see the back. A white printed label is fastened near the top center, between the upper mounting holes.',
},
{
src: 'images/shelf.jpg',
caption: 'Red stamp, center of the shelf',
body: 'Slide the shelf out. The number is red-ink stamped directly on the aluminum surface, typically near the center.',
},
{
src: 'images/tdu.jpg',
caption: 'Back wall above the drawer slides',
body: 'The top drawers must be removed to reveal the project number. Once removed, look for a small white QR sticker on the inner back wall, just above the top row of drawer slides.',
},
];
const PNModal = ({ open, onClose }) => {
const [lightbox, setLightbox] = useState(null);
useEffect(() => {
if (!open) return;
const k = e => {
if (e.key !== 'Escape') return;
if (lightbox) setLightbox(null);
else onClose();
};
window.addEventListener('keydown', k);
document.body.style.overflow = 'hidden';
return () => { window.removeEventListener('keydown', k); document.body.style.overflow = ''; };
}, [open, onClose, lightbox]);
if (!open) return null;
return (
e.stopPropagation()}>
Find your project number
Every CTech build carries a project number — printed, stickered, or ink-stamped somewhere on the unit. Scroll through the examples below to see where it might be on yours. Click any photo to zoom in.
Your request is in the queue. A CTech warranty tech will reach out to the email and phone number you provided within one business day. Keep this reference number for your records:
);
const Icon = ({ name, size = 18, color = "currentColor", stroke = 1.7 }) => {
const s = size;
switch (name) {
case "pin":
return ;
case "phone":
return ;
case "mail":
return ;
case "search":
return ;
case "upload":
return ;
case "image":
return ;
case "x":
return ;
case "check":
return ;
case "arrow-right":
return ;
case "chev":
return ;
default:
return null;
}
};
const PN_PHOTOS = [
{
src: 'images/cart-1.jpg',
caption: 'Stamped under the drawer rail',
body: 'On some units, the number is red-ink stamped on the aluminum edge beneath one of the drawer slides. Pull the drawer to full extension or remove it to check.',
},
{
src: 'images/cart-2.jpg',
caption: 'Under the drawer mat',
body: 'Open a drawer and lift up the black non-slip liner. If present, the project number is on a white QR sticker on the drawer floor.',
},
{
src: 'images/cabinet-1.jpg',
caption: 'Inside, on the vertical posts',
body: 'A small white sticker may be on one of the slotted aluminum uprights — sometimes near the top of a front post, sometimes mid-height on a back post.',
},
{
src: 'images/cabinet-2.jpg',
caption: 'Lower frame, near the hinge',
body: 'With the door open, check the bottom inside corner near the hinge. On some units the number is printed on the aluminum frame member just above the floor.',
},
{
src: 'images/cabinet-3.jpg',
caption: 'Backsplash — rear view',
body: 'View from behind the base cabinets. The sticker is affixed to the backsplash panel at the top of the unit.',
},
{
src: 'images/cabinet-4.jpg',
caption: 'Inside the drawers',
body: 'The laser-etched number can appear in any drawer, not just the first one. Check the floor of each drawer for a white QR sticker or etching.',
},
{
src: 'images/drawer.jpg',
caption: 'Stamped on the rail edge',
body: 'Look along the front aluminum edge just below the drawer slide. The number is red-ink stamped — angle the unit toward the light to read it.',
},
{
src: 'images/drawer-housing.jpg',
caption: 'Top-center of the back panel',
body: 'Flip the unit so you can see the back. A white printed label is fastened near the top center, between the upper mounting holes.',
},
{
src: 'images/shelf.jpg',
caption: 'Red stamp, center of the shelf',
body: 'Slide the shelf out. The number is red-ink stamped directly on the aluminum surface, typically near the center.',
},
{
src: 'images/tdu.jpg',
caption: 'Back wall above the drawer slides',
body: 'The top drawers must be removed to reveal the project number. Once removed, look for a small white QR sticker on the inner back wall, just above the top row of drawer slides.',
},
];
const PNModal = ({ open, onClose }) => {
const [lightbox, setLightbox] = useState(null);
useEffect(() => {
if (!open) return;
const k = e => {
if (e.key !== 'Escape') return;
if (lightbox) setLightbox(null);
else onClose();
};
window.addEventListener('keydown', k);
document.body.style.overflow = 'hidden';
return () => { window.removeEventListener('keydown', k); document.body.style.overflow = ''; };
}, [open, onClose, lightbox]);
if (!open) return null;
return (
