export default function AdditionalPage() {
  return (
    <s-page heading="Race Nation App Guide">
      <s-section heading="How This App Is Set Up">
        <s-paragraph>
          This Shopify embedded app is the frontend for the Race Nation import
          workflow. The dashboard starts the KYT import pipeline from the custom
          backend and shows the current job status while the backend works
          through each pipeline step.
        </s-paragraph>
        <s-paragraph>
          The backend handles Shopify OAuth, webhook validation, token storage,
          fulfillment setup, and the full KYT scrape-to-Shopify pipeline. This
          frontend is where merchants will launch and monitor those imports from
          inside Shopify Admin.
        </s-paragraph>
      </s-section>
      <s-section slot="aside" heading="Current Focus">
        <s-unordered-list>
          <s-list-item>
            Connect the dashboard to the Race Nation backend.
          </s-list-item>
          <s-list-item>
            Start small test imports with a limit before running a full sync.
          </s-list-item>
          <s-list-item>
            Replace the remaining template screens with store-specific tools.
          </s-list-item>
        </s-unordered-list>
      </s-section>
    </s-page>
  );
}
