/* global React, Icon, WatchReelButton, WORK, SERVICES, PROCESS, PRINCIPLES, TEAM, JOURNAL, Hero, ClientStrip, WorkIndex, WorkGrid */ const { useState, useEffect, useRef } = React; // =================================================================== // Section head // =================================================================== function SectionHead({ idx, label, title, right }) { return (
{idx} {label}

{right ?
{right}
: null}
); } // =================================================================== // Services accordion // =================================================================== function ServicesAccordion() { const [open, setOpen] = useState(0); // Hover-driven on devices with a fine pointer; click is kept as a fallback // for keyboards and touch screens (where :hover is unreliable). return (
{SERVICES.map((s, i) =>
setOpen(i)} onFocus={() => setOpen(i)} onClick={() => setOpen(open === i ? -1 : i)} tabIndex={0} data-hover={open === i ? 'Open' : 'View'}>
{s.idx}
{s.name}
{s.blurb}
    {s.deliverables.map((d) =>
  • {d}
    • )}
)}
); } // =================================================================== // Process band // =================================================================== function ProcessBand() { return (
{PROCESS.map((p) =>
— {p.num}

{p.title}

{p.blurb}

{p.dur}
)}
); } // =================================================================== // Studio split // =================================================================== function StudioSplit({ onGoto }) { return (
A—01 The studio

From founder stories to year-long brand documentaries.

We've worked with a variety of companies and organisations across industries. We've got the same small dedicated team carries every project, so the people who shape the brief are the people behind the camera and at the colour grade.

220+
Projects delivered
8 yrs
In business
W3
Acton, London
); } // =================================================================== // Testimonial // =================================================================== function Testimonial() { return (
T—01 What clients say

"Thank you so much! These videos are super amazing and I'm really happy with them. I'm super happy with this, and will definitely consider your services next time we do a shoot — and will continue to recommend you when the occasion arises."

James
Director, True Vision Brand
); } // =================================================================== // Principles grid // =================================================================== function Principles() { return (
{PRINCIPLES.map((p) =>
— {p.num}

{p.title}

{p.body}

)}
); } // =================================================================== // CTA banner // =================================================================== function CtaBanner({ onGoto, variant }) { const cls = variant === 'light' ? 'cta-banner cta-banner--light' : 'cta-banner'; return (
VF—00 Let's make something

Ready to make
an impact?

Send us the brief, an idea, or some references. We'll come back within two working days with thoughts and a sense of fit.

Watch reel
); } // =================================================================== // Mega footer // =================================================================== function MegaFooter({ isRentals }) { const logo = isRentals ? 'assets/rentals-logo-white.png' : 'assets/logo-white.png'; const blurb = isRentals ? 'The rental arm of Valley Films. Hand-checked camera, lens, lighting and grip out of our Acton studio.' : 'Boutique West London film production company. Detail driven works for brands and agencies.'; const email = isRentals ? 'rentals@valley.film' : 'info@valley.film'; const brandName = isRentals ? 'Valley Rentals' : 'Valley Films'; const homeHref = isRentals ? '/rentals' : '/'; const crossLinkHref = isRentals ? '/' : '/rentals'; const crossLabel = isRentals ? 'Valley Films' : 'Valley Rentals'; return ( ); } Object.assign(window, { SectionHead, ServicesAccordion, ProcessBand, StudioSplit, Testimonial, Principles, CtaBanner, MegaFooter });