Mixtape Hero

"use client"

import MixtapeHero from "@/components/ui/mixtape-hero"

const settings = {
  videoSrc: "https://cdn.jsdelivr.net/gh/tkachukkateryna14/mixtape-assets@main/tape.mp4",
  title: "Mixtape",
  script: "rewind to your youth",
  eyebrow: "Old School Sound · Est. 1987",
  lead: "Warm analog sound, the hiss of the reel and a Side B nobody ever skipped. Scroll to wind the tape back into the cassette.",
  primaryLabel: "Play Side A",
  secondaryLabel: "Tracklist",
  accent: "#F78C2B",
  rewindVh: 260,
}

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props }
  return (
    <MixtapeHero
      videoSrc={s.videoSrc}
      title={s.title}
      script={s.script}
      eyebrow={s.eyebrow}
      lead={s.lead}
      primaryLabel={s.primaryLabel}
      secondaryLabel={s.secondaryLabel}
      accent={s.accent}
      rewindVh={s.rewindVh}
    />
  )
}