SpotlightTour

import { SpotlightTour } from "@usefy/spotlight-tour";

function App() {
  return (
    <>
      <YourApp />
      <SpotlightTour
        defaultOpen
        steps={[
          // No target → a centered welcome modal.
          { title: "Welcome! 👋", content: "Let's take a quick look around." },
          { target: "#search", title: "Search", content: "Find anything from here." },
          { target: "#settings", content: "Tune your preferences.", placement: "left" },
        ]}
        onFinish={() => console.log("toured!")}
        onSkip={(at) => console.log(`dismissed at step ${at}`)}
      />
    </>
  );
}