/* Shared data + tiny placeholder primitive for the portfolio. */

function Placeholder({ label, className, style }) {
  return <div className={"ph " + (className || "")} data-label={label} style={{ ...style, backgroundSize: "cover" }} aria-label={label} role="img" />;
}

/* Viewfinder crop-mark frame (corners show when Camera HUD is on) */
function VF({ className, children }) {
  return (
    <div className={"vf " + (className || "")}>
      {children}
      <i className="c tl"></i><i className="c tr"></i><i className="c bl"></i><i className="c br"></i>
    </div>);

}

const ROLE_TAGS = ["Director", "Editor", "Colourist"];

const CASES = [
{
  id: "01",
  title: "Restart Stronger",
  client: "Regent College",
  role: "Pitched / Editor",
  year: "2025",
  tags: ["Narrative", "Documentary"],
  still: "STILL · Regent College — 16:9",
  video: "https://www.youtube.com/embed/6RNozORdiPc?si=a788ZCjNkIubAVi_",
  problem:
  "Regent College needed compelling brand assets to drive recruitment, encouraging mature learners, career changers and international students to study with them.",
  work:
  "We let our contributors write the goals their aiming for onto glass panes.",
  result:
  "Huge boost in social presence, driving recruitment numbers up.",
  metric: "4.5m",
  metricUnit: "Impressions across all channels"
},
{
  id: "02",
  title: "Alumni Stories",
  client: "Mediorite",
  role: "Director / Editor",
  year: "2026",
  tags: ["Documentary", "Narrative"],
  still: "STILL · Alumni Stories — 16:9",
  video: "https://player.vimeo.com/video/1186194594?h=413000f72c&badge=0&autopause=0&player_id=0&app_id=58479",
  problem:
  "Mediorite champions young and diverse creatives into the film industry. But, they struggle to showcase this impact to clients visually.",
  work:
  "I pitched a series of films to be released across platforms, showcasing the follow ups of the work Mediorite does. Meeting young creatives where they are, building and continuting relationships and championing them into real, industry professionals.",
  result:
  "Large increase in in-person mentions. Increased brand awareness.",
  metric: "+20%",
  metricUnit: "click-through's to the website within a week of posting."
},
{
  id: "03",
  title: "Assistant Store Manager",
  client: "Wickes",
  role: "Editor / Colour",
  year: "2026",
  tags: ["Employer brand", "Promotional"],
  still: "STILL · Wickes — 16:9",
  video: "https://player.vimeo.com/video/1194006688?h=78eaf9c0bc&badge=0&autopause=0&player_id=0&app_id=58479",
  problem:
  "Wickes were looking to drive recruitment, specifically, to hire more Assistant Store Managers (or Ops Managers).",
  work:
  "I built a narrative that weaved real people's experiences with their culture. Alongside creating individual social media cuts, and memes to hit the top of funnel.",
  result:
  "Strong increase in applications to Ops Manager roles across the country.",
  metric: "10% avg increase",
  metricUnit: "Applicants per position"
},
{
  id: "04",
  title: "Scabs & Scriptures",
  client: "Independent - Music Video",
  role: "Director / Camera Operator / Editor",
  year: "2025",
  tags: ["Music Video", "Social"],
  still: "STILL · Scabs & Scriptures — 16:9",
  video: "https://www.youtube.com/embed/zm7Gq1P0Cr4?si=sorI5kA9tll4Bjrp",
  problem:
  "There was little budget attached to this, alongside the client being inexperienced with video production.",
  work:
  "I built a concept that could largely be filmed run-and-gun. Alongside, filming multiple reels and TikToks as we filmed the music video to save on time, and cost.",
  result:
  "Views that led to Spotify, and Apple Music streams.",
  metric: "100,000+",
  metricUnit: "Views across platforms."
}];


const CAPABILITIES = [
{
  title: "Direction",
  items: ["Narrative & short film", "Brand & commercial", "Music video", "Documentary"]
},
{
  title: "Post & Craft",
  items: ["Edit & story", "Colour grade", "Motion & titles", "Sound design"]
}];


const CLIENTS = [
"Mediorite", "Google", "Sage", "Lloyds", "Minster Law", "APL CO",
"Wickes", "Wates", "UCL", "CBRE"];


const ABOUT = {
  lead:
  "I'm a Digital Content Producer living in London, England. My work ranges from short-form content production and strategy through to high-end video production for global professional services firms.",
  body:
  "Currently, I work for Mediorite — a video production company and social enterprise — as a Digital Content Producer. Alongside that, I create social-first content for my own personal brand and for upcoming artists."
};

const CONTACT = {
  email: "ibby.onit@outlook.com",
  availability: "Available for work",
  location: "London, UK",
  socials: [
  { k: "Instagram", v: "@millivisiion", href: "#" },
  { k: "Vimeo", v: "vimeo.com/ibbyonitolo", href: "#" },
  { k: "LinkedIn", v: "Ibby Onitolo", href: "#" }]

};

Object.assign(window, { Placeholder, VF, ROLE_TAGS, CASES, CAPABILITIES, CLIENTS, ABOUT, CONTACT });