> ## Documentation Index
> Fetch the complete documentation index at: https://help.supertape.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to Supertape

> Supertape is a musician website, link in bio, and marketing toolkit - all in one.

export const Video = ({id, title, portrait = false}) => {
  const [src, setSrc] = useState(`https://www.youtube.com/embed/${id}`);
  useEffect(() => {
    if (location.hash === `#${id}`) {
      setSrc(`https://www.youtube.com/embed/${id}?autoplay=1`);
      document.getElementById(id).scrollIntoView({
        behavior: "smooth"
      });
    }
  }, []);
  return <iframe id={id} src={src} title={title} className={`w-full rounded-xl ${portrait ? "aspect-[9/16]" : "aspect-video"}`} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>;
};

<Video id="u61SNBnZcb8?" title="Welcome to Supertape" />

## How it works

After you [sign up](https://app.supertape.com/signup), building and running a Supertape site comes down to three simple steps:

<CardGroup cols={3}>
  <Card title="Connect" icon="arrows-rotate" iconType="light" href="/docs/platforms">
    Connect your platforms and we'll sync your music, merch, videos, and tour.
  </Card>

  <Card title="Customize" icon="pen-ruler" iconType="light" href="/docs/design">
    Customize your template, domain, colors, fonts, and more to match your brand.
  </Card>

  <Card title="Promote" icon="megaphone" iconType="light" href="/docs/share">
    Share your automated smart links with fans to grow your followers.
  </Card>
</CardGroup>

## Join the community

Supertape is built [by musicians](https://www.supertape.com/about), for musicians, and we share what we're learning and liking.

<CardGroup cols={3}>
  <Card title="Industry advice" icon="youtube" href="https://www.youtube.com/@heysupertape">
    Practical tips from industry experts, to build and sustain a music career.
  </Card>

  <Card title="Artist inspiration" icon="instagram" href="https://www.instagram.com/heysupertape">
    A curated feed of our favorite releases from Supertape artists.
  </Card>

  <Card title="Product updates" icon="sparkles" iconType="light" href="https://www.supertape.com/updates">
    Stay current on the fanciest new features from the Supertape team.
  </Card>
</CardGroup>