const onepageHeaderData = {
  logo: {
    href: "/",
    title: "Home",
    alt: "Sasico SaaS Analytics Logo",
    lightSrc: "/assets/images/logo.svg",
    darkSrc: "/assets/images/logo-dark.svg",
    width: 140,
    height: 40,
  },
  menuItems: [
    { label: "Home", href: "/onepage-landing#Home", section: "Home" },
    {
      label: "Features",
      href: "/onepage-landing#Features",
      section: "Features",
    },
    { label: "Pricing", href: "/onepage-landing#Pricing", section: "Pricing" },
    {
      label: "Testimonials",
      href: "/onepage-landing#Testimonials",
      section: "Testimonials",
    },
    { label: "Contact", href: "/onepage-landing#Contact", section: "Contact" },
  ],
  mobile: {
    closeIcon: {
      src: "/assets/images/icon/xmark2.svg",
      alt: "Close Menu",
      width: 20,
      height: 20,
    },
  },
  toolbar: {
    search: {
      href: "#",
      ariaLabel: "Search",
      icon: {
        src: "/assets/images/icon/search.svg",
        alt: "Search Icon",
        width: 20,
        height: 20,
      },
    },
    buttons: [
      {
        label: "Log In",
        href: "#",
        variantClass: "v3",
      },
      {
        label: "Sign Up",
        href: "#",
        variantClass: "v2",
      },
    ],
    arrowIcon: {
      src: "/assets/images/icon/arrow.svg",
      alt: "Arrow Icon",
      width: 14,
      height: 14,
    },
  },
} as const;

export default onepageHeaderData;