We print on 20+ garment types — t-shirts, hoodies, jerseys, uniforms, and more — across a wide range of fabrics including cotton, fleece, polyester, and recycled blends.
);
}
function LaserExtras() {
return (
We engrave on leather, wood, acrylic, and metal-coated surfaces — from custom hat patches and bag accents to tumblers, mugs, awards, and signage. All done in-house for fast turnaround.
);
}
function TeamStoreStrip({ onJump }) {
return (
OUTFITTING A SPORTS TEAM?
Ask about our Team Stores! Players and families order in their own sizes.
);
}
function EmbroideryExtras() {
return (
{/* Embroidery Options — 3 column text only */}
Embroidery Options
{[
['Flat Embroidery', 'A clean, smooth stitch that sits flush with the fabric. Perfect for detailed logos and a classic professional look.', 'assets/emb-flat.png', 'center 50%'],
['Puff Embroidery (3D)', 'Raised stitching that adds depth and dimension — most popular on hats for bold, eye-catching designs.', 'assets/emb-puff.png', 'center 50%'],
['Tackle Twill', 'Fabric pieces stitched onto garments for a layered look. Commonly used for athletic lettering and large designs.', 'assets/emb-tackle.png', 'center 50%'],
].map(([title, body, img, pos], i) => (
{title}
{body}
))}
{/* Patch Options — grid of cards */}
Patch Options
We offer a wide range of custom patches that can be sewn or heat-applied to your apparel:
{[
['Embroidered Patches', 'Classic stitched look with bold texture', 'assets/patch-embroidered.png'],
['Woven Patches', 'Fine detail with a smooth finish', 'assets/patch-woven.png'],
['PVC (Rubber) Patches', 'Durable, flexible, and weather-resistant', 'assets/patch-pvc.png'],
['Leather Patches', 'For a precision-embroidered, premium finish', 'assets/patch-leather.png'],
].map(([title, body, img], i) => (
{img
?
:
}
{title}
{body}
))}
);
}
/* ============= Shared carousel for a single product ============= */
function ProductCarousel({ product, isMobile }) {
const [slide, setSlide] = useState(0);
useEffect(() => { setSlide(0); }, [product.id]);
const slides = (product.photos && product.photos.length) ? product.photos : [null];
const total = slides.length;
if (isMobile) {
const maxSlide = Math.max(0, total - 1);
const go = (dir) => setSlide(s => {
const next = s + dir;
if (next < 0) return maxSlide;
if (next > maxSlide) return 0;
return next;
});
return (
{slides.map((src, i) => (
{src ? (
) : (
)}
))}
{total > 1 && (
<>
{Array.from({ length: total }).map((_, i) => (
)}
);
}
const showMulti = total >= 2;
const maxSlide = showMulti ? Math.max(0, total - 2) : 0;
const peekMode = total > 2;
const stepPct = peekMode ? 42 : 50;
const stepPx = peekMode ? 12 : 6;
const go = (dir) => setSlide(s => {
const next = s + dir;
if (next < 0) return maxSlide;
if (next > maxSlide) return 0;
return next;
});
return (
: