// Home page — hero, featured drop, categories, product grid, lookbook, info const { useState: useStateH, useEffect: useEffectH, useMemo: useMemoH } = React; // Spinning vinyl hero kept as an opt-in (Tweaks → Hero style: Vinyl) function HeroVinyl() { return ( ); } // ── Hero: minimal Studio-Iki style (full-bleed image-slot + thin caption row) ─ function Hero({ onShop }) { return (
Peripheral · turntables
Made in Portugal · Worldwide shipping · Free returns within 30 days
); } function HeroVinylVersion({ onShop }) { return (
); } // ───────────────────────── drop banner ───────────────────────── function DropBanner({ products, openProduct }) { const drop = products.filter(p => p.featured)[0]; return (
The Drop · 03 / 12

Volume 02 — the capsule

Shipping March 2026

A four-piece capsule that takes its cues from late-night Anjuna sets and the kind of record shop you find by accident on a side street in Lisbon. Considered cuts, weighty cotton, and one warm accent that ties everything together.

Capsule04 pieces
Run size200 units / piece
ManufacturingPorto, Portugal
DesignerIn-house
Catalogue №PVL/02
openProduct(drop)} onMouseEnter={()=>onCursor('hover')} onMouseLeave={()=>onCursor('default')}>
Featured · {drop.collection}
{drop.name}
{drop.type}
€{drop.price}
); } // ───────────────────────── categories ───────────────────────── function CategoryStrip({ onPick }) { const icons = { tees: 'tee', hoodies: 'hoodie', caps: 'cap5', totes: 'tote', }; return (
{CATEGORIES.map((c, i) => ( onPick(c.id)} onMouseEnter={()=>onCursor('hover')} onMouseLeave={()=>onCursor('default')}>
0{i+1} / 04
{c.name}
{c.count} pieces
 ))}
); } // ───────────────────────── product grid ───────────────────────── function ProductGrid({ products, openProduct, wish, onWish, filter, setFilter, sort, setSort }) { const filtered = useMemoH(() => { let arr = filter === 'all' ? products : products.filter(p => p.category === filter); if (sort === 'price-asc') arr = [...arr].sort((a,b) => a.price - b.price); if (sort === 'price-desc') arr = [...arr].sort((a,b) => b.price - a.price); if (sort === 'alpha') arr = [...arr].sort((a,b) => a.name.localeCompare(b.name)); return arr; }, [products, filter, sort]); return (
The Catalogue · {filtered.length} pieces

Shop all

{CATEGORIES.map(c => ( ))}
Sort
{filtered.map(p => ( ))}
); } // ───────────────────────── lookbook ───────────────────────── function LookbookItem({ shape='wide', label, color='#0a0908', kind='tee' }) { return (
{label}
); } function Lookbook() { return (
Lookbook — 03 / 12

The Closing Set

Photography · Studio 04
); } // ───────────────────────── size guide + faq accordions ───────────────────────── function Accordion({ items, defaultOpen = null }) { const [open, setOpen] = useStateH(defaultOpen); return (
{items.map((it, i) => (
{it.a}
))}
); } function SizeGuideSection() { const [tab, setTab] = useStateH('tees'); const data = SIZES[tab]; return (
Sizing · in centimetres

Size guide

Measurements are taken garment-flat. For a true-to-size fit, pick the row closest to your chest measurement. For a relaxed oversized look — the way these were cut — size up one.

Models are between 5'10"–6'2" and wearing size M / L. If you sit between two sizes, we usually recommend the larger.

{data.map(r => ( ))}
SizeChest (cm)Length (cm)Sleeve (cm)
{r.size} {r.chest} {r.length} {r.sleeve}
); } function FAQSection() { return (
Information

Frequently asked

Email us
({ q: f.q, a:

{f.a}

}))} defaultOpen={0}/>
); } // ───────────────────────── product row (best sellers / new in) ───────────────────────── function ProductRow({ id, eyebrow, title, products = [], link, onLink, openProduct, wish, onWish }) { return (
{eyebrow}

{title}

{link && (
onCursor('hover')} onMouseLeave={()=>onCursor('default')}> {link}
)}
{products.map(p => ( ))}
); } // ───────────────────────── about / press strip ───────────────────────── function AboutSection() { return (
The label

Peripheral is a label for the people who still buy records.

Each Volume is a limited run — designed in-house, printed and finished to order. Heavyweight cottons, brushed-back fleece, garment-dyed colour, made to wear in.

A meaningful share of every order funds the channel — studio time, mastering, and the records we play. When you wear it, you're keeping the platter spinning.

Tune in
YouTube Instagram SoundCloud Spotify
); } // ────────────────────── collections strip ───────────────────────── function CollectionsSection({ openCollection }) { const silhouettes = { tees: 'tee', knits: 'hoodie', cropped: 'tee-crop', bags: 'tote' }; return (
Collections · {COLLECTIONS.length}

Browse by collection

{COLLECTIONS.map((c, i) => ( openCollection(c.id)} onMouseEnter={()=>onCursor('hover')} onMouseLeave={()=>onCursor('default')}>
0{i+1} / 0{COLLECTIONS.length}
{c.name}
{c.sub}
View collection →
 ))}
); } // ────────────────────── collection page (sub-route) ────────────────────── function CollectionPage({ id, products = [], openProduct, wish, onWish, onBack, openCollection }) { const [sort, setSort] = useStateH('featured'); const collection = COLLECTIONS.find(c => c.id === id) || COLLECTIONS[0]; let filtered = products.filter(p => p.category === collection.cat); if (sort === 'price-asc') filtered = [...filtered].sort((a,b)=>a.price-b.price); if (sort === 'price-desc') filtered = [...filtered].sort((a,b)=>b.price-a.price); if (sort === 'alpha') filtered = [...filtered].sort((a,b)=>a.name.localeCompare(b.name)); const products_compat = filtered; // rename for JSX below return (
onCursor('hover')} onMouseLeave={()=>onCursor('default')}>Shop / Collections / {collection.name}
{collection.sub}

{collection.name}

{products_compat.length} pieces · 5 colourways
{COLLECTIONS.map(c => ( ))}
Sort
{products_compat.map(p => ( ))}
); } // ────────────────────── second hero (bottom of page) ────────────────────── function BottomHero() { return (
The Channel

Hours of melodic house
on vinyl.

onCursor('hover')} onMouseLeave={()=>onCursor('default')} style={{marginTop: 12}}> Tune in on YouTube →
); } // ───────────────────────── home root ───────────────────────── function HomePage({ products = [], loading, openProduct, wish, onWish, openCollection, onShop }) { const bestSellers = products.filter(p => p.featured).slice(0, 4); return (
Most ordered this drop} products={bestSellers} openProduct={openProduct} wish={wish} onWish={onWish} link="Shop all" onLink={() => openCollection('tees')}/>
); } Object.assign(window, { HomePage, Hero, ProductRow, CollectionsSection, CollectionPage, AboutSection, BottomHero, ProductGrid, Accordion, SizeGuideSection, FAQSection });