type SubMenuItem = {
  label: string;
  href: string;
};

type NestedSubMenuItem = {
  label: string;
  subMenuItems: SubMenuItem[];
};

type MenuItem = {
  title: string;
  href?: string;
  subMenuItems?: (SubMenuItem | NestedSubMenuItem)[]; // Allowing for both types of sub-menu items
};

// Ensure the menuItemsProps structure matches this type.
export const menuItemsProps: MenuItem[] = [
  {
    title: 'About',
    href: '/about',
  },
  {
    title: 'What We Do',
    subMenuItems: [
      {
        label: 'Services',
        subMenuItems: [
          { label: 'ServiceNow', href: '/services' },
          { label: 'Advisory & Consulting', href: '/services/advisory' },
          { label: 'Cybersecurity Solutions', href: '/services/cybersecurity' },
          { label: 'Digital Transformation', href: '/services/digital' },
          {
            label: 'Technology Stack Expertise',
            href: '/services/softwaredev',
          },
          { label: 'Technical Support Services', href: '/services/support' },
          { label: 'Salesforce', href: '/services/salesforce' },
        ],
      },
      {
        label: 'Our ServiceNow Expertise',
        subMenuItems: [
          {
            label: 'IT Service Management (ITSM)',
            href: '/services/servicenow/itsm',
          },
          {
            label: 'IT Business Management (ITBM)',
            href: '/services/servicenow/itbm',
          },
          {
            label: 'IT Operations Management (ITOM)',
            href: '/services/servicenow/itom',
          },
          {
            label: 'ServiceNow Integration',
            href: '/services/servicenow/integration',
          },
          {
            label: 'IT Asset Management (ITAM)',
            href: '/services/servicenow/ham',
          },
          {
            label: 'Service Portal Management',
            href: '/services/servicenow/portal',
          },
          { label: 'Creator Workflow', href: '/services/servicenow/workflow' },
        ],
      },
    ],
  },
  {
    title: 'Portfolio',
    subMenuItems: [
      { label: 'Testimonial', href: '/testimonial' },
      { label: 'Research', href: '/research' },
    ],
  },
  { title: 'Blogs', href: '/blog' },
  { title: 'Projects', href: '/project' },
  { title: 'Contact', href: '/contact' },
];