export interface NavigationItem {
  href: string;
  text: string;
}

export interface HeaderData {
  logo: {
    href: string;
    title: string;
    src: string;
    alt: string;
  };
  navigation: NavigationItem[];
  buttons: {
    login: {
      href: string;
      ariaLabel: string;
      icon: string;
      iconAlt: string;
      text: string;
    };
    signUp: {
      href: string;
      text: string;
      icon: string;
      iconAlt: string;
    };
  };
  mobileMenu: {
    closeIcon: string;
    closeAlt: string;
    navigation: NavigationItem[];
  };
}

export const headerData: HeaderData = {
  logo: {
    href: "/",
    title: "Home",
    src: "/assets/images/logo.svg",
    alt: "Sasico SaaS Analytics Logo",
  },
  navigation: [
    { href: "/", text: "Home" },
    { href: "/feature", text: "Features" },
    { href: "/integration", text: "Integrations" },
    { href: "/pricing", text: "Pricing" },
    { href: "/help", text: "Help" },
    { href: "/contact", text: "Contact" },
  ],
  buttons: {
    login: {
      href: "#",
      ariaLabel: "Search",
      icon: "/assets/images/icon/login.svg",
      iconAlt: "Search Icon",
      text: "login",
    },
    signUp: {
      href: "#",
      text: "Sign Up",
      icon: "/assets/images/icon/arrow.svg",
      iconAlt: "Arrow Icon",
    },
  },
  mobileMenu: {
    closeIcon: "/assets/images/icon/xmark2.svg",
    closeAlt: "Close Menu",
    navigation: [
      { href: "/", text: "Home" },
      { href: "/feature", text: "Features" },
      { href: "/integration", text: "Integrations" },
      { href: "/pricing", text: "Pricing" },
      { href: "/help", text: "Help" },
      { href: "/contact", text: "Contact" },
    ],
  },
};