// Shared building blocks for the Opus landing page. // All components are exposed via window assignment at the end of the file so // other Babel-transformed scripts can use them. const { useState, useEffect, useRef, useMemo } = React; // ---------- Atomic ---------- function Rule({ className = "" }) { return
; } function TickRow({ inv = false }) { return
; } function Micro({ children, className = "" }) { return {children}; } // ---------- Marquee ---------- function Marquee({ items, speed = "normal", inv = false }) { const cls = speed === "slow" ? "slow" : speed === "fast" ? "fast" : ""; const content = ( <> {items.map((it, i) => ( {it} ✶ ))} ); return (
{content}{content}
); } // ---------- Header ---------- function Header({ logoSrc, onJump }) { return (
{/* Top thin meta strip */}
Opus Branding Co. · Nottingham Brands · Products · Cinematic Video For Artists & Ambitious Brands
{/* Logo + nav row */}
onJump("top")} className="header-logo-container" style={{ cursor: "pointer", display: "block" }}> Opus Branding Co.
● Roster currently closed
); } // ---------- Hero ---------- function Hero() { // Simple, calm hero — headline on the left, contained reel preview on the right. return (
{/* Left: headline + tagline + CTA */}

Get branded the right way.

Est. in the UK.
Book a 15-min intro →

We build brands, engineer custom products, and direct cinematic video campaigns for creators and companies. You focus on the vision.

{/* Right: contained reel preview. */}
The Reel Vimeo · 1125422744