How to use

import { Skiper60 } from "@/components/v1/skiper60";

// Using with default terms
const DemoSkiper60 = () => {
  return (
    <main>
      <Skiper60 />
    </main>
  );
};

// Using with custom terms
const CustomTerms = () => {
  const customTerms = [
    {
      id: "custom-section",
      title: "Custom Section",
      content: (
        <p className="lg:text-lg">
          Your custom content here with full React component support.
        </p>
      ),
    },
  ];

  return (
    <main>
      <Skiper60
        title="Custom Terms"
        terms={customTerms}
        className="bg-background"
      />
    </main>
  );
};

TermItem Type

type TermItem = {
  id: string; // Unique identifier for the section
  title: string; // Section title displayed in sidebar and content
  content: React.ReactNode; // React component or JSX for the content
};