2 } />

{/* Search */}

Search singlets, fabrics, brands

{/* Featured drop hero */}

SPONSOR DROP · LIVE

Spartan Combat × TKDN · 48H

Open Mat capsule.

4 cuts. Limited print run. Ends Friday.

{/* Hub tiles */}

BROWSE

{[ { k: "TKDN-STORE", t: "Takedown Store", s: "12 cuts · in stock" }, { k: "DESIGNER", t: "Custom Designer", s: "Build · ship in 14d", tint: "var(--module-builder)" }, { k: "TEAM-STORES", t: "Team Stores", s: "Order for your room" }, { k: "ATH-STORES", t: "Athlete Stores", s: "Sponsor your roster" }, ].map((tile) => (

{tile.k}

{tile.t}

{tile.s}

))}

{/* Order strip */}

YOUR ORDERS VIEW ALL

ORDER · #4421 STITCHING · D6

NCAA Loadout · TD-SGL-014

Ships May 22 · ETA May 26

{/* New arrivals row */}

NEW ARRIVALS

{[ { c: "TD-SGL-015", n: "Clutch", p: "$78" }, { c: "TD-FS-008", n: "Fader Short", p: "$54" }, { c: "TD-RG-002", n: "Rashguard LS", p: "$62" }, { c: "TD-SGL-016", n: "Trials", p: "$82" }, ].map((p) => (

{p.c}

{p.n}

{p.p}

))}

); // ── STH-2 · Sponsor Drops (secondary hub) ─────────────────────── const SponsorDropsScreen = () => (

{}} />

{/* Filter pills */}

{["ALL", "LIVE", "ENDING SOON", "TEAM", "SOLO"].map((t, i) => ( {t} ))}

{[ { brand: "Spartan Combat", co: "× TKDN", title: "Open Mat capsule.", body: "4 cuts. Limited print run.", tag: "LIVE · 48H", ph: "arena" }, { brand: "ASICS WR", co: "AUTH", title: "Trials Q3 shoe drop.", body: "GEL-Snapdown · 200 pairs.", tag: "ENDS FRI", ph: "mat" }, { brand: "DAKE", co: "× TKDN", title: "Champ singlet reissue.", body: "Cael cut. Black/red colorway.", tag: "LIVE · 12D", ph: "athlete" }, { brand: "HOMETOWN", co: "× IOWA HAWKS", title: "Carver capsule.", body: "Team store · members only.", tag: "TEAM", ph: "gym" }, ].map((d) => (

{d.tag}

{d.brand} {d.co}

{d.title}

{d.body}

))}

); // ── GEN-1 · Takedown Store (browse) ───────────────────────────── const TakedownStoreBrowseScreen = ({ onOpenPDP }) => (

{}} right={ } />

{/* Category pills */}

{["ALL", "SINGLETS", "FIGHT SHORTS", "RASHGUARDS", "SHOES", "WARM-UPS", "TEES"].map((t, i) => (

{t}

))}

{/* Meta */}

48 RESULTS SORT · NEW

{/* Product grid */}

{[ { c: "TD-SGL-015", n: "Clutch", p: "$78", k: "athlete", colors: ["#0D0808","#FFFFFF","#C61D1D"] }, { c: "TD-SGL-014", n: "NCAA Loadout", p: "$82", k: "canvas", colors: ["#1D8EC7","#0D0808","#FFFFFF"], note: "BEST SELLER" }, { c: "TD-FS-008", n: "Fader Short", p: "$54", k: "mat", colors: ["#0D0808","#3A3030"] }, { c: "TD-RG-002", n: "Rashguard LS", p: "$62", k: "athlete", colors: ["#0D0808","#FFFFFF","#1A3A6C"] }, { c: "TD-SGL-009", n: "Trials", p: "$82", k: "arena", colors: ["#FFFFFF","#0D0808","#C61D1D"] }, { c: "TD-SGL-016", n: "Cael Reissue", p: "$110", k: "gym", colors: ["#0D0808","#C61D1D"], note: "DROP · 12D" }, ].map((p, i) => (

{p.note && (

{p.note}

)}

{p.c}

{p.n}

{p.colors.map((c, ci) => ( ))}

{p.p}

))}

); // ── GEN-2 · Product Detail Page ───────────────────────────────── const ProductDetailScreen = ({ onBack, onAddToCart }) => { const [color, setColor] = React.useState(0); const [size, setSize] = React.useState("M"); const colors = [ { n: "Black/Red", hex: ["#0D0808", "#C61D1D"] }, { n: "White/Ink", hex: ["#FFFFFF", "#0D0808"] }, { n: "Navy", hex: ["#1A3A6C", "#FFFFFF"] }, ]; return (

{/* Hero with floating back */}

{/* Pager dots */}

{[0,1,2,3].map((d) => ( ))}

{/* Title block */}

TD-SGL-015 · CLUTCH ★ 4.8 · 142

Clutch Singlet

$78

or 4 × $19.50 — Affirm at checkout

{/* Color picker */}

COLOR {colors[color].n}

{colors.map((c, i) => ( ))}

{/* Size grid */}

SIZE · WRESTLING SIZE GUIDE

{["YS","YM","YL","XS","S","M","L","XL","2XL","3XL"].map((s) => { const oos = s === "3XL"; return ( ); })}

{/* Spec sheet */}

SPEC

{[ ["FABRIC", "240 GSM · Pro Series"], ["CUT", "Athletic · single-piece"], ["WEIGHT", "210g (size M)"], ["MADE IN", "Hudson, OH"], ["SHIPS", "1-2 days"], ].map(([l, v]) => (

{l} {v}

))}

{/* Reviews preview */}

REVIEWS · 142 SEE ALL

★★★★★ D. KIM · 65 FS

Cut is right. Stretches in the shoulders but holds shape. Wore it through nationals - no pilling.

{/* Sticky bottom */}

TOTAL

$78

); }; // ── GEN-3 · Cart ───────────────────────────────────────────────── const CartScreen = ({ onBack, onCheckout }) => { const items = [ { c: "TD-SGL-015", n: "Clutch", v: "Black/Red · M", p: 78, q: 1, k: "canvas" }, { c: "TD-FS-008", n: "Fader Short", v: "Ink · L", p: 54, q: 2, k: "mat" }, ]; const subtotal = items.reduce((s, i) => s + i.p * i.q, 0); const ship = 8; const tax = Math.round(subtotal * 0.08); const total = subtotal + ship + tax; return (

{/* Items */} {items.map((it) => (

{it.c}

{it.n}

{it.v}

{it.q}

${it.p * it.q}

))} {/* Promo */}

PROMO · GYM CODE

Add a room or affiliate code

{/* Totals */}

{[ ["SUBTOTAL", `$${subtotal}`], ["SHIPPING", `$${ship}`], ["TAX", `$${tax}`], ].map(([l, v]) => (

{l} {v}

))}

TOTAL ${total}

or 4 × ${(total/4).toFixed(2)} — Affirm

); }; // ── GEN-4 · Order Confirmation ────────────────────────────────── const OrderConfirmationScreen = ({ onContinue, onTrack }) => (

{/* Receipt header card */}

ORDER CONFIRMED

You're set.

Receipt is in your inbox. We'll text shipping updates.

ORDER # TKDN-4429

SHIP TO A. Rivera · 65043

ETA Mon, May 26

TOTAL $200.96

{/* Pipeline */} PIPELINE

{/* Vertical rule */}

{[ { l: "Order placed", t: "now", on: true }, { l: "Stitching", t: "day 1-6", on: false }, { l: "Quality check", t: "day 7", on: false }, { l: "Shipped", t: "day 8", on: false }, ].map((s) => (

{s.l}

{s.t}

))}

); Object.assign(window, { GearHubScreen, SponsorDropsScreen, TakedownStoreBrowseScreen, ProductDetailScreen, CartScreen, OrderConfirmationScreen, });