import { SidebarNavItem } from "@/types/nav"

export const docsConfig: SidebarNavItem[] = [
  {
    title: "Getting Started",
    items: [
      {
        title: "Introduction",
        href: "/docs/introduction",
        items: [],
      },
      {
        title: "Installation",
        href: "/docs/installation",
        items: [],
      },
      {
        title: "Components",
        href: "/components",
        items: [],
      },
      {
        title: "Changelog",
        href: "/docs/changelog",
        items: [],
      },
      {
        title: "llms.txt",
        href: "/llms.txt",
        items: [],
      }
    ],
  },

  {
    title: "Text",
    href: "/docs/components/text",
    items: [
      {
        title: "Letter Swap Hover",
        href: "/docs/components/text/letter-swap",
        items: [],
      },
      {
        title: "Letter 3D Swap",
        href: "/docs/components/text/letter-3d-swap",
        items: [],
      },
      {
        title: "Random Letter Swap Hover",
        href: "/docs/components/text/random-letter-swap",
        items: [],
      },
      {
        title: "Vertical Cut Reveal",
        href: "/docs/components/text/vertical-cut-reveal",
        items: [],
      },
      {
        title: "Text Rotate",
        href: "/docs/components/text/text-rotate",
        items: [],
      },
      {
        title: "Variable Font Hover By Letter",
        href: "/docs/components/text/variable-font-hover-by-letter",
        items: [],
      },
      {
        title: "Variable Font Hover By Random Letter",
        href: "/docs/components/text/variable-font-hover-by-random-letter",
        items: [],
      },
      {
        title: "Scroll And Swap",
        href: "/docs/components/text/scroll-and-swap",
        items: [],
      },
      {
        title: "Text Cursor Proximity",
        href: "/docs/components/text/text-cursor-proximity",
        items: [],
      },
      {
        title: "Variable Font & Cursor",
        href: "/docs/components/text/variable-font-and-cursor",
        items: [],
      },
      {
        title: "Variable Font Cursor Proximity",
        href: "/docs/components/text/variable-font-cursor-proximity",
        items: [],
      },
      {
        title: "Breathing Text",
        href: "/docs/components/text/breathing-text",
        items: [],
      },
      {
        title: "Underline Animation",
        href: "/docs/components/text/underline-animation",
        items: [],
      },
      {
        title: "Underline To Background",
        href: "/docs/components/text/underline-to-background",
        items: [],
      },
      {
        title: "Basic Number Ticker",
        href: "/docs/components/text/basic-number-ticker",
        items: [],
      },
      {
        title: "Typewriter",
        href: "/docs/components/text/typewriter",
        items: [],
      },
      {
        title: "Scramble Hover",
        href: "/docs/components/text/scramble-hover",
        items: [],
      },
      {
        title: "Text Highlighter",
        href: "/docs/components/text/text-highlighter",
        items: [],
      },
      {
        title: "Scramble In",
        href: "/docs/components/text/scramble-in",
        items: [],
      },
      {
        title: "Text Along Path",
        href: "/docs/components/text/text-along-path",
        items: [],
      }
    ],
  },
  {
    title: "Carousel",
    href: "/docs/components/carousel",
    items: [
      {
        title: "Box Carousel",
        href: "/docs/components/carousel/box-carousel",
        items: [],
      },
    ],
  },
  {
    title: "Background",
    href: "/docs/components/background",
    items: [
      {
        title: "Animated Gradient With SVG",
        href: "/docs/components/background/animated-gradient-svg",
        items: [],
      },
      {
        title: "Pixel Trail",
        href: "/docs/components/background/pixel-trail",
        items: [],
      },
    ],
  },
  {
    title: "Physics",
    href: "/docs/components/physics",
    items: [
      {
        title: "Elastic Line",
        href: "/docs/components/physics/elastic-line",
        items: [],
      },
      {
        title: "Gravity",
        href: "/docs/components/physics/gravity",
        items: [],
      },
      {
        title: "Cursor Attractor & Gravity",
        href: "/docs/components/physics/cursor-attractor-and-gravity",
        items: [],
      },
    ],
  },
  {
    title: "Image",
    href: "/docs/components/image",
    items: [
      {
        title: "Image Trail",
        href: "/docs/components/image/image-trail",
        items: [],
      },
      {
        title: "Parallax Floating",
        href: "/docs/components/image/parallax-floating",
        items: [],
      },
    ],
  },
  {
    title: "Filter",
    href: "/docs/components/filter",
    items: [
      {
        title: "Gooey SVG Filter",
        href: "/docs/components/filter/gooey-svg-filter",
        items: [],
      },
      {
        title: "Pixelate SVG Filter",
        href: "/docs/components/filter/pixelate-svg-filter",
        items: [],
      }
    ],
  },

  {
    title: "Blocks",
    href: "/docs/components/blocks",
    items: [
      {
        title: "Drag Elements",
        href: "/docs/components/blocks/drag-elements",
        items: [],
      },
      {
        title: "Circling Elements",
        href: "/docs/components/blocks/circling-elements",
        items: [],
      },
      {
        title: "Media Between Text",
        href: "/docs/components/blocks/media-between-text",
        items: [],
      },
      {
        title: "CSS Box",
        href: "/docs/components/blocks/css-box",
        items: [],
      },
      {
        title: "Screensaver",
        href: "/docs/components/blocks/screensaver",
        items: [],
      },
      {
        title: "Sticky Footer",
        href: "/docs/components/blocks/sticky-footer",
        items: [],
      },
      {
        title: "Float",
        href: "/docs/components/blocks/float",
        items: [],
      },
      {
        title: "Stacking Cards",
        href: "/docs/components/blocks/stacking-cards",
        items: [],
      },
      {
        title: "Simple Marquee",
        href: "/docs/components/blocks/simple-marquee",
        items: [],
      },
      {
        title: "Marquee Along SVG Path",
        href: "/docs/components/blocks/marquee-along-svg-path",
        items: [],
      },
      // {
      //   title: "Element Along SVG Path",
      //   href: "/docs/components/blocks/element-along-svg-path",
      //   items: [],
      //   label: "New"
      // }
    ],
  },
]