sidebars.ts

import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';

const sidebars: SidebarsConfig = {
  tutorialSidebar: [
    {
      type: 'html',
      value: '<h3>Contents</h3>',
      className: 'toc-heading',
    },
    { type: 'autogenerated', dirName: '.' }, // Keep this for auto-generated docs
    {
      type: 'html',
      value: '<div class="subscribe-container"><iframe src="https://blog.dataleadership.ai/embed" frameBorder="0" scrolling="no"></iframe></div>',
      className: 'subscribe-sidebar',
    },
    {
      type: 'html',
      value: `<div class="linkedin-profile">
          <img 
            src="/img/ryanvarley-profile.jpeg" 
            alt="Ryan Varley Profile Picture"
          />
          <p>Written by Ryan Varley</p>
          <p>Leader in Data, AI & Engineering</p>
        <a href="https://www.linkedin.com/in/ryanvarley/" target="_blank" rel="noopener noreferrer">
          <p>Follow me on LinkedIn</p>
        </a>
      </div>`,
      className: 'linkedin-profile-sidebar',
    },
  ],
};

export default sidebars;