import ArticlePage from '../../components/ArticlePage';
import RichText from '../../components/RichText';

const FaqPage = ({
  title,
  subtitle,
  canonicalPath,
  supportEmail,
}: {
  title: string;
  subtitle: string;
  canonicalPath: string;
  supportEmail: string;
}) => {
  return (
    <ArticlePage
      title={title}
      subtitle={subtitle}
      canonicalPath={canonicalPath}
      pageProps={{ withMenuButton: true }}
      renderContent={() => {
        return (
          <RichText>
            <h2>How does Songwhip work?</h2>
            <p>
              When you create an Artist, Album or Song page, Songwhip goes off
              and fetches all the data it can find about the given item and
              generates a landing page with links to all major platforms. This
              page is specifically designed to get your fans listening as fast
              as possible. Sharing a Songwhip page instead of a single platform
              link will dramatically increase your chances of people playing,
              saving and sharing your music.
            </p>
            <h2>My page has links to another artist with the same name</h2>
            <p>
              Conflicts and mix ups can happen when two or more artists have the
              same name. Use the “edit page” feature to correct this. For
              further assistance, reach out to{' '}
              <a href={supportEmail}>{supportEmail}</a>
              and they’ll work to fix any incorrect links.
            </p>
            <h2>Where does the background image on my page come from?</h2>
            <p>
              The image is sourced from one of the services where we found
              matching links. We don&apos;t currently support the changing of
              images, the only way to do it currently is to change the artwork
              at the final service (eg. Apple Music).
            </p>
            <h2>
              Do you have a native app? Why aren&apos;t you in the app store?
            </h2>
            <p>
              The songwhip web experience offers the widest reach as it&apos;ll
              run on any device.
            </p>
            <h2>
              I haven&apos;t released on all services yet, will my Songwhip page
              update?
            </h2>
            <p>
              Yes. Songwhip pages update automatically every 7 days (or sooner).
              If you&apos;d like us to manually trigger a refresh, you can reach
              out to your account manager.
            </p>
            <h2>Why are my links missing some services?</h2>
            <p>
              This is usually due to Songwhip not being able to find a match for
              the given Artist, Album or Song. You can manually fix links in the
              page edit mode. If you continue to have issues please reach out to
              <a href={supportEmail}>{supportEmail}</a>.
            </p>
            <h2>Can I embed Songwhip pages in my website?</h2>
            <p>
              Yes, it&apos;s possible to embed your Songwhip page via an iframe
              like:
              <pre>
                <code>
                  {`<iframe src="YOUR_SONGWHIP_PAGE_LINK" width="…" height="…" />`}
                </code>
              </pre>
            </p>
            <h2>
              My artist doesn’t have a custom domain, how can I create custom
              links?
            </h2>
            <p>
              You can reach out to us at{' '}
              <a href={supportEmail}>{supportEmail}</a> to have a custom
              Songwhip subdomain created (eg. “yourartistname.sng.to”). In the
              future you will be able to do this directly through Songwhip’s
              interface.
            </p>
          </RichText>
        );
      }}
    />
  );
};

export default FaqPage;