{"version":3,"file":"b8d7ec981a91c188bc088a40821c4c6d7dda9174-db6f966eba61a5e49536.js","mappings":"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","sources":["webpack://sar-website/../src/image-utils.ts","webpack://sar-website/../src/components/hooks.ts","webpack://sar-website/../src/components/layout-wrapper.tsx","webpack://sar-website/../src/components/picture.tsx","webpack://sar-website/../src/components/placeholder.tsx","webpack://sar-website/../src/components/main-image.tsx","webpack://sar-website/../src/components/gatsby-image.server.tsx","webpack://sar-website/../src/components/gatsby-image.browser.tsx","webpack://sar-website/../src/components/static-image.server.tsx","webpack://sar-website/../src/components/static-image.tsx","webpack://sar-website/./node_modules/gatsby-plugin-image/node_modules/camelcase/index.js","webpack://sar-website/./node_modules/gatsby-plugin-react-i18next/dist/Link.js","webpack://sar-website/./node_modules/gatsby-plugin-react-i18next/dist/index.js","webpack://sar-website/./node_modules/gatsby-plugin-react-i18next/dist/useI18next.js","webpack://sar-website/./node_modules/gatsby-plugin-react-i18next/index.js","webpack://sar-website/./src/components/appstore-icons.jsx","webpack://sar-website/./src/components/footer.js"],"sourcesContent":["import camelCase from \"camelcase\"\nimport type { IGatsbyImageData } from \"./index\"\n\nconst DEFAULT_PIXEL_DENSITIES = [0.25, 0.5, 1, 2]\nexport const DEFAULT_BREAKPOINTS = [750, 1080, 1366, 1920]\nexport const EVERY_BREAKPOINT = [\n  320, 654, 768, 1024, 1366, 1600, 1920, 2048, 2560, 3440, 3840, 4096,\n]\nconst DEFAULT_FLUID_WIDTH = 800\nconst DEFAULT_FIXED_WIDTH = 800\nconst DEFAULT_ASPECT_RATIO = 4 / 3\n\nexport type Fit = \"cover\" | \"fill\" | \"inside\" | \"outside\" | \"contain\"\n\nexport type Layout = \"fixed\" | \"fullWidth\" | \"constrained\"\nexport type ImageFormat = \"jpg\" | \"png\" | \"webp\" | \"avif\" | \"auto\" | \"\"\n\n/**\n * The minimal required reporter, as we don't want to import it from gatsby-cli\n */\nexport interface IReporter {\n  warn(message: string): void\n}\n\nexport interface ISharpGatsbyImageArgs {\n  layout?: Layout\n  formats?: Array<ImageFormat>\n  placeholder?: \"tracedSVG\" | \"dominantColor\" | \"blurred\" | \"none\"\n  tracedSVGOptions?: Record<string, unknown>\n  width?: number\n  height?: number\n  aspectRatio?: number\n  sizes?: string\n  quality?: number\n  transformOptions?: {\n    fit?: Fit\n    cropFocus?: number | string\n    duotone?: {\n      highlight: string\n      shadow: string\n      opacity?: number\n    }\n    grayscale?: boolean\n    rotate?: number\n    trim?: number\n  }\n  jpgOptions?: Record<string, unknown>\n  pngOptions?: Record<string, unknown>\n  webpOptions?: Record<string, unknown>\n  avifOptions?: Record<string, unknown>\n  blurredOptions?: { width?: number; toFormat?: ImageFormat }\n  breakpoints?: Array<number>\n  outputPixelDensities?: Array<number>\n  backgroundColor?: string\n}\n\nexport interface IImageSizeArgs {\n  width?: number\n  height?: number\n  layout?: Layout\n  filename: string\n  outputPixelDensities?: Array<number>\n  breakpoints?: Array<number>\n  fit?: Fit\n  reporter?: IReporter\n  sourceMetadata: { width: number; height: number }\n}\n\nexport interface IImageSizes {\n  sizes: Array<number>\n  presentationWidth: number\n  presentationHeight: number\n  aspectRatio: number\n  unscaledWidth: number\n}\n\nexport interface IImage {\n  src: string\n  width: number\n  height: number\n  format: ImageFormat\n}\n\nexport interface IGatsbyImageHelperArgs {\n  pluginName: string\n  generateImageSource: (\n    filename: string,\n    width: number,\n    height: number,\n    format: ImageFormat,\n    fit?: Fit,\n    options?: Record<string, unknown>\n  ) => IImage\n  layout?: Layout\n  formats?: Array<ImageFormat>\n  filename: string\n  placeholderURL?: string\n  width?: number\n  height?: number\n  sizes?: string\n  reporter?: IReporter\n  sourceMetadata?: { width: number; height: number; format: ImageFormat }\n  fit?: Fit\n  options?: Record<string, unknown>\n  breakpoints?: Array<number>\n  backgroundColor?: string\n  aspectRatio?: number\n}\n\nconst warn = (message: string): void => console.warn(message)\n\nconst sortNumeric = (a: number, b: number): number => a - b\n\nexport const getSizes = (width: number, layout: Layout): string | undefined => {\n  switch (layout) {\n    // If screen is wider than the max size, image width is the max size,\n    // otherwise it's the width of the screen\n    case `constrained`:\n      return `(min-width: ${width}px) ${width}px, 100vw`\n\n    // Image is always the same width, whatever the size of the screen\n    case `fixed`:\n      return `${width}px`\n\n    // Image is always the width of the screen\n    case `fullWidth`:\n      return `100vw`\n\n    default:\n      return undefined\n  }\n}\n\nexport const getSrcSet = (images: Array<IImage>): string =>\n  images.map(image => `${image.src} ${image.width}w`).join(`,\\n`)\n\nexport function formatFromFilename(filename: string): ImageFormat | undefined {\n  const dot = filename.lastIndexOf(`.`)\n  if (dot !== -1) {\n    const ext = filename.slice(dot + 1)\n    if (ext === `jpeg`) {\n      return `jpg`\n    }\n    if (ext.length === 3 || ext.length === 4) {\n      return ext as ImageFormat\n    }\n  }\n  return undefined\n}\n\nexport function setDefaultDimensions(\n  args: IGatsbyImageHelperArgs\n): IGatsbyImageHelperArgs {\n  let {\n    layout = `constrained`,\n    width,\n    height,\n    sourceMetadata,\n    breakpoints,\n    aspectRatio,\n    formats = [`auto`, `webp`],\n  } = args\n  formats = formats.map(format => format.toLowerCase() as ImageFormat)\n  layout = camelCase(layout) as Layout\n\n  if (width && height) {\n    return { ...args, formats, layout, aspectRatio: width / height }\n  }\n  if (sourceMetadata.width && sourceMetadata.height && !aspectRatio) {\n    aspectRatio = sourceMetadata.width / sourceMetadata.height\n  }\n\n  if (layout === `fullWidth`) {\n    width = width || sourceMetadata.width || breakpoints[breakpoints.length - 1]\n    height = height || Math.round(width / (aspectRatio || DEFAULT_ASPECT_RATIO))\n  } else {\n    if (!width) {\n      if (height && aspectRatio) {\n        width = height * aspectRatio\n      } else if (sourceMetadata.width) {\n        width = sourceMetadata.width\n      } else if (height) {\n        width = Math.round(height / DEFAULT_ASPECT_RATIO)\n      } else {\n        width = DEFAULT_FIXED_WIDTH\n      }\n    }\n\n    if (aspectRatio && !height) {\n      height = Math.round(width / aspectRatio)\n    } else if (!aspectRatio) {\n      aspectRatio = width / height\n    }\n  }\n  return { ...args, width, height, aspectRatio, layout, formats }\n}\n\n/**\n * Use this for getting an image for the blurred placeholder. This ensures the\n * aspect ratio and crop match the main image\n */\nexport function getLowResolutionImageURL(\n  args: IGatsbyImageHelperArgs,\n  width = 20\n): string {\n  args = setDefaultDimensions(args)\n  const { generateImageSource, filename, aspectRatio } = args\n  return generateImageSource(\n    filename,\n    width,\n    Math.round(width / aspectRatio),\n    args.sourceMetadata.format || `jpg`,\n    args.fit,\n    args.options\n  )?.src\n}\n\nexport function generateImageData(\n  args: IGatsbyImageHelperArgs\n): IGatsbyImageData {\n  args = setDefaultDimensions(args)\n\n  let {\n    pluginName,\n    sourceMetadata,\n    generateImageSource,\n    layout,\n    fit,\n    options,\n    width,\n    height,\n    filename,\n    reporter = { warn },\n    backgroundColor,\n    placeholderURL,\n  } = args\n\n  if (!pluginName) {\n    reporter.warn(\n      `[gatsby-plugin-image] \"generateImageData\" was not passed a plugin name`\n    )\n  }\n\n  if (typeof generateImageSource !== `function`) {\n    throw new Error(`generateImageSource must be a function`)\n  }\n\n  if (!sourceMetadata || (!sourceMetadata.width && !sourceMetadata.height)) {\n    // No metadata means we let the CDN handle max size etc, aspect ratio etc\n    sourceMetadata = {\n      width,\n      height,\n      format: sourceMetadata?.format || formatFromFilename(filename) || `auto`,\n    }\n  } else if (!sourceMetadata.format) {\n    sourceMetadata.format = formatFromFilename(filename)\n  }\n\n  const formats = new Set<ImageFormat>(args.formats)\n\n  if (formats.size === 0 || formats.has(`auto`) || formats.has(``)) {\n    formats.delete(`auto`)\n    formats.delete(``)\n    formats.add(sourceMetadata.format)\n  }\n\n  if (formats.has(`jpg`) && formats.has(`png`)) {\n    reporter.warn(\n      `[${pluginName}] Specifying both 'jpg' and 'png' formats is not supported. Using 'auto' instead`\n    )\n    if (sourceMetadata.format === `jpg`) {\n      formats.delete(`png`)\n    } else {\n      formats.delete(`jpg`)\n    }\n  }\n\n  const imageSizes = calculateImageSizes({ ...args, sourceMetadata })\n\n  const result: IGatsbyImageData[\"images\"] = {\n    sources: [],\n  }\n\n  let sizes = args.sizes\n  if (!sizes) {\n    sizes = getSizes(imageSizes.presentationWidth, layout)\n  }\n\n  formats.forEach(format => {\n    const images = imageSizes.sizes\n      .map(size => {\n        const imageSrc = generateImageSource(\n          filename,\n          size,\n          Math.round(size / imageSizes.aspectRatio),\n          format,\n          fit,\n          options\n        )\n        if (\n          !imageSrc?.width ||\n          !imageSrc.height ||\n          !imageSrc.src ||\n          !imageSrc.format\n        ) {\n          reporter.warn(\n            `[${pluginName}] The resolver for image ${filename} returned an invalid value.`\n          )\n          return undefined\n        }\n        return imageSrc\n      })\n      .filter(Boolean)\n\n    if (format === `jpg` || format === `png` || format === `auto`) {\n      const unscaled =\n        images.find(img => img.width === imageSizes.unscaledWidth) || images[0]\n\n      if (unscaled) {\n        result.fallback = {\n          src: unscaled.src,\n          srcSet: getSrcSet(images),\n          sizes,\n        }\n      }\n    } else {\n      result.sources?.push({\n        srcSet: getSrcSet(images),\n        sizes,\n        type: `image/${format}`,\n      })\n    }\n  })\n\n  const imageProps: Partial<IGatsbyImageData> = {\n    images: result,\n    layout,\n    backgroundColor,\n  }\n\n  if (placeholderURL) {\n    imageProps.placeholder = { fallback: placeholderURL }\n  }\n\n  switch (layout) {\n    case `fixed`:\n      imageProps.width = imageSizes.presentationWidth\n      imageProps.height = imageSizes.presentationHeight\n      break\n\n    case `fullWidth`:\n      imageProps.width = 1\n      imageProps.height = 1 / imageSizes.aspectRatio\n      break\n\n    case `constrained`:\n      imageProps.width = args.width || imageSizes.presentationWidth || 1\n      imageProps.height = (imageProps.width || 1) / imageSizes.aspectRatio\n  }\n\n  return imageProps as IGatsbyImageData\n}\n\nconst dedupeAndSortDensities = (values: Array<number>): Array<number> =>\n  Array.from(new Set([1, ...values])).sort(sortNumeric)\n\nexport function calculateImageSizes(args: IImageSizeArgs): IImageSizes {\n  const {\n    width,\n    height,\n    filename,\n    layout = `constrained`,\n    sourceMetadata: imgDimensions,\n    reporter = { warn },\n    breakpoints = DEFAULT_BREAKPOINTS,\n  } = args\n\n  // check that all dimensions provided are positive\n  const userDimensions = { width, height }\n  const erroneousUserDimensions = Object.entries(userDimensions).filter(\n    ([_, size]) => typeof size === `number` && size < 1\n  )\n  if (erroneousUserDimensions.length) {\n    throw new Error(\n      `Specified dimensions for images must be positive numbers (> 0). Problem dimensions you have are ${erroneousUserDimensions\n        .map(dim => dim.join(`: `))\n        .join(`, `)}`\n    )\n  }\n\n  if (layout === `fixed`) {\n    return fixedImageSizes(args)\n  } else if (layout === `constrained`) {\n    return responsiveImageSizes(args)\n  } else if (layout === `fullWidth`) {\n    return responsiveImageSizes({ breakpoints, ...args })\n  } else {\n    reporter.warn(\n      `No valid layout was provided for the image at ${filename}. Valid image layouts are fixed, fullWidth, and constrained. Found ${layout}`\n    )\n    return {\n      sizes: [imgDimensions.width],\n      presentationWidth: imgDimensions.width,\n      presentationHeight: imgDimensions.height,\n      aspectRatio: imgDimensions.width / imgDimensions.height,\n      unscaledWidth: imgDimensions.width,\n    }\n  }\n}\nexport function fixedImageSizes({\n  filename,\n  sourceMetadata: imgDimensions,\n  width,\n  height,\n  fit = `cover`,\n  outputPixelDensities = DEFAULT_PIXEL_DENSITIES,\n  reporter = { warn },\n}: IImageSizeArgs): IImageSizes {\n  let aspectRatio = imgDimensions.width / imgDimensions.height\n  // Sort, dedupe and ensure there's a 1\n  const densities = dedupeAndSortDensities(outputPixelDensities)\n\n  // If both are provided then we need to check the fit\n  if (width && height) {\n    const calculated = getDimensionsAndAspectRatio(imgDimensions, {\n      width,\n      height,\n      fit,\n    })\n    width = calculated.width\n    height = calculated.height\n    aspectRatio = calculated.aspectRatio\n  }\n\n  if (!width) {\n    if (!height) {\n      width = DEFAULT_FIXED_WIDTH\n    } else {\n      width = Math.round(height * aspectRatio)\n    }\n  } else if (!height) {\n    height = Math.round(width / aspectRatio)\n  }\n\n  const originalWidth = width // will use this for presentationWidth, don't want to lose it\n  const isTopSizeOverriden =\n    imgDimensions.width < width || imgDimensions.height < (height as number)\n\n  // If the image is smaller than requested, warn the user that it's being processed as such\n  // print out this message with the necessary information before we overwrite it for sizing\n  if (isTopSizeOverriden) {\n    const fixedDimension = imgDimensions.width < width ? `width` : `height`\n    reporter.warn(`\nThe requested ${fixedDimension} \"${\n      fixedDimension === `width` ? width : height\n    }px\" for the image ${filename} was larger than the actual image ${fixedDimension} of ${\n      imgDimensions[fixedDimension]\n    }px. If possible, replace the current image with a larger one.`)\n\n    if (fixedDimension === `width`) {\n      width = imgDimensions.width\n      height = Math.round(width / aspectRatio)\n    } else {\n      height = imgDimensions.height\n      width = height * aspectRatio\n    }\n  }\n\n  const sizes = densities\n    .filter(size => size >= 1) // remove smaller densities because fixed images don't need them\n    .map(density => Math.round(density * (width as number)))\n    .filter(size => size <= imgDimensions.width)\n\n  return {\n    sizes,\n    aspectRatio,\n    presentationWidth: originalWidth,\n    presentationHeight: Math.round(originalWidth / aspectRatio),\n    unscaledWidth: width,\n  }\n}\n\nexport function responsiveImageSizes({\n  sourceMetadata: imgDimensions,\n  width,\n  height,\n  fit = `cover`,\n  outputPixelDensities = DEFAULT_PIXEL_DENSITIES,\n  breakpoints,\n  layout,\n}: IImageSizeArgs): IImageSizes {\n  let sizes\n  let aspectRatio = imgDimensions.width / imgDimensions.height\n  // Sort, dedupe and ensure there's a 1\n  const densities = dedupeAndSortDensities(outputPixelDensities)\n\n  // If both are provided then we need to check the fit\n  if (width && height) {\n    const calculated = getDimensionsAndAspectRatio(imgDimensions, {\n      width,\n      height,\n      fit,\n    })\n    width = calculated.width\n    height = calculated.height\n    aspectRatio = calculated.aspectRatio\n  }\n\n  // Case 1: width of height were passed in, make sure it isn't larger than the actual image\n  width = width && Math.min(width, imgDimensions.width)\n  height = height && Math.min(height, imgDimensions.height)\n\n  // Case 2: neither width or height were passed in, use default size\n  if (!width && !height) {\n    width = Math.min(DEFAULT_FLUID_WIDTH, imgDimensions.width)\n    height = width / aspectRatio\n  }\n\n  // if it still hasn't been found, calculate width from the derived height.\n  // TS isn't smart enough to realise the type for height has been narrowed here\n  if (!width) {\n    width = (height as number) * aspectRatio\n  }\n\n  const originalWidth = width\n  const isTopSizeOverriden =\n    imgDimensions.width < width || imgDimensions.height < (height as number)\n  if (isTopSizeOverriden) {\n    width = imgDimensions.width\n    height = imgDimensions.height\n  }\n\n  width = Math.round(width)\n\n  if (breakpoints?.length > 0) {\n    sizes = breakpoints.filter(size => size <= imgDimensions.width)\n\n    // If a larger breakpoint has been filtered-out, add the actual image width instead\n    if (\n      sizes.length < breakpoints.length &&\n      !sizes.includes(imgDimensions.width)\n    ) {\n      sizes.push(imgDimensions.width)\n    }\n  } else {\n    sizes = densities.map(density => Math.round(density * (width as number)))\n    sizes = sizes.filter(size => size <= imgDimensions.width)\n  }\n\n  // ensure that the size passed in is included in the final output\n  if (layout === `constrained` && !sizes.includes(width)) {\n    sizes.push(width)\n  }\n  sizes = sizes.sort(sortNumeric)\n  return {\n    sizes,\n    aspectRatio,\n    presentationWidth: originalWidth,\n    presentationHeight: Math.round(originalWidth / aspectRatio),\n    unscaledWidth: width,\n  }\n}\n\nexport function getDimensionsAndAspectRatio(\n  dimensions,\n  options\n): { width: number; height: number; aspectRatio: number } {\n  // Calculate the eventual width/height of the image.\n  const imageAspectRatio = dimensions.width / dimensions.height\n\n  let width = options.width\n  let height = options.height\n\n  switch (options.fit) {\n    case `fill`: {\n      width = options.width ? options.width : dimensions.width\n      height = options.height ? options.height : dimensions.height\n      break\n    }\n    case `inside`: {\n      const widthOption = options.width\n        ? options.width\n        : Number.MAX_SAFE_INTEGER\n      const heightOption = options.height\n        ? options.height\n        : Number.MAX_SAFE_INTEGER\n\n      width = Math.min(widthOption, Math.round(heightOption * imageAspectRatio))\n      height = Math.min(\n        heightOption,\n        Math.round(widthOption / imageAspectRatio)\n      )\n      break\n    }\n    case `outside`: {\n      const widthOption = options.width ? options.width : 0\n      const heightOption = options.height ? options.height : 0\n\n      width = Math.max(widthOption, Math.round(heightOption * imageAspectRatio))\n      height = Math.max(\n        heightOption,\n        Math.round(widthOption / imageAspectRatio)\n      )\n      break\n    }\n\n    default: {\n      if (options.width && !options.height) {\n        width = options.width\n        height = Math.round(options.width / imageAspectRatio)\n      }\n\n      if (options.height && !options.width) {\n        width = Math.round(options.height * imageAspectRatio)\n        height = options.height\n      }\n    }\n  }\n\n  return {\n    width,\n    height,\n    aspectRatio: width / height,\n  }\n}\n","/* global GATSBY___IMAGE */\nimport { generateImageData, EVERY_BREAKPOINT } from \"../image-utils\"\nimport type { CSSProperties, HTMLAttributes, ImgHTMLAttributes } from \"react\"\nimport type { Node } from \"gatsby\"\nimport type { PlaceholderProps } from \"./placeholder\"\nimport type { MainImageProps } from \"./main-image\"\nimport type { IGatsbyImageData } from \"./gatsby-image.browser\"\nimport type {\n  IGatsbyImageHelperArgs,\n  Layout,\n  IImage,\n  ImageFormat,\n} from \"../image-utils\"\n\n// Native lazy-loading support: https://addyosmani.com/blog/lazy-loading/\nexport const hasNativeLazyLoadSupport = (): boolean =>\n  typeof HTMLImageElement !== `undefined` &&\n  `loading` in HTMLImageElement.prototype\n\nexport function gatsbyImageIsInstalled(): boolean {\n  return typeof GATSBY___IMAGE !== `undefined` && GATSBY___IMAGE\n}\n\nexport type IGatsbyImageDataParent<T = never> = T & {\n  gatsbyImageData: IGatsbyImageData\n}\nexport type IGatsbyImageParent<T = never> = T & {\n  gatsbyImage: IGatsbyImageData\n}\nexport type FileNode = Partial<Node> & {\n  childImageSharp?: IGatsbyImageDataParent<Partial<Node>>\n}\n\nconst isGatsbyImageData = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  node: IGatsbyImageData | any\n): node is IGatsbyImageData =>\n  // 🦆 check for a deep prop to be sure this is a valid gatsbyImageData object\n  Boolean(node?.images?.fallback?.src)\n\nconst isGatsbyImageDataParent = <T>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  node: IGatsbyImageDataParent<T> | any\n): node is IGatsbyImageDataParent<T> => Boolean(node?.gatsbyImageData)\n\nconst isGatsbyImageParent = <T>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  node: IGatsbyImageParent<T> | any\n): node is IGatsbyImageParent<T> => Boolean(node?.gatsbyImage)\n\nexport type ImageDataLike =\n  | FileNode\n  | IGatsbyImageDataParent\n  | IGatsbyImageParent\n  | IGatsbyImageData\n\nexport const getImage = (\n  node: ImageDataLike | null\n): IGatsbyImageData | undefined => {\n  // This checks both for gatsbyImageData and gatsbyImage\n  if (isGatsbyImageData(node)) {\n    return node\n  }\n  // gatsbyImageData GraphQL field\n  if (isGatsbyImageDataParent(node)) {\n    return node.gatsbyImageData\n  }\n  // gatsbyImage GraphQL field for Gatsby's Image CDN service\n  if (isGatsbyImageParent(node)) {\n    return node.gatsbyImage\n  }\n  return node?.childImageSharp?.gatsbyImageData\n}\n\nexport const getSrc = (node: ImageDataLike): string | undefined =>\n  getImage(node)?.images?.fallback?.src\n\nexport const getSrcSet = (node: ImageDataLike): string | undefined =>\n  getImage(node)?.images?.fallback?.srcSet\n\nexport function getWrapperProps(\n  width: number,\n  height: number,\n  layout: Layout\n): Pick<HTMLAttributes<HTMLElement>, \"className\" | \"style\"> & {\n  \"data-gatsby-image-wrapper\": string\n} {\n  const wrapperStyle: CSSProperties = {}\n\n  let className = `gatsby-image-wrapper`\n\n  // If the plugin isn't installed we need to apply the styles inline\n  if (!gatsbyImageIsInstalled()) {\n    wrapperStyle.position = `relative`\n    wrapperStyle.overflow = `hidden`\n  }\n\n  if (layout === `fixed`) {\n    wrapperStyle.width = width\n    wrapperStyle.height = height\n  } else if (layout === `constrained`) {\n    if (!gatsbyImageIsInstalled()) {\n      wrapperStyle.display = `inline-block`\n      wrapperStyle.verticalAlign = `top`\n    }\n    className = `gatsby-image-wrapper gatsby-image-wrapper-constrained`\n  }\n\n  return {\n    className,\n    \"data-gatsby-image-wrapper\": ``,\n    style: wrapperStyle,\n  }\n}\n\nexport interface IUrlBuilderArgs<OptionsType> {\n  width: number\n  height: number\n  baseUrl: string\n  format: ImageFormat\n  options: OptionsType\n}\nexport interface IGetImageDataArgs<OptionsType = Record<string, unknown>> {\n  baseUrl: string\n  /**\n   * For constrained and fixed images, the size of the image element\n   */\n  width?: number\n  height?: number\n  /**\n   * If available, pass the source image width and height\n   */\n  sourceWidth?: number\n  sourceHeight?: number\n  /**\n   * If only one dimension is passed, then this will be used to calculate the other.\n   */\n  aspectRatio?: number\n  layout?: Layout\n  /**\n   * Returns a URL based on the passed arguments. Should be a pure function\n   */\n  urlBuilder: (args: IUrlBuilderArgs<OptionsType>) => string\n\n  /**\n   * Should be a data URI\n   */\n  placeholderURL?: string\n  backgroundColor?: string\n  /**\n   * Used in error messages etc\n   */\n  pluginName?: string\n\n  /**\n   * If you do not support auto-format, pass an array of image types here\n   */\n  formats?: Array<ImageFormat>\n\n  breakpoints?: Array<number>\n\n  /**\n   * Passed to the urlBuilder function\n   */\n  options?: OptionsType\n}\n\n/**\n * Use this hook to generate gatsby-plugin-image data in the browser.\n */\nexport function getImageData<OptionsType>({\n  baseUrl,\n  urlBuilder,\n  sourceWidth,\n  sourceHeight,\n  pluginName = `getImageData`,\n  formats = [`auto`],\n  breakpoints,\n  options,\n  ...props\n}: IGetImageDataArgs<OptionsType>): IGatsbyImageData {\n  if (\n    !breakpoints?.length &&\n    (props.layout === `fullWidth` || (props.layout as string) === `FULL_WIDTH`)\n  ) {\n    breakpoints = EVERY_BREAKPOINT\n  }\n  const generateImageSource = (\n    baseUrl: string,\n    width: number,\n    height?: number,\n    format?: ImageFormat\n  ): IImage => {\n    return {\n      width,\n      height,\n      format,\n      src: urlBuilder({ baseUrl, width, height, options, format }),\n    }\n  }\n\n  const sourceMetadata: IGatsbyImageHelperArgs[\"sourceMetadata\"] = {\n    width: sourceWidth,\n    height: sourceHeight,\n    format: `auto`,\n  }\n\n  const args: IGatsbyImageHelperArgs = {\n    ...props,\n    pluginName,\n    generateImageSource,\n    filename: baseUrl,\n    formats,\n    breakpoints,\n    sourceMetadata,\n  }\n  return generateImageData(args)\n}\n\nexport function getMainProps(\n  isLoading: boolean,\n  isLoaded: boolean,\n  images: IGatsbyImageData[\"images\"],\n  loading?: \"eager\" | \"lazy\",\n  style: CSSProperties = {}\n): Partial<MainImageProps> {\n  // fallback when it's not configured in gatsby-config.\n  if (!gatsbyImageIsInstalled()) {\n    style = {\n      height: `100%`,\n      left: 0,\n      position: `absolute`,\n      top: 0,\n      transform: `translateZ(0)`,\n      transition: `opacity 250ms linear`,\n      width: `100%`,\n      willChange: `opacity`,\n      ...style,\n    }\n  }\n\n  const result = {\n    ...images,\n    loading,\n    shouldLoad: isLoading,\n    \"data-main-image\": ``,\n    style: {\n      ...style,\n      opacity: isLoaded ? 1 : 0,\n    },\n  }\n\n  return result\n}\n\nexport type PlaceholderImageAttrs = ImgHTMLAttributes<HTMLImageElement> &\n  Pick<PlaceholderProps, \"sources\" | \"fallback\"> & {\n    \"data-placeholder-image\"?: string\n  }\n\nexport function getPlaceholderProps(\n  placeholder: PlaceholderImageAttrs | undefined,\n  isLoaded: boolean,\n  layout: Layout,\n  width?: number,\n  height?: number,\n  backgroundColor?: string,\n  objectFit?: CSSProperties[\"objectFit\"],\n  objectPosition?: CSSProperties[\"objectPosition\"]\n): PlaceholderImageAttrs {\n  const wrapperStyle: CSSProperties = {}\n\n  if (backgroundColor) {\n    wrapperStyle.backgroundColor = backgroundColor\n\n    if (layout === `fixed`) {\n      wrapperStyle.width = width\n      wrapperStyle.height = height\n      wrapperStyle.backgroundColor = backgroundColor\n      wrapperStyle.position = `relative`\n    } else if (layout === `constrained`) {\n      wrapperStyle.position = `absolute`\n      wrapperStyle.top = 0\n      wrapperStyle.left = 0\n      wrapperStyle.bottom = 0\n      wrapperStyle.right = 0\n    } else if (layout === `fullWidth`) {\n      wrapperStyle.position = `absolute`\n      wrapperStyle.top = 0\n      wrapperStyle.left = 0\n      wrapperStyle.bottom = 0\n      wrapperStyle.right = 0\n    }\n  }\n\n  if (objectFit) {\n    wrapperStyle.objectFit = objectFit\n  }\n\n  if (objectPosition) {\n    wrapperStyle.objectPosition = objectPosition\n  }\n  const result: PlaceholderImageAttrs = {\n    ...placeholder,\n    \"aria-hidden\": true,\n    \"data-placeholder-image\": ``,\n    style: {\n      opacity: isLoaded ? 0 : 1,\n      transition: `opacity 500ms linear`,\n      ...wrapperStyle,\n    },\n  }\n\n  // fallback when it's not configured in gatsby-config.\n  if (!gatsbyImageIsInstalled()) {\n    result.style = {\n      height: `100%`,\n      left: 0,\n      position: `absolute`,\n      top: 0,\n      width: `100%`,\n    }\n  }\n\n  return result\n}\n\nexport interface IArtDirectedImage {\n  media: string\n  image: IGatsbyImageData\n}\n\n/**\n * Generate a Gatsby image data object with multiple, art-directed images that display at different\n * resolutions.\n *\n * @param defaultImage The image displayed when no media query matches.\n * It is also used for all other settings applied to the image, such as width, height and layout.\n * You should pass a className to the component with media queries to adjust the size of the container,\n * as this cannot be adjusted automatically.\n * @param artDirected Array of objects which each contains a `media` string which is a media query\n * such as `(min-width: 320px)`, and the image object to use when that query matches.\n */\nexport function withArtDirection(\n  defaultImage: IGatsbyImageData,\n  artDirected: Array<IArtDirectedImage>\n): IGatsbyImageData {\n  const { images, placeholder, ...props } = defaultImage\n  const output: IGatsbyImageData = {\n    ...props,\n    images: {\n      ...images,\n      sources: [],\n    },\n    placeholder: placeholder && {\n      ...placeholder,\n      sources: [],\n    },\n  }\n\n  artDirected.forEach(({ media, image }) => {\n    if (!media) {\n      if (process.env.NODE_ENV === `development`) {\n        console.warn(\n          \"[gatsby-plugin-image] All art-directed images passed to must have a value set for `media`. Skipping.\"\n        )\n      }\n      return\n    }\n\n    if (\n      image.layout !== defaultImage.layout &&\n      process.env.NODE_ENV === `development`\n    ) {\n      console.warn(\n        `[gatsby-plugin-image] Mismatched image layout: expected \"${defaultImage.layout}\" but received \"${image.layout}\". All art-directed images use the same layout as the default image`\n      )\n    }\n\n    output.images.sources.push(\n      ...image.images.sources.map(source => {\n        return { ...source, media }\n      }),\n      {\n        media,\n        srcSet: image.images.fallback.srcSet,\n      }\n    )\n\n    if (!output.placeholder) {\n      return\n    }\n\n    output.placeholder.sources.push({\n      media,\n      srcSet: image.placeholder.fallback,\n    })\n  })\n  output.images.sources.push(...images.sources)\n  if (placeholder?.sources) {\n    output.placeholder?.sources.push(...placeholder.sources)\n  }\n  return output\n}\n","import React, { Fragment, FunctionComponent, PropsWithChildren } from \"react\"\nimport terserMacro from \"../../macros/terser.macro\"\nimport { Layout } from \"../image-utils\"\n\nexport interface ILayoutWrapperProps {\n  layout: Layout\n  width: number\n  height: number\n}\n\nconst NativeScriptLoading: FunctionComponent = () => (\n  <script\n    type=\"module\"\n    dangerouslySetInnerHTML={{\n      __html: terserMacro`\nconst hasNativeLazyLoadSupport = typeof HTMLImageElement !== \"undefined\" && \"loading\" in HTMLImageElement.prototype;\nif (hasNativeLazyLoadSupport) {\n  const gatsbyImages = document.querySelectorAll('img[data-main-image]');\n  for (let mainImage of gatsbyImages) {\n    if (mainImage.dataset.src) {\n      mainImage.setAttribute('src', mainImage.dataset.src)\n      mainImage.removeAttribute('data-src')\n    }\n    if (mainImage.dataset.srcset) {\n      mainImage.setAttribute('srcset', mainImage.dataset.srcset)\n      mainImage.removeAttribute('data-srcset')\n    }\n\n    const sources = mainImage.parentNode.querySelectorAll('source[data-srcset]');\n    for (let source of sources) {\n      source.setAttribute('srcset', source.dataset.srcset)\n      source.removeAttribute('data-srcset')\n    }\n\n    if (mainImage.complete) {\n      mainImage.style.opacity = 1;\n\n      // also hide the placeholder\n      mainImage.parentNode.parentNode.querySelector('[data-placeholder-image]').style.opacity = 0;\n    }\n  }\n}\n`,\n    }}\n  />\n)\n\nexport function getSizer(\n  layout: Layout,\n  width: number,\n  height: number\n): string {\n  let sizer = ``\n  if (layout === `fullWidth`) {\n    sizer = `<div aria-hidden=\"true\" style=\"padding-top: ${\n      (height / width) * 100\n    }%;\"></div>`\n  }\n\n  if (layout === `constrained`) {\n    sizer = `<div style=\"max-width: ${width}px; display: block;\"><img alt=\"\" role=\"presentation\" aria-hidden=\"true\" src=\"data:image/svg+xml;charset=utf-8,%3Csvg%20height='${height}'%20width='${width}'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E\" style=\"max-width: 100%; display: block; position: static;\"></div>`\n  }\n\n  return sizer\n}\n\nconst Sizer: FunctionComponent<ILayoutWrapperProps> = function Sizer({\n  layout,\n  width,\n  height,\n}) {\n  if (layout === `fullWidth`) {\n    return (\n      <div aria-hidden style={{ paddingTop: `${(height / width) * 100}%` }} />\n    )\n  }\n\n  if (layout === `constrained`) {\n    return (\n      <div style={{ maxWidth: width, display: `block` }}>\n        <img\n          alt=\"\"\n          role=\"presentation\"\n          aria-hidden=\"true\"\n          src={`data:image/svg+xml;charset=utf-8,%3Csvg%20height='${height}'%20width='${width}'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E`}\n          style={{\n            maxWidth: `100%`,\n            display: `block`,\n            position: `static`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n\nexport const LayoutWrapper: FunctionComponent<\n  PropsWithChildren<ILayoutWrapperProps>\n> = function LayoutWrapper({ children, ...props }) {\n  return (\n    <Fragment>\n      <Sizer {...props} />\n      {children}\n\n      {SERVER ? <NativeScriptLoading /> : null}\n    </Fragment>\n  )\n}\n","import React, { FunctionComponent, ImgHTMLAttributes } from \"react\"\nimport * as PropTypes from \"prop-types\"\n\nexport interface IResponsiveImageProps {\n  sizes?: string\n  srcSet: string\n}\n\nexport type SourceProps = IResponsiveImageProps &\n  (\n    | {\n        media: string\n        type?: string\n      }\n    | {\n        media?: string\n        type: string\n      }\n  )\n\ntype FallbackProps = { src: string } & Partial<IResponsiveImageProps>\n\ntype ImageProps = ImgHTMLAttributes<HTMLImageElement> & {\n  src: string\n  alt: string\n  shouldLoad: boolean\n}\n\nexport type PictureProps = ImgHTMLAttributes<HTMLImageElement> & {\n  fallback?: FallbackProps\n  sources?: Array<SourceProps>\n  alt: string\n  shouldLoad?: boolean\n}\n\nconst Image: FunctionComponent<ImageProps> = function Image({\n  src,\n  srcSet,\n  loading,\n  alt = ``,\n  shouldLoad,\n  ...props\n}) {\n  return (\n    <img\n      {...props}\n      decoding=\"async\"\n      loading={loading}\n      src={shouldLoad ? src : undefined}\n      data-src={!shouldLoad ? src : undefined}\n      srcSet={shouldLoad ? srcSet : undefined}\n      data-srcset={!shouldLoad ? srcSet : undefined}\n      alt={alt}\n    />\n  )\n}\n\nexport const Picture: React.FC<PictureProps> = function Picture({\n  fallback,\n  sources = [],\n  shouldLoad = true,\n  ...props\n}) {\n  const sizes = props.sizes || fallback?.sizes\n  const fallbackImage = (\n    <Image {...props} {...fallback} sizes={sizes} shouldLoad={shouldLoad} />\n  )\n\n  if (!sources.length) {\n    return fallbackImage\n  }\n\n  return (\n    <picture>\n      {sources.map(({ media, srcSet, type }) => (\n        <source\n          key={`${media}-${type}-${srcSet}`}\n          type={type}\n          media={media}\n          srcSet={shouldLoad ? srcSet : undefined}\n          data-srcset={!shouldLoad ? srcSet : undefined}\n          sizes={sizes}\n        />\n      ))}\n      {fallbackImage}\n    </picture>\n  )\n}\n\nImage.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string.isRequired,\n  sizes: PropTypes.string,\n  srcSet: PropTypes.string,\n  shouldLoad: PropTypes.bool,\n}\n\nPicture.displayName = `Picture`\nPicture.propTypes = {\n  alt: PropTypes.string.isRequired,\n  shouldLoad: PropTypes.bool,\n  fallback: PropTypes.exact({\n    src: PropTypes.string.isRequired,\n    srcSet: PropTypes.string,\n    sizes: PropTypes.string,\n  }),\n  sources: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.exact({\n        media: PropTypes.string.isRequired,\n        type: PropTypes.string,\n        sizes: PropTypes.string,\n        srcSet: PropTypes.string.isRequired,\n      }),\n      PropTypes.exact({\n        media: PropTypes.string,\n        type: PropTypes.string.isRequired,\n        sizes: PropTypes.string,\n        srcSet: PropTypes.string.isRequired,\n      }),\n    ])\n  ),\n}\n","import React, { FunctionComponent, ImgHTMLAttributes } from \"react\"\nimport * as PropTypes from \"prop-types\"\nimport { Picture, SourceProps } from \"./picture\"\n\nexport type PlaceholderProps = ImgHTMLAttributes<HTMLImageElement> & {\n  fallback?: string\n  sources?: Array<SourceProps>\n}\n\nexport const Placeholder: FunctionComponent<PlaceholderProps> =\n  function Placeholder({ fallback, ...props }) {\n    if (fallback) {\n      return (\n        <Picture\n          {...props}\n          fallback={{\n            src: fallback,\n          }}\n          aria-hidden\n          alt=\"\"\n        />\n      )\n    } else {\n      return <div {...props}></div>\n    }\n  }\n\nPlaceholder.displayName = `Placeholder`\nPlaceholder.propTypes = {\n  fallback: PropTypes.string,\n  sources: Picture.propTypes?.sources,\n  alt: function (props, propName, componentName): Error | null {\n    if (!props[propName]) {\n      return null\n    }\n\n    return new Error(\n      `Invalid prop \\`${propName}\\` supplied to \\`${componentName}\\`. Validation failed.`\n    )\n  },\n}\n","import React from \"react\"\nimport { Picture, PictureProps } from \"./picture\"\n\nexport type MainImageProps = PictureProps\n\nexport const MainImage: React.FC<PictureProps> = function MainImage(props) {\n  return (\n    <>\n      <Picture {...props} />\n      <noscript>\n        <Picture {...props} shouldLoad={true} />\n      </noscript>\n    </>\n  )\n}\n\nMainImage.displayName = `MainImage`\nMainImage.propTypes = Picture.propTypes\n","import React from \"react\"\nimport { getWrapperProps, getMainProps, getPlaceholderProps } from \"./hooks\"\nimport { Placeholder } from \"./placeholder\"\nimport { MainImage, MainImageProps } from \"./main-image\"\nimport { LayoutWrapper } from \"./layout-wrapper\"\nimport PropTypes from \"prop-types\"\nimport type { FunctionComponent, WeakValidationMap } from \"react\"\nimport type { GatsbyImageProps, IGatsbyImageData } from \"./gatsby-image.browser\"\n\nconst removeNewLines = (str: string): string => str.replace(/\\n/g, ``)\n\nexport const GatsbyImage: FunctionComponent<GatsbyImageProps> =\n  function GatsbyImage({\n    as = `div`,\n    className,\n    class: preactClass,\n    style,\n    image,\n    loading = `lazy`,\n    imgClassName,\n    imgStyle,\n    backgroundColor,\n    objectFit,\n    objectPosition,\n    ...props\n  }) {\n    if (!image) {\n      console.warn(`[gatsby-plugin-image] Missing image prop`)\n      return null\n    }\n\n    if (preactClass) {\n      className = preactClass\n    }\n\n    imgStyle = {\n      objectFit,\n      objectPosition,\n      backgroundColor,\n      ...imgStyle,\n    }\n\n    const {\n      width,\n      height,\n      layout,\n      images,\n      placeholder,\n      backgroundColor: placeholderBackgroundColor,\n    } = image\n\n    const {\n      style: wStyle,\n      className: wClass,\n      ...wrapperProps\n    } = getWrapperProps(width, height, layout)\n\n    const cleanedImages: IGatsbyImageData[\"images\"] = {\n      fallback: undefined,\n      sources: [],\n    }\n    if (images.fallback) {\n      cleanedImages.fallback = {\n        ...images.fallback,\n        srcSet: images.fallback.srcSet\n          ? removeNewLines(images.fallback.srcSet)\n          : undefined,\n      }\n    }\n\n    if (images.sources) {\n      cleanedImages.sources = images.sources.map(source => {\n        return {\n          ...source,\n          srcSet: removeNewLines(source.srcSet),\n        }\n      })\n    }\n\n    return React.createElement(\n      as,\n      {\n        ...wrapperProps,\n        style: {\n          ...wStyle,\n          ...style,\n          backgroundColor,\n        },\n        className: `${wClass}${className ? ` ${className}` : ``}`,\n      },\n      <LayoutWrapper layout={layout} width={width} height={height}>\n        <Placeholder\n          {...getPlaceholderProps(\n            placeholder,\n            false,\n            layout,\n            width,\n            height,\n            placeholderBackgroundColor,\n            objectFit,\n            objectPosition\n          )}\n        />\n\n        <MainImage\n          data-gatsby-image-ssr=\"\"\n          className={imgClassName}\n          {...(props as Omit<\n            MainImageProps,\n            \"images\" | \"fallback\" | \"onError\" | \"onLoad\"\n          >)}\n          // When eager is set we want to start the isLoading state on true (we want to load the img without react)\n          {...getMainProps(\n            loading === `eager`,\n            false,\n            cleanedImages,\n            loading,\n            imgStyle\n          )}\n        />\n      </LayoutWrapper>\n    )\n  }\n\nexport const altValidator: PropTypes.Validator<string> = (\n  props: GatsbyImageProps,\n  propName,\n  componentName,\n  ...rest\n): Error | undefined => {\n  if (!props.alt && props.alt !== ``) {\n    return new Error(\n      `The \"alt\" prop is required in ${componentName}. If the image is purely presentational then pass an empty string: e.g. alt=\"\". Learn more: https://a11y-style-guide.com/style-guide/section-media.html`\n    )\n  }\n\n  return PropTypes.string(props, propName, componentName, ...rest)\n}\n\nexport const propTypes = {\n  image: PropTypes.object.isRequired,\n  alt: altValidator,\n} as WeakValidationMap<GatsbyImageProps>\n","import {\n  createElement,\n  memo,\n  useMemo,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from \"react\"\nimport {\n  getWrapperProps,\n  gatsbyImageIsInstalled,\n  hasNativeLazyLoadSupport,\n} from \"./hooks\"\nimport { getSizer } from \"./layout-wrapper\"\nimport { propTypes } from \"./gatsby-image.server\"\nimport type {\n  FC,\n  ElementType,\n  FunctionComponent,\n  ImgHTMLAttributes,\n  CSSProperties,\n  ReactEventHandler,\n} from \"react\"\nimport type { renderImageToString } from \"./lazy-hydrate\"\nimport type { PlaceholderProps } from \"./placeholder\"\nimport type { MainImageProps } from \"./main-image\"\nimport type { Layout } from \"../image-utils\"\n\nconst imageCache = new Set<string>()\nlet renderImageToStringPromise\nlet renderImage: typeof renderImageToString | undefined\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface GatsbyImageProps\n  extends Omit<\n    ImgHTMLAttributes<HTMLImageElement>,\n    \"placeholder\" | \"onLoad\" | \"src\" | \"srcSet\" | \"width\" | \"height\"\n  > {\n  alt: string\n  as?: ElementType\n  className?: string\n  class?: string\n  imgClassName?: string\n  image: IGatsbyImageData\n  imgStyle?: CSSProperties\n  backgroundColor?: string\n  objectFit?: CSSProperties[\"objectFit\"]\n  objectPosition?: CSSProperties[\"objectPosition\"]\n  onLoad?: (props: { wasCached: boolean }) => void\n  onError?: ReactEventHandler<HTMLImageElement>\n  onStartLoad?: (props: { wasCached: boolean }) => void\n}\n\nexport interface IGatsbyImageData {\n  layout: Layout\n  width: number\n  height: number\n  backgroundColor?: string\n  images: Pick<MainImageProps, \"sources\" | \"fallback\">\n  placeholder?: Pick<PlaceholderProps, \"sources\" | \"fallback\">\n}\n\nconst GatsbyImageHydrator: FC<GatsbyImageProps> = function GatsbyImageHydrator({\n  as = `div`,\n  image,\n  style,\n  backgroundColor,\n  className,\n  class: preactClass,\n  onStartLoad,\n  onLoad,\n  onError,\n  ...props\n}) {\n  const { width, height, layout } = image\n  const {\n    style: wStyle,\n    className: wClass,\n    ...wrapperProps\n  } = getWrapperProps(width, height, layout)\n  const root = useRef<HTMLElement>()\n  const cacheKey = useMemo(() => JSON.stringify(image.images), [image.images])\n\n  // Preact uses class instead of className so we need to check for both\n  if (preactClass) {\n    className = preactClass\n  }\n\n  const sizer = getSizer(layout, width, height)\n\n  useEffect(() => {\n    if (!renderImageToStringPromise) {\n      renderImageToStringPromise = import(`./lazy-hydrate`).then(\n        ({ renderImageToString, swapPlaceholderImage }) => {\n          renderImage = renderImageToString\n\n          return {\n            renderImageToString,\n            swapPlaceholderImage,\n          }\n        }\n      )\n    }\n\n    // The plugin image component is a bit special where if it's server-side rendered, we add extra script tags to support lazy-loading without\n    // In this case we stop hydration but fire the correct events.\n    const ssrImage = root.current.querySelector(\n      `[data-gatsby-image-ssr]`\n    ) as HTMLImageElement\n    if (ssrImage && hasNativeLazyLoadSupport()) {\n      if (ssrImage.complete) {\n        // Trigger onStartload and onLoad events\n        onStartLoad?.({\n          wasCached: true,\n        })\n        onLoad?.({\n          wasCached: true,\n        })\n\n        // remove ssr key for state updates but add delay to not fight with native code snippt of gatsby-ssr\n        setTimeout(() => {\n          ssrImage.removeAttribute(`data-gatsby-image-ssr`)\n        }, 0)\n      } else {\n        onStartLoad?.({\n          wasCached: true,\n        })\n\n        ssrImage.addEventListener(`load`, function onLoadListener() {\n          ssrImage.removeEventListener(`load`, onLoadListener)\n\n          onLoad?.({\n            wasCached: true,\n          })\n          // remove ssr key for state updates but add delay to not fight with native code snippt of gatsby-ssr\n          setTimeout(() => {\n            ssrImage.removeAttribute(`data-gatsby-image-ssr`)\n          }, 0)\n        })\n      }\n\n      imageCache.add(cacheKey)\n\n      return\n    }\n\n    if (renderImage && imageCache.has(cacheKey)) {\n      return\n    }\n\n    let animationFrame\n    let cleanupCallback\n    renderImageToStringPromise.then(\n      ({ renderImageToString, swapPlaceholderImage }) => {\n        if (!root.current) {\n          return\n        }\n\n        root.current.innerHTML = renderImageToString({\n          isLoading: true,\n          isLoaded: imageCache.has(cacheKey),\n          image,\n          ...props,\n        })\n\n        if (!imageCache.has(cacheKey)) {\n          animationFrame = requestAnimationFrame(() => {\n            if (root.current) {\n              cleanupCallback = swapPlaceholderImage(\n                root.current,\n                cacheKey,\n                imageCache,\n                style,\n                onStartLoad,\n                onLoad,\n                onError\n              )\n            }\n          })\n        }\n      }\n    )\n\n    // eslint-disable-next-line consistent-return\n    return (): void => {\n      if (animationFrame) {\n        cancelAnimationFrame(animationFrame)\n      }\n      if (cleanupCallback) {\n        cleanupCallback()\n      }\n    }\n  }, [image])\n\n  // useLayoutEffect is ran before React commits to the DOM. This allows us to make sure our HTML is using our cached image version\n  useLayoutEffect(() => {\n    if (imageCache.has(cacheKey) && renderImage) {\n      root.current.innerHTML = renderImage({\n        isLoading: imageCache.has(cacheKey),\n        isLoaded: imageCache.has(cacheKey),\n        image,\n        ...props,\n      })\n\n      // Trigger onStartload and onLoad events\n      onStartLoad?.({\n        wasCached: true,\n      })\n      onLoad?.({\n        wasCached: true,\n      })\n    }\n  }, [image])\n\n  // By keeping all props equal React will keep the component in the DOM\n  return createElement(as, {\n    ...wrapperProps,\n    style: {\n      ...wStyle,\n      ...style,\n      backgroundColor,\n    },\n    className: `${wClass}${className ? ` ${className}` : ``}`,\n    ref: root,\n    dangerouslySetInnerHTML: {\n      __html: sizer,\n    },\n    suppressHydrationWarning: true,\n  })\n}\n\nexport const GatsbyImage: FunctionComponent<GatsbyImageProps> = memo(\n  function GatsbyImage(props) {\n    if (!props.image) {\n      if (process.env.NODE_ENV === `development`) {\n        console.warn(`[gatsby-plugin-image] Missing image prop`)\n      }\n\n      return null\n    }\n\n    if (!gatsbyImageIsInstalled() && process.env.NODE_ENV === `development`) {\n      console.warn(\n        `[gatsby-plugin-image] You're missing out on some cool performance features. Please add \"gatsby-plugin-image\" to your gatsby-config.js`\n      )\n    }\n\n    return createElement(GatsbyImageHydrator, props)\n  }\n)\n\nGatsbyImage.propTypes = propTypes\nGatsbyImage.displayName = `GatsbyImage`\n","import React, { FunctionComponent, ReactElement } from \"react\"\nimport {\n  altValidator,\n  GatsbyImage as GatsbyImageServer,\n} from \"./gatsby-image.server\"\nimport { GatsbyImageProps, IGatsbyImageData } from \"./gatsby-image.browser\"\nimport PropTypes from \"prop-types\"\nimport { ISharpGatsbyImageArgs } from \"../image-utils\"\n\nexport interface IStaticImageProps\n  extends Omit<GatsbyImageProps, \"image\">,\n    Omit<ISharpGatsbyImageArgs, \"backgroundColor\"> {\n  src: string\n  filename?: string\n}\n\n// These values are added by Babel. Do not add them manually\ninterface IPrivateProps {\n  __imageData?: IGatsbyImageData\n  __error?: string\n}\n\nexport function _getStaticImage(\n  GatsbyImage: FunctionComponent<GatsbyImageProps>\n): React.FC<IStaticImageProps & IPrivateProps> {\n  return function StaticImage({\n    src,\n    __imageData: imageData,\n    __error,\n    // We extract these because they're not meant to be passed-down to GatsbyImage\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    width,\n    height,\n    aspectRatio,\n    tracedSVGOptions,\n    placeholder,\n    formats,\n    quality,\n    transformOptions,\n    jpgOptions,\n    pngOptions,\n    webpOptions,\n    avifOptions,\n    blurredOptions,\n    breakpoints,\n    outputPixelDensities,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...props\n  }): ReactElement {\n    if (__error) {\n      console.warn(__error)\n    }\n\n    if (imageData) {\n      return <GatsbyImage image={imageData} {...props} />\n    }\n    console.warn(`Image not loaded`, src)\n    if (!__error && process.env.NODE_ENV === `development`) {\n      console.warn(\n        `Please ensure that \"gatsby-plugin-image\" is included in the plugins array in gatsby-config.js, and that your version of gatsby is at least 2.24.78`\n      )\n    }\n    return null\n  }\n}\n\nconst StaticImage: React.FC<IStaticImageProps & IPrivateProps> =\n  _getStaticImage(GatsbyImageServer)\n\nconst checkDimensionProps: PropTypes.Validator<number> = (\n  props: IStaticImageProps & IPrivateProps,\n  propName: keyof IStaticImageProps & IPrivateProps,\n  ...rest\n) => {\n  if (\n    props.layout === `fullWidth` &&\n    (propName === `width` || propName === `height`) &&\n    props[propName]\n  ) {\n    return new Error(\n      `\"${propName}\" ${props[propName]} may not be passed when layout is fullWidth.`\n    )\n  }\n  return PropTypes.number(props, propName, ...rest)\n}\n\nconst validLayouts = new Set([`fixed`, `fullWidth`, `constrained`])\n\nexport const propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: altValidator,\n  width: checkDimensionProps,\n  height: checkDimensionProps,\n  sizes: PropTypes.string,\n  layout: (props: IStaticImageProps & IPrivateProps): Error | undefined => {\n    if (props.layout === undefined) {\n      return undefined\n    }\n    if (validLayouts.has(props.layout)) {\n      return undefined\n    }\n\n    return new Error(\n      `Invalid value ${props.layout}\" provided for prop \"layout\". Defaulting to \"constrained\". Valid values are \"fixed\", \"fullWidth\" or \"constrained\".`\n    )\n  },\n}\n\nStaticImage.displayName = `StaticImage`\nStaticImage.propTypes = propTypes\n\nexport { StaticImage }\n","import {\n  GatsbyImage as GatsbyImageBrowser,\n  IGatsbyImageData,\n} from \"./gatsby-image.browser\"\nimport React from \"react\"\nimport {\n  _getStaticImage,\n  propTypes,\n  IStaticImageProps,\n} from \"./static-image.server\"\n// These values are added by Babel. Do not add them manually\ninterface IPrivateProps {\n  __imageData?: IGatsbyImageData\n  __error?: string\n}\n\nconst StaticImage: React.FC<IStaticImageProps & IPrivateProps> =\n  _getStaticImage(GatsbyImageBrowser)\n\nStaticImage.displayName = `StaticImage`\nStaticImage.propTypes = propTypes\n\nexport { StaticImage }\n","'use strict';\n\nconst UPPERCASE = /[\\p{Lu}]/u;\nconst LOWERCASE = /[\\p{Ll}]/u;\nconst LEADING_CAPITAL = /^[\\p{Lu}](?![\\p{Lu}])/gu;\nconst IDENTIFIER = /([\\p{Alpha}\\p{N}_]|$)/u;\nconst SEPARATORS = /[_.\\- ]+/;\n\nconst LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);\nconst SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');\nconst NUMBERS_AND_IDENTIFIER = new RegExp('\\\\d+' + IDENTIFIER.source, 'gu');\n\nconst preserveCamelCase = (string, toLowerCase, toUpperCase) => {\n\tlet isLastCharLower = false;\n\tlet isLastCharUpper = false;\n\tlet isLastLastCharUpper = false;\n\n\tfor (let i = 0; i < string.length; i++) {\n\t\tconst character = string[i];\n\n\t\tif (isLastCharLower && UPPERCASE.test(character)) {\n\t\t\tstring = string.slice(0, i) + '-' + string.slice(i);\n\t\t\tisLastCharLower = false;\n\t\t\tisLastLastCharUpper = isLastCharUpper;\n\t\t\tisLastCharUpper = true;\n\t\t\ti++;\n\t\t} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {\n\t\t\tstring = string.slice(0, i - 1) + '-' + string.slice(i - 1);\n\t\t\tisLastLastCharUpper = isLastCharUpper;\n\t\t\tisLastCharUpper = false;\n\t\t\tisLastCharLower = true;\n\t\t} else {\n\t\t\tisLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;\n\t\t\tisLastLastCharUpper = isLastCharUpper;\n\t\t\tisLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;\n\t\t}\n\t}\n\n\treturn string;\n};\n\nconst preserveConsecutiveUppercase = (input, toLowerCase) => {\n\tLEADING_CAPITAL.lastIndex = 0;\n\n\treturn input.replace(LEADING_CAPITAL, m1 => toLowerCase(m1));\n};\n\nconst postProcess = (input, toUpperCase) => {\n\tSEPARATORS_AND_IDENTIFIER.lastIndex = 0;\n\tNUMBERS_AND_IDENTIFIER.lastIndex = 0;\n\n\treturn input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => toUpperCase(identifier))\n\t\t.replace(NUMBERS_AND_IDENTIFIER, m => toUpperCase(m));\n};\n\nconst camelCase = (input, options) => {\n\tif (!(typeof input === 'string' || Array.isArray(input))) {\n\t\tthrow new TypeError('Expected the input to be `string | string[]`');\n\t}\n\n\toptions = {\n\t\tpascalCase: false,\n\t\tpreserveConsecutiveUppercase: false,\n\t\t...options\n\t};\n\n\tif (Array.isArray(input)) {\n\t\tinput = input.map(x => x.trim())\n\t\t\t.filter(x => x.length)\n\t\t\t.join('-');\n\t} else {\n\t\tinput = input.trim();\n\t}\n\n\tif (input.length === 0) {\n\t\treturn '';\n\t}\n\n\tconst toLowerCase = options.locale === false ?\n\t\tstring => string.toLowerCase() :\n\t\tstring => string.toLocaleLowerCase(options.locale);\n\tconst toUpperCase = options.locale === false ?\n\t\tstring => string.toUpperCase() :\n\t\tstring => string.toLocaleUpperCase(options.locale);\n\n\tif (input.length === 1) {\n\t\treturn options.pascalCase ? toUpperCase(input) : toLowerCase(input);\n\t}\n\n\tconst hasUpperCase = input !== toLowerCase(input);\n\n\tif (hasUpperCase) {\n\t\tinput = preserveCamelCase(input, toLowerCase, toUpperCase);\n\t}\n\n\tinput = input.replace(LEADING_SEPARATORS, '');\n\n\tif (options.preserveConsecutiveUppercase) {\n\t\tinput = preserveConsecutiveUppercase(input, toLowerCase);\n\t} else {\n\t\tinput = toLowerCase(input);\n\t}\n\n\tif (options.pascalCase) {\n\t\tinput = toUpperCase(input.charAt(0)) + input.slice(1);\n\t}\n\n\treturn postProcess(input, toUpperCase);\n};\n\nmodule.exports = camelCase;\n// TODO: Remove this for the next major release\nmodule.exports.default = camelCase;\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.Link = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\nvar _react = _interopRequireWildcard(require(\"react\"));\nvar _i18nextContext = require(\"./i18nextContext\");\nvar _gatsby = require(\"gatsby\");\nvar _types = require(\"./types\");\nvar _excluded = [\"language\", \"to\", \"onClick\"];\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\nvar Link = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {\n  var language = _ref.language,\n    to = _ref.to,\n    _onClick = _ref.onClick,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);\n  var context = (0, _react.useContext)(_i18nextContext.I18nextContext);\n  var urlLanguage = language || context.language;\n  var getLanguagePath = function getLanguagePath(language) {\n    return context.generateDefaultLanguagePage || language !== context.defaultLanguage ? \"/\" + language : '';\n  };\n  var link = \"\" + getLanguagePath(urlLanguage) + to;\n  return (\n    /*#__PURE__*/\n    // @ts-ignore\n    _react.default.createElement(_gatsby.Link, (0, _extends2.default)({}, rest, {\n      to: link,\n      innerRef: ref,\n      hrefLang: urlLanguage,\n      onClick: function onClick(e) {\n        if (language) {\n          localStorage.setItem(_types.LANGUAGE_KEY, language);\n        }\n        if (_onClick) {\n          _onClick(e);\n        }\n      }\n    }))\n  );\n});\nexports.Link = Link;","\"use strict\";\n\nexports.__esModule = true;\nvar _reactI18next = require(\"react-i18next\");\nObject.keys(_reactI18next).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _reactI18next[key]) return;\n  exports[key] = _reactI18next[key];\n});\nvar _i18nextContext = require(\"./i18nextContext\");\nObject.keys(_i18nextContext).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _i18nextContext[key]) return;\n  exports[key] = _i18nextContext[key];\n});\nvar _useI18next = require(\"./useI18next\");\nObject.keys(_useI18next).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _useI18next[key]) return;\n  exports[key] = _useI18next[key];\n});\nvar _Link = require(\"./Link\");\nObject.keys(_Link).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (key in exports && exports[key] === _Link[key]) return;\n  exports[key] = _Link[key];\n});","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nexports.__esModule = true;\nexports.useI18next = void 0;\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\nvar _reactI18next = require(\"react-i18next\");\nvar _react = require(\"react\");\nvar _gatsby = require(\"gatsby\");\nvar _i18nextContext = require(\"./i18nextContext\");\nvar _types = require(\"./types\");\nvar useI18next = function useI18next(ns, options) {\n  var _useTranslation = (0, _reactI18next.useTranslation)(ns, options),\n    i18n = _useTranslation.i18n,\n    t = _useTranslation.t,\n    ready = _useTranslation.ready;\n  var context = (0, _react.useContext)(_i18nextContext.I18nextContext);\n  var routed = context.routed,\n    defaultLanguage = context.defaultLanguage,\n    generateDefaultLanguagePage = context.generateDefaultLanguagePage;\n  var getLanguagePath = function getLanguagePath(language) {\n    return generateDefaultLanguagePage || language !== defaultLanguage ? \"/\" + language : '';\n  };\n  var removePrefix = function removePrefix(pathname) {\n    var base = typeof __BASE_PATH__ !== \"undefined\" ? __BASE_PATH__ : __PATH_PREFIX__;\n    if (base && pathname.indexOf(base) === 0) {\n      pathname = pathname.slice(base.length);\n    }\n    return pathname;\n  };\n  var removeLocalePart = function removeLocalePart(pathname) {\n    if (!routed) return pathname;\n    var i = pathname.indexOf(\"/\", 1);\n    return pathname.substring(i);\n  };\n  var navigate = function navigate(to, options) {\n    var languagePath = getLanguagePath(context.language);\n    var link = routed ? \"\" + languagePath + to : \"\" + to;\n    return (0, _gatsby.navigate)(link, options);\n  };\n  var changeLanguage = function changeLanguage(language, to, options) {\n    var languagePath = getLanguagePath(language);\n    var pathname = to || removeLocalePart(removePrefix(window.location.pathname));\n    var link = \"\" + languagePath + pathname + window.location.search;\n    localStorage.setItem(_types.LANGUAGE_KEY, language);\n    return (0, _gatsby.navigate)(link, options);\n  };\n  return (0, _extends2.default)({}, context, {\n    i18n: i18n,\n    t: t,\n    ready: ready,\n    navigate: navigate,\n    changeLanguage: changeLanguage\n  });\n};\nexports.useI18next = useI18next;","module.exports = require('./dist');\n","import React from \"react\";\r\n\r\nexport function AppStoreArIcon() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width=\"119.664\"\r\n      height=\"40\"\r\n      viewBox=\"0 0 119.664 40\"\r\n    >\r\n      <path d=\"M110.135 0H9.535c-.367 0-.73 0-1.095.002-.306.002-.61.008-.92.013A13.215 13.215 0 005.518.19a6.665 6.665 0 00-1.9.627 6.438 6.438 0 00-1.62 1.18A6.258 6.258 0 00.82 3.617a6.601 6.601 0 00-.625 1.903 12.993 12.993 0 00-.179 2.002c-.01.307-.01.615-.015.921V31.56c.005.31.006.61.015.921a12.992 12.992 0 00.18 2.002 6.588 6.588 0 00.624 1.905A6.208 6.208 0 001.998 38a6.274 6.274 0 001.618 1.179 6.7 6.7 0 001.901.63 13.455 13.455 0 002.004.177c.31.007.613.011.919.011.366.002.728.002 1.095.002h100.6c.36 0 .724 0 1.084-.002.304 0 .617-.004.922-.01a13.28 13.28 0 002-.178 6.804 6.804 0 001.908-.63A6.277 6.277 0 00117.666 38a6.395 6.395 0 001.182-1.614 6.604 6.604 0 00.619-1.905 13.507 13.507 0 00.185-2.002c.004-.31.004-.61.004-.921.008-.364.008-.725.008-1.094V9.536c0-.366 0-.73-.008-1.092 0-.306 0-.614-.004-.92a13.507 13.507 0 00-.185-2.003 6.618 6.618 0 00-.62-1.903 6.466 6.466 0 00-2.798-2.8 6.768 6.768 0 00-1.908-.627 13.044 13.044 0 00-2-.176c-.305-.005-.618-.011-.922-.013-.36-.002-.725-.002-1.084-.002z\"></path>\r\n      <path\r\n        fill=\"#fff\"\r\n        d=\"M8.445 39.125c-.305 0-.602-.004-.904-.01a12.687 12.687 0 01-1.87-.164 5.884 5.884 0 01-1.656-.548 5.406 5.406 0 01-1.397-1.016 5.32 5.32 0 01-1.02-1.397 5.722 5.722 0 01-.544-1.657 12.414 12.414 0 01-.166-1.875c-.007-.21-.015-.913-.015-.913v-23.1s.009-.692.015-.895a12.37 12.37 0 01.165-1.872 5.755 5.755 0 01.544-1.662 5.373 5.373 0 011.015-1.398 5.565 5.565 0 011.402-1.023 5.823 5.823 0 011.653-.544A12.586 12.586 0 017.543.887l.902-.012h102.769l.913.013a12.385 12.385 0 011.858.162 5.938 5.938 0 011.671.548 5.594 5.594 0 012.415 2.42 5.763 5.763 0 01.535 1.649 12.995 12.995 0 01.174 1.887c.003.283.003.588.003.89.008.375.008.732.008 1.092v20.929c0 .363 0 .718-.008 1.075 0 .325 0 .623-.004.93a12.732 12.732 0 01-.17 1.853 5.739 5.739 0 01-.54 1.67 5.48 5.48 0 01-1.016 1.386 5.413 5.413 0 01-1.4 1.022 5.862 5.862 0 01-1.668.55 12.543 12.543 0 01-1.869.163c-.293.007-.6.011-.897.011l-1.084.002z\"\r\n      ></path>\r\n      <g data-name=\"Group\">\r\n        <g data-name=\"Group 2\">\r\n          <path\r\n            d=\"M107.393 19.89a5.146 5.146 0 012.45-4.318 5.268 5.268 0 00-4.15-2.244c-1.746-.183-3.44 1.045-4.33 1.045-.906 0-2.276-1.027-3.752-.997a5.527 5.527 0 00-4.651 2.837c-2.011 3.482-.511 8.6 1.415 11.414.964 1.378 2.09 2.918 3.565 2.863 1.442-.06 1.98-.92 3.722-.92 1.725 0 2.23.92 3.734.886 1.548-.026 2.523-1.385 3.453-2.776a11.4 11.4 0 001.58-3.216 4.973 4.973 0 01-3.036-4.575z\"\r\n            data-name=\"Path\"\r\n          ></path>\r\n          <path\r\n            d=\"M104.552 11.477a5.067 5.067 0 001.159-3.63 5.155 5.155 0 00-3.336 1.726 4.821 4.821 0 00-1.189 3.495 4.263 4.263 0 003.366-1.591z\"\r\n            data-name=\"Path 2\"\r\n          ></path>\r\n        </g>\r\n      </g>\r\n      <g>\r\n        <path d=\"M17.198 27.14h-4.733l-1.137 3.356H9.323l4.483-12.418h2.084l4.483 12.418h-2.04zm-4.243-1.55h3.752l-1.85-5.446h-.051zM30.056 25.97c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 01-2.848-1.583h-.043v4.484h-1.859V21.442h1.799v1.506h.034a3.212 3.212 0 012.883-1.6c2.298 0 3.813 1.816 3.813 4.622zm-1.91 0c0-1.833-.948-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046zM40.02 25.97c0 2.813-1.506 4.62-3.778 4.62a3.07 3.07 0 01-2.849-1.583h-.043v4.484h-1.858V21.442h1.799v1.506h.034a3.212 3.212 0 012.883-1.6c2.298 0 3.813 1.816 3.813 4.622zm-1.91 0c0-1.833-.947-3.038-2.392-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046zM46.606 27.036c.138 1.232 1.334 2.04 2.969 2.04 1.566 0 2.693-.808 2.693-1.919 0-.964-.68-1.54-2.29-1.936l-1.609-.388c-2.28-.55-3.338-1.617-3.338-3.348 0-2.142 1.867-3.614 4.517-3.614 2.625 0 4.424 1.472 4.485 3.614h-1.876c-.113-1.239-1.137-1.987-2.634-1.987S47 20.255 47 21.356c0 .878.655 1.395 2.255 1.79l1.368.336c2.548.603 3.606 1.626 3.606 3.443 0 2.323-1.85 3.778-4.793 3.778-2.754 0-4.613-1.42-4.734-3.667zM58.243 19.3v2.142h1.721v1.472h-1.721v4.991c0 .776.344 1.137 1.101 1.137a5.807 5.807 0 00.611-.043v1.463a5.103 5.103 0 01-1.032.086c-1.833 0-2.548-.689-2.548-2.445v-5.189H55.06v-1.472h1.316V19.3zM60.96 25.97c0-2.849 1.678-4.639 4.294-4.639 2.625 0 4.295 1.79 4.295 4.639 0 2.856-1.66 4.638-4.295 4.638-2.633 0-4.294-1.782-4.294-4.638zm6.696 0c0-1.954-.896-3.108-2.402-3.108s-2.401 1.162-2.401 3.108c0 1.962.895 3.106 2.401 3.106s2.402-1.144 2.402-3.106zM71.081 21.442h1.773v1.541h.043a2.16 2.16 0 012.178-1.635 2.866 2.866 0 01.636.069v1.738a2.598 2.598 0 00-.835-.112 1.873 1.873 0 00-1.936 2.083v5.37H71.08zM84.28 27.837c-.25 1.643-1.851 2.771-3.899 2.771-2.634 0-4.268-1.764-4.268-4.595 0-2.84 1.643-4.682 4.19-4.682 2.505 0 4.08 1.72 4.08 4.466v.637H77.99v.112a2.358 2.358 0 002.435 2.564 2.048 2.048 0 002.091-1.273zm-6.283-2.702h4.527a2.177 2.177 0 00-2.053-2.295q-.084-.005-.168-.003a2.292 2.292 0 00-2.306 2.278v.02z\"></path>\r\n      </g>\r\n      <g>\r\n        <path d=\"M53.794 16.084h-.653c-1.272 0-2.614-.262-2.614-2.022a9.81 9.81 0 01.54-2.317l.845.226-.122.392a7.928 7.928 0 00-.357 1.699c0 1.21 1.159 1.21 1.943 1.21h.549c.392 0 .932-.156.932-.652v-3.442h.932v2.58a1.536 1.536 0 00.636.12h.322v.803h-.322a2.264 2.264 0 01-.636-.096v.122c0 .453-.348 1.377-1.995 1.377zm-.531-5.847a.562.562 0 11.592-.566.553.553 0 01-.538.568l-.054-.002z\"></path>\r\n        <path d=\"M57.8 13.879a4.02 4.02 0 01-.149-1.176 1.863 1.863 0 011.89-2.057c1.238 0 1.718 1.011 1.718 2.214 0 .889-.314 2.09-1.525 2.09a4.586 4.586 0 01-1.168-.27h-1.978v-.801zm.94.035a2.817 2.817 0 00.933.218c.54 0 .688-.689.688-1.299 0-.583-.165-1.42-.871-1.42-.636 0-.915.593-.915 1.342a3.419 3.419 0 00.166 1.16zM67.408 16.084h-.654c-1.272 0-2.614-.262-2.614-2.022a9.835 9.835 0 01.54-2.317l.846.226-.122.392a7.925 7.925 0 00-.358 1.699c0 1.21 1.16 1.21 1.944 1.21h.548c.392 0 .932-.156.932-.652V8.808h.933v4.95a1.537 1.537 0 00.635.12h.323v.803h-.323a2.269 2.269 0 01-.635-.096v.122c0 .453-.349 1.377-1.995 1.377z\"></path>\r\n        <path d=\"M73.496 10.69v2.449c0 1.036-.62 1.542-1.848 1.542h-1.446v-.802h1.412c.74 0 .94-.322.94-.871V10.69zm-2.335 5.942a.562.562 0 11.592-.566.553.553 0 01-.592.566zm1.463 0a.562.562 0 11.592-.566.553.553 0 01-.537.568l-.055-.002zM74.19 15.988a3.489 3.489 0 00.401.026c.768 0 1.15-.445 1.15-1.342v-3.503h.942v2.71h.862v.802h-.87a2.35 2.35 0 01-.602 1.611 2.215 2.215 0 01-1.516.515 5.183 5.183 0 01-.593-.044zm1.978-5.664a.562.562 0 11.593-.566.552.552 0 01-.593.566z\"></path>\r\n        <path d=\"M80.637 14.68a2.349 2.349 0 01-1.071-.296 2.601 2.601 0 01-1.473.297h-.706v-.802h.759c.714 0 .854-.113.854-.636V10.69h.932v3.032a1.588 1.588 0 00.705.157h.584v.802zm-1.21-4.861a.562.562 0 11.592-.567.552.552 0 01-.593.567z\"></path>\r\n        <path d=\"M83.45 10.69v2.449c0 1.036-.618 1.542-1.846 1.542h-.541v-.802h.506c.74 0 .94-.322.94-.871V10.69zm-1.385-.871a.562.562 0 11.593-.567.552.552 0 01-.593.567zm1.464 0a.562.562 0 11.593-.567.552.552 0 01-.593.567z\"></path>\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n\r\n\r\nexport function AppStoreEnIcon({ className = \"\" }) {\r\n\r\n  let width = \"\";\r\n  let height = \"\";\r\n\r\n  if (className == \"\") {\r\n    width = \"140\";\r\n    height = \"43\";\r\n  }\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 119.664 40\"\r\n      className={className}\r\n    >\r\n      <path d=\"M110.135 0H9.535c-.367 0-.73 0-1.095.002-.306.002-.61.008-.919.013A13.215 13.215 0 005.517.19a6.665 6.665 0 00-1.9.627 6.438 6.438 0 00-1.62 1.18A6.258 6.258 0 00.82 3.617a6.601 6.601 0 00-.625 1.903 12.993 12.993 0 00-.179 2.002c-.01.307-.01.615-.015.921V31.56c.005.31.006.61.015.921a12.992 12.992 0 00.18 2.002 6.588 6.588 0 00.624 1.905A6.208 6.208 0 001.998 38a6.274 6.274 0 001.618 1.179 6.7 6.7 0 001.901.63 13.455 13.455 0 002.004.177c.31.007.613.011.919.011.366.002.728.002 1.095.002h100.6c.36 0 .724 0 1.084-.002.304 0 .617-.004.922-.01a13.279 13.279 0 002-.178 6.804 6.804 0 001.908-.63A6.277 6.277 0 00117.666 38a6.395 6.395 0 001.182-1.614 6.604 6.604 0 00.619-1.905 13.506 13.506 0 00.185-2.002c.004-.31.004-.61.004-.921.008-.364.008-.725.008-1.094V9.536c0-.366 0-.73-.008-1.092 0-.306 0-.614-.004-.92a13.507 13.507 0 00-.185-2.003 6.618 6.618 0 00-.62-1.903 6.466 6.466 0 00-2.798-2.8 6.768 6.768 0 00-1.908-.627 13.044 13.044 0 00-2-.176c-.305-.005-.618-.011-.922-.013-.36-.002-.725-.002-1.084-.002z\"></path>\r\n      <path\r\n        fill=\"#fff\"\r\n        d=\"M8.445 39.125c-.305 0-.602-.004-.904-.01a12.687 12.687 0 01-1.87-.164 5.884 5.884 0 01-1.656-.548 5.406 5.406 0 01-1.397-1.016 5.32 5.32 0 01-1.02-1.397 5.722 5.722 0 01-.544-1.657 12.414 12.414 0 01-.166-1.875c-.007-.21-.015-.913-.015-.913v-23.1s.009-.692.015-.895a12.37 12.37 0 01.165-1.872 5.755 5.755 0 01.544-1.662 5.373 5.373 0 011.015-1.398 5.565 5.565 0 011.402-1.023 5.823 5.823 0 011.653-.544A12.586 12.586 0 017.543.887l.902-.012h102.769l.913.013a12.385 12.385 0 011.858.162 5.938 5.938 0 011.671.548 5.594 5.594 0 012.415 2.42 5.763 5.763 0 01.535 1.649 12.995 12.995 0 01.174 1.887c.003.283.003.588.003.89.008.375.008.732.008 1.092v20.929c0 .363 0 .718-.008 1.075 0 .325 0 .623-.004.93a12.731 12.731 0 01-.17 1.853 5.739 5.739 0 01-.54 1.67 5.48 5.48 0 01-1.016 1.386 5.413 5.413 0 01-1.4 1.022 5.862 5.862 0 01-1.668.55 12.542 12.542 0 01-1.869.163c-.293.007-.6.011-.897.011l-1.084.002z\"\r\n      ></path>\r\n      <g data-name=\"&lt;Group&gt;\">\r\n        <g data-name=\"&lt;Group&gt;\">\r\n          <g data-name=\"&lt;Group&gt;\">\r\n            <path\r\n              d=\"M24.997 19.89a5.146 5.146 0 012.45-4.318 5.268 5.268 0 00-4.15-2.244c-1.746-.183-3.44 1.045-4.33 1.045-.906 0-2.276-1.027-3.752-.997a5.527 5.527 0 00-4.65 2.837c-2.012 3.482-.512 8.6 1.415 11.414.963 1.378 2.09 2.918 3.564 2.863 1.442-.06 1.981-.92 3.722-.92 1.725 0 2.23.92 3.734.886 1.548-.026 2.523-1.385 3.453-2.776a11.4 11.4 0 001.58-3.216 4.973 4.973 0 01-3.036-4.575z\"\r\n              data-name=\"&lt;Path&gt;\"\r\n            ></path>\r\n            <path\r\n              d=\"M22.156 11.477a5.067 5.067 0 001.16-3.63 5.155 5.155 0 00-3.336 1.726 4.821 4.821 0 00-1.19 3.495 4.263 4.263 0 003.366-1.591z\"\r\n              data-name=\"&lt;Path&gt;\"\r\n            ></path>\r\n          </g>\r\n        </g>\r\n        <path d=\"M42.302 27.14h-4.734l-1.136 3.356h-2.005l4.483-12.418h2.083l4.484 12.418h-2.04zm-4.243-1.55h3.752l-1.85-5.446h-.052zM55.16 25.97c0 2.813-1.507 4.62-3.78 4.62a3.07 3.07 0 01-2.848-1.583h-.043v4.484h-1.858V21.442h1.799v1.506h.034a3.212 3.212 0 012.883-1.6c2.298 0 3.812 1.816 3.812 4.622zm-1.911 0c0-1.833-.947-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.956 3.046 2.375 3.046 1.446 0 2.393-1.197 2.393-3.046zM65.125 25.97c0 2.813-1.507 4.62-3.78 4.62a3.07 3.07 0 01-2.848-1.583h-.043v4.484h-1.858V21.442h1.799v1.506h.034a3.212 3.212 0 012.883-1.6c2.297 0 3.813 1.816 3.813 4.622zm-1.911 0c0-1.833-.947-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.446 0 2.393-1.197 2.393-3.046zM71.71 27.036c.137 1.232 1.333 2.04 2.968 2.04 1.567 0 2.694-.808 2.694-1.919 0-.964-.68-1.54-2.29-1.936l-1.609-.388c-2.28-.55-3.339-1.617-3.339-3.348 0-2.142 1.867-3.614 4.518-3.614 2.625 0 4.424 1.472 4.484 3.614H77.26c-.112-1.239-1.136-1.987-2.634-1.987s-2.521.757-2.521 1.858c0 .878.654 1.395 2.255 1.79l1.368.336c2.548.603 3.605 1.626 3.605 3.443 0 2.323-1.85 3.778-4.793 3.778-2.753 0-4.613-1.42-4.733-3.667zM83.346 19.3v2.142h1.722v1.472h-1.722v4.991c0 .776.345 1.137 1.102 1.137a5.808 5.808 0 00.611-.043v1.463a5.104 5.104 0 01-1.032.086c-1.833 0-2.548-.689-2.548-2.445v-5.189h-1.316v-1.472h1.316V19.3zM86.064 25.97c0-2.849 1.678-4.639 4.294-4.639 2.625 0 4.295 1.79 4.295 4.639 0 2.856-1.661 4.638-4.295 4.638-2.633 0-4.294-1.782-4.294-4.638zm6.695 0c0-1.954-.895-3.108-2.401-3.108s-2.401 1.162-2.401 3.108c0 1.962.895 3.106 2.4 3.106s2.402-1.144 2.402-3.106zM96.185 21.442h1.773v1.541H98a2.16 2.16 0 012.177-1.635 2.866 2.866 0 01.637.069v1.738a2.598 2.598 0 00-.835-.112 1.873 1.873 0 00-1.937 2.083v5.37h-1.858zM109.383 27.837c-.25 1.643-1.85 2.771-3.898 2.771-2.634 0-4.269-1.764-4.269-4.595 0-2.84 1.644-4.682 4.19-4.682 2.506 0 4.08 1.72 4.08 4.466v.637h-6.394v.112a2.358 2.358 0 002.436 2.564 2.048 2.048 0 002.09-1.273zm-6.282-2.702h4.526a2.177 2.177 0 00-2.22-2.298 2.292 2.292 0 00-2.306 2.298z\"></path>\r\n      </g>\r\n      <g data-name=\"&lt;Group&gt;\">\r\n        <path d=\"M37.826 8.731a2.64 2.64 0 012.808 2.965c0 1.906-1.03 3.002-2.808 3.002h-2.155V8.73zm-1.228 5.123h1.125a1.876 1.876 0 001.967-2.146 1.881 1.881 0 00-1.967-2.134h-1.125zM41.68 12.444a2.133 2.133 0 114.248 0 2.134 2.134 0 11-4.247 0zm3.334 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55zM51.573 14.698h-.922l-.93-3.317h-.07l-.927 3.317h-.913l-1.242-4.503h.902l.806 3.436h.067l.926-3.436h.852l.926 3.436h.07l.803-3.436h.889zM53.854 10.195h.855v.715h.066a1.348 1.348 0 011.344-.802 1.465 1.465 0 011.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 00-1.075 1.141v2.635h-.888zM59.094 8.437h.888v6.26h-.888zM61.218 12.444a2.133 2.133 0 114.247 0 2.134 2.134 0 11-4.247 0zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55zM66.4 13.424c0-.81.604-1.278 1.676-1.344l1.22-.07v-.389c0-.475-.315-.744-.922-.744-.497 0-.84.182-.939.5h-.86c.09-.773.818-1.27 1.84-1.27 1.128 0 1.765.563 1.765 1.514v3.077h-.855v-.633h-.07a1.515 1.515 0 01-1.353.707 1.36 1.36 0 01-1.501-1.348zm2.895-.384v-.377l-1.1.07c-.62.042-.9.253-.9.65 0 .405.351.64.834.64a1.062 1.062 0 001.166-.983zM71.348 12.444c0-1.423.732-2.324 1.87-2.324a1.484 1.484 0 011.38.79h.067V8.437h.888v6.26h-.851v-.71h-.07a1.563 1.563 0 01-1.415.785c-1.145 0-1.869-.901-1.869-2.328zm.918 0c0 .955.45 1.53 1.203 1.53.75 0 1.212-.583 1.212-1.526 0-.938-.468-1.53-1.212-1.53-.748 0-1.203.58-1.203 1.526zM79.23 12.444a2.133 2.133 0 114.247 0 2.134 2.134 0 11-4.247 0zm3.333 0c0-.976-.438-1.547-1.208-1.547-.772 0-1.207.571-1.207 1.547 0 .984.435 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55zM84.67 10.195h.855v.715h.066a1.348 1.348 0 011.344-.802 1.465 1.465 0 011.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 00-1.075 1.141v2.635h-.889zM93.515 9.074v1.141h.976v.749h-.976v2.315c0 .472.194.679.637.679a2.967 2.967 0 00.339-.021v.74a2.916 2.916 0 01-.484.046c-.988 0-1.381-.348-1.381-1.216v-2.543h-.715v-.749h.715V9.074zM95.705 8.437h.88v2.481h.07a1.386 1.386 0 011.374-.806 1.483 1.483 0 011.55 1.679v2.907h-.889V12.01c0-.72-.335-1.084-.963-1.084a1.052 1.052 0 00-1.134 1.142v2.63h-.888zM104.761 13.482a1.828 1.828 0 01-1.95 1.303 2.045 2.045 0 01-2.081-2.325 2.077 2.077 0 012.076-2.352c1.253 0 2.009.856 2.009 2.27v.31h-3.18v.05a1.19 1.19 0 001.2 1.29 1.08 1.08 0 001.07-.546zm-3.126-1.451h2.275a1.086 1.086 0 00-1.109-1.167 1.152 1.152 0 00-1.166 1.167z\"></path>\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { ChevronDownIcon } from \"@heroicons/react/solid\";\r\nimport { StaticImage } from \"gatsby-plugin-image\";\r\nimport {\r\n  Trans,\r\n  useTranslation,\r\n  Link,\r\n  useI18next,\r\n} from \"gatsby-plugin-react-i18next\";\r\nimport { AppStoreEnIcon } from \"./appstore-icons\";\r\nimport { Script } from \"gatsby\";\r\n\r\nconst navigation = {\r\n  aboutSAR: [\r\n    { name: \"Our Story\", href: \"/about-sar/\" },\r\n    { name: \"Freight\", href: \"/freight\" },\r\n    { name: \"Our Stations\", href: \"/travel-information/stations\" },\r\n    { name: \"Privacy Policy\", href: \"/about-sar/privacypolicy\" },\r\n    { name: \"Disclaimer\", href: \"/about-sar/disclaimer\" },\r\n    { name: \"OPPH\", href: \"https://sar.com.sa/documents/SAR%20Outside%20Party%20Permit%20Handbook.pdf\" },\r\n    // { name: 'Towards A Bright Future', href: '/featured/Towards.jpg' }\r\n  ],\r\n  travelInfo: [\r\n    { name: \"Train Schedule\", href: \"/travel-information/trainschedule\", },\r\n    { name: \"Our Stations\", href: \"/travel-information/stations\" },\r\n    { name: \"Baggage Guide\", href: \"/before-you-travel/baggageguide\" },\r\n    { name: \"Station Lounges\", href: \"/travel-information/station-lounges\", },\r\n    { name: \"Onboard Food & Drink\", href: \"/travel-information/onboard-food-drink\", },\r\n    { name: \"Seat Selection\", href: \"/travel-information/seat-selection\", },\r\n    { name: \"Car Parking\", href: \"/travel-information/carparking\", },\r\n    // { name: 'Security', href: '/before-you-travel/safetysecurity' }\r\n  ],\r\n  tickets: [\r\n    { name: \"Ticket Rates\", href: \"/travel-information/ticketrates\" },\r\n    { name: \"Travel Classes\", href: \"/travel-information/travelclasses\", },\r\n    { name: \"Purchase Methods\", href: \"/travel-information/purchasemethods\", },\r\n    { name: \"Ticket Conditions\", href: \"/before-you-travel/ticketconditions\", },\r\n    { name: \"Refund Modification\", href: \"/travel-information/refundmodification\", },\r\n    { name: \"WalaOne Loyalty Program\", href: \"/featured/walaone\" },\r\n  ],\r\n  external: [\r\n    { name: \"MOT\", href: \"https://mot.gov.sa/en/Pages/default.aspx\" },\r\n    { name: \"TGA\", href: \"https://tga.gov.sa/ar/home\" },\r\n    { name: \"PIF\", href: \"https://www.pif.gov.sa/en/Pages/Homepage.aspx?\" },\r\n    { name: \"EHSAN\", href: \"https://ehsan.sa/\" },\r\n    { name: \"HHR\", href: \"https://sar.hhr.sa/\" },\r\n  ],\r\n  social: [\r\n    {\r\n      name: \"Facebook\",\r\n      href: \"https://www.facebook.com/SARNorthEast/\",\r\n      icon: (props) => (\r\n        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n          <path\r\n            fillRule=\"evenodd\"\r\n            d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\"\r\n            clipRule=\"evenodd\"\r\n          />\r\n        </svg>\r\n      ),\r\n    },\r\n    {\r\n      name: \"Instagram\",\r\n      href: \"https://www.instagram.com/SARNorthEast/\",\r\n      icon: (props) => (\r\n        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n          <path\r\n            fillRule=\"evenodd\"\r\n            d=\"M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z\"\r\n            clipRule=\"evenodd\"\r\n          />\r\n        </svg>\r\n      ),\r\n    },\r\n    {\r\n      name: \"Twitter\",\r\n      href: \"https://twitter.com/SARSaudiRailway\",\r\n      icon: (props) => (\r\n        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n          <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" />\r\n        </svg>\r\n      ),\r\n    },\r\n    {\r\n      name: \"LinkedIn\",\r\n      href: \"https://www.linkedin.com/company/sarsaudirailway?trk=similar-companies_org_title\",\r\n      icon: (props) => (\r\n        <svg\r\n          fill=\"currentColor\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          viewBox=\"0 0 512 512\"\r\n          {...props}\r\n        >\r\n          <path d=\"M417.2 64H96.8C79.3 64 64 76.6 64 93.9V415c0 17.4 15.3 32.9 32.8 32.9h320.3c17.6 0 30.8-15.6 30.8-32.9V93.9C448 76.6 434.7 64 417.2 64zM183 384h-55V213h55v171zm-25.6-197h-.4c-17.6 0-29-13.1-29-29.5 0-16.7 11.7-29.5 29.7-29.5s29 12.7 29.4 29.5c0 16.4-11.4 29.5-29.7 29.5zM384 384h-55v-93.5c0-22.4-8-37.7-27.9-37.7-15.2 0-24.2 10.3-28.2 20.3-1.5 3.6-1.9 8.5-1.9 13.5V384h-55V213h55v23.8c8-11.4 20.5-27.8 49.6-27.8 36.1 0 63.4 23.8 63.4 75.1V384z\"></path>\r\n        </svg>\r\n      ),\r\n    },\r\n    {\r\n      name: \"Youtube\",\r\n      href: \"https://www.youtube.com/channel/UC9TrC-REsqt_lV-l5rIoiqw\",\r\n      icon: (props) => (\r\n        <svg\r\n          fill=\"currentColor\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          viewBox=\"0 0 512 512\"\r\n          {...props}\r\n        >\r\n          <path d=\"M508.6 148.8c0-45-33.1-81.2-74-81.2C379.2 65 322.7 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.6-.1 220.2 0 255.8c-.1 35.6 1 71.2 3.4 106.9 0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8 60.8.2 120.3-1 178.6-3.8 40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107 .2-35.6-.9-71.2-3.3-106.9zM207 353.9V157.4l145 98.2-145 98.3z\"></path>\r\n        </svg>\r\n      ),\r\n    },\r\n  ],\r\n};\r\n\r\nexport default function Footer() {\r\n  const { t } = useI18next();\r\n\r\n  return (\r\n    <>\r\n      <footer\r\n        className=\"bg-sar-blue-600 sar-angle-top\"\r\n        aria-labelledby=\"footer-heading\"\r\n      >\r\n        <h2 id=\"footer-heading\" className=\"sr-only\">\r\n          Footer\r\n        </h2>\r\n        <div className=\"max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8\">\r\n          <div className=\" mt-32 lg:mt-16 pb-8  xl:grid xl:grid-cols-5 xl:gap-8\">\r\n            <div className=\"xl:col-span-1 mb-12\">\r\n              <div className=\"flex flex-row justify-between space-s-4 xl:flex-col xl:space-s-0 space-y-4\">\r\n                <div className=\"flex flex-col space-y-2 \">\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    viewBox=\"0 0 335.39 115.9\"\r\n                    className=\"w-20  md:w-28\"\r\n                  >\r\n                    <path\r\n                      className=\"fill-white/80\"\r\n                      d=\"M99.49 105.17L130.84 105.17 160.23 9.89 149.71 9.89 99.49 105.17z\"\r\n                    ></path>\r\n                    <path\r\n                      className=\"fill-white/80\"\r\n                      d=\"M175.26 9.89L164.74 9.89 194.13 105.18 225.48 105.18 175.26 9.89z\"\r\n                    ></path>\r\n                    <path\r\n                      className=\"fill-white/80\"\r\n                      d=\"M13.83 86.66v18.45h52.54a28.43 28.43 0 00-.44-56.85H37.68a9.88 9.88 0 01-9.87-9.86v-.23a9.88 9.88 0 019.87-9.87h47.38V9.85H37.11a28.43 28.43 0 00.44 56.85H65.8a9.88 9.88 0 019.87 9.87v.22a9.88 9.88 0 01-9.87 9.87zM240.34 105.18h18a.23.23 0 00.22-.23V28.52a.23.23 0 01.23-.23h32a10.1 10.1 0 0110.1 10.1 9.88 9.88 0 01-9.89 9.86h-22.35a.23.23 0 00-.2.34l32.05 56.3a.23.23 0 00.2.11h19.86a.22.22 0 00.19-.34l-21.21-36.73-1-1.84a.22.22 0 01.12-.32l2-.7a28.42 28.42 0 0010.71-46.77 28.31 28.31 0 00-18.31-8.39c-.5 0-1-.06-1.51-.07h-51.21a.23.23 0 00-.22.23V105a.23.23 0 00.22.23\"\r\n                    ></path>\r\n                  </svg>\r\n                  <div>\r\n                    <StaticImage\r\n                      src=\"../images/PIF.png\"\r\n                      alt=\"\"\r\n                      className=\"w-36\"\r\n                    />\r\n                  </div>\r\n\r\n                  <div className=\"flex space-x-6\">\r\n                    {navigation.social.map((item) => (\r\n                      <a\r\n                        key={item.name}\r\n                        href={item.href}\r\n                        className=\"text-sar-blue-200 hover:text-sar-blue-300\"\r\n                      >\r\n                        <span className=\"sr-only\">{item.name}</span>\r\n                        <item.icon className=\"h-6 w-6\" aria-hidden=\"true\" />\r\n                      </a>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n                <a\r\n                  href=\"https://www.vision2030.gov.sa/ar/\"\r\n                  className=\"-ms-2\"\r\n                  target=\"_blank\"\r\n                >\r\n                  <StaticImage\r\n                    src=\"../images/vision-2030-logo.png\"\r\n                    alt=\"\"\r\n                    className=\"w-36\"\r\n                  />\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div className=\"grid grid-cols-2 gap-8 xl:col-span-4\">\r\n              <div className=\"md:grid md:grid-cols-2 md:gap-8\">\r\n                <div>\r\n                  <h3 className=\"text-sm font-semibold text-sar-blue-100 tracking-wider uppercase\">\r\n                    <Trans>About SAR</Trans>\r\n                  </h3>\r\n                  <ul role=\"list\" className=\"mt-4 space-y-4\">\r\n                    {navigation.aboutSAR.map((item) => (\r\n                      <li key={item.name}>\r\n                        {(item.name != \"OPPH\") ?\r\n                          <Link\r\n                            to={item.href}\r\n                            className=\"text-base text-sar-blue-200 hover:text-white\"\r\n                          >\r\n                            <Trans>{item.name}</Trans>\r\n                          </Link>\r\n                          : <a\r\n                            href={item.href}\r\n                            className=\"text-base text-sar-blue-200 hover:text-white\">\r\n                            <Trans>{item.name}</Trans>\r\n                          </a>}\r\n\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n                <div className=\"mt-12 md:mt-0\">\r\n                  <h3 className=\"text-sm font-semibold text-sar-blue-100 tracking-wider uppercase\">\r\n                    <Trans>Tickets</Trans>\r\n                  </h3>\r\n                  <ul role=\"list\" className=\"mt-4 space-y-4\">\r\n                    {navigation.tickets.map((item) => (\r\n                      <li key={item.name}>\r\n                        <Link\r\n                          to={item.href}\r\n                          className=\"text-base text-sar-blue-200 hover:text-white\"\r\n                        >\r\n                          <Trans>{item.name}</Trans>\r\n                        </Link>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n              <div className=\"md:grid md:grid-cols-2 md:gap-8\">\r\n                <div className=\"mt-12 md:mt-0\">\r\n                  <h3 className=\"text-sm font-semibold text-sar-blue-100 tracking-wider uppercase\">\r\n                    <Trans>Travel Information</Trans>\r\n                  </h3>\r\n                  <ul role=\"list\" className=\"mt-4 space-y-4\">\r\n                    {navigation.travelInfo.map((item) => (\r\n                      <li key={item.name}>\r\n                        <Link\r\n                          to={item.href}\r\n                          className=\"text-base text-sar-blue-200 hover:text-white\"\r\n                        >\r\n                          <Trans>{item.name}</Trans>\r\n                        </Link>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n                <div className=\"mt-12 md:mt-0\">\r\n                  <h3 className=\"text-sm font-semibold text-sar-blue-100 tracking-wider uppercase\">\r\n                    <Trans>External Links</Trans>\r\n                  </h3>\r\n                  <ul role=\"list\" className=\"mt-4 space-y-4\">\r\n                    {navigation.external.map((item) => (\r\n                      <li key={item.name}>\r\n                        <a\r\n                          href={item.href}\r\n                          className=\"text-base text-sar-blue-200 hover:text-white\"\r\n                        >\r\n                          <Trans>{item.name}</Trans>\r\n                        </a>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          {/* <div className=\"border-t border-sar-blue-300 pt-8 lg:flex lg:items-center lg:justify-between xl:mt-0\">\r\n                    <div>\r\n                        <h3 className=\"text-sm font-semibold text-sar-blue-100 tracking-wider uppercase\">\r\n\r\n                            <Trans>Subscribe to our newsletter</Trans>\r\n                        </h3>\r\n                        <p className=\"mt-2 text-base text-sar-blue-200\">\r\n                            <Trans>The latest news, articles, and resources, sent to your inbox</Trans>\r\n\r\n                        </p>\r\n                    </div>\r\n                    <form className=\"mt-4 sm:flex sm:max-w-md lg:mt-0\">\r\n                        <label htmlFor=\"email-address\" className=\"sr-only\">\r\n\r\n                            <Trans>Email address</Trans>\r\n                        </label>\r\n                        <input\r\n                            type=\"email\"\r\n                            name=\"email-address\"\r\n                            id=\"email-address\"\r\n                            autoComplete=\"email\"\r\n                            required\r\n                            className=\"appearance-none min-w-0 w-full bg-sar-blue-200 border border-transparent rounded-md py-2 px-4 text-base text-sar-blue-500 placeholder-sar-blue-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-sar-blue-400 focus:ring-sar-blue-100 focus:border-sar-blue-100 focus:placeholder-sar-blue-300 sm:max-w-xs\"\r\n                            placeholder={t(\"Enter your email\")}\r\n                        />\r\n                        <div className=\"mt-3 rounded-md sm:mt-0 sm:ms-3 sm:flex-shrink-0\">\r\n                            <button\r\n                                type=\"submit\"\r\n                                className=\"w-full bg-sar-blue-600 border border-sar-blue-200 rounded-md py-2 px-4 flex items-center justify-center text-base font-medium text-sar-blue-200 hover:bg-sar-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-sar-blue-400 focus:ring-sar-blue-400\"\r\n                            >\r\n\r\n                                <Trans>Subscribe</Trans>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div> */}\r\n          <div className=\"mt-8 border-t border-sar-blue-300 pt-2 md:flex md:flex-row-reverse md:items-center md:justify-between\">\r\n            {/* <div className=\"flex space-x-6 md:order-2\">\r\n                        {navigation.social.map((item) => (\r\n                            <a key={item.name} href={item.href} className=\"text-sar-blue-200 hover:text-sar-blue-300\">\r\n                                <span className=\"sr-only\">{item.name}</span>\r\n                                <item.icon className=\"h-6 w-6\" aria-hidden=\"true\" />\r\n                            </a>\r\n                        ))}\r\n                    </div> */}\r\n            <div className=\"flex items-center space-x-6 mb-2\">\r\n              <a href=\"https://apps.apple.com/sa/app/sar-north-east/id6473369520\">\r\n                <StaticImage\r\n                  src=\"../images/app-store.webp\"\r\n                  alt=\"\"\r\n                  className=\"w-[9.6rem]\"\r\n                />\r\n              </a>\r\n              <a href=\"https://play.google.com/store/apps/details?id=com.sar.north.east.app\">\r\n                <StaticImage\r\n                  src=\"../images/google-play-badge.webp\"\r\n                  alt=\"\"\r\n                  className=\"w-[9.6rem]\"\r\n                />\r\n              </a>\r\n            </div>\r\n            <p className=\"mt-1 text-base text-sar-blue-200 md:mt-0 md:order-1\">\r\n              &copy;{\" \"}\r\n              <Trans>2022 Saudi Arabia Railways, All rights reserved.</Trans>\r\n            </p>\r\n\r\n            {/* <nav className=\"flex\" aria-label=\"Breadcrumb\">\r\n                        <ol role=\"list\" className=\"flex items-center space-s-2\">\r\n\r\n                            <li>\r\n                                <div className=\"flex items-center\">\r\n                                    \r\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"flex-shrink-0 h-5 w-4 text-sar-blue-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M18 12H6\" />\r\n                                    </svg>\r\n                                    \r\n                                    <Link to=\"#\" className=\"ms-2 text-sm rtl:font-light text-sar-blue-200 hover:text-white\">\r\n                                        <Trans>Terms and Conditions</Trans>\r\n                                    </Link>\r\n                                </div>\r\n                            </li>\r\n                            <li>\r\n                                <div className=\"flex items-center\">\r\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"flex-shrink-0 h-5 w-4 text-sar-blue-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M18 12H6\" />\r\n                                    </svg>\r\n                                    <Link to=\"#\" className=\"ms-2 text-sm rtl:font-light text-sar-blue-200 hover:text-white\">\r\n                                        <Trans>Privacy Policy</Trans>\r\n                                    </Link>\r\n                                </div>\r\n                            </li>Î\r\n\r\n                        </ol>\r\n                    </nav> */}\r\n          </div>\r\n        </div>\r\n      </footer>\r\n      <div id=\"root\"></div>\r\n      <Script type=\"text/javascript\" src=\"https://sp.labibabot.com/static/js/bundle_new.js\"\r\n        id=\"labibaWebChat\" cdn=\"https://sp.labibabot.com\" storyId=\"53791d1d-072e-4799-84c5-bbbe1f509286\"\r\n        baseURL=\"https://sp.labibabot.com\"  ></Script>\r\n\r\n\r\n      {/* pre-prod */}\r\n      {/* <div id=\"root\" className=\"bottom-42\"></div>\r\n      <Script type=\"text/javascript\"\r\n        src=\"https://bot.labibabot.com/static/js/bundle_new.js\" id=\"labibaWebChat\"\r\n        cdn=\"https://bot.labibabot.com\" storyId=\"53791d1d-072e-4799-84c5-bbbe1f509286\"\r\n        baseURL=\"https://bot.labibabot.com\" >\r\n      </Script> */}\r\n    </>\r\n  );\r\n}\r\n"],"names":["W","hasNativeLazyLoadSupport","HTMLImageElement","prototype","_","e","t","a","Boolean","images","fallback","src","gatsbyImageData","gatsbyImage","childImageSharp","z","i","s","width","height","className","style","P","h","loading","shouldLoad","opacity","A","r","n","o","l","backgroundColor","position","top","left","bottom","right","objectFit","objectPosition","d","transition","H","F","_ref5","layout","paddingTop","maxWidth","display","alt","role","G","children","u","V","B","U","srcSet","decoding","Y","sources","sizes","length","map","_ref6","media","type","key","X","propTypes","isRequired","displayName","J","Z","Error","K","Q","ee","te","replace","ae","_len","arguments","Array","_key","c","apply","concat","ie","image","se","re","ne","Set","oe","le","de","as","class","g","onStartLoad","p","onLoad","m","onError","f","w","y","b","v","E","k","S","M","N","$","JSON","stringify","I","then","_ref7","renderImageToString","swapPlaceholderImage","current","querySelector","complete","wasCached","setTimeout","removeAttribute","addEventListener","removeEventListener","add","has","_ref8","innerHTML","isLoading","isLoaded","requestAnimationFrame","cancelAnimationFrame","ref","dangerouslySetInnerHTML","__html","suppressHydrationWarning","ce","he","ue","__imageData","__error","console","warn","ge","imgClassName","imgStyle","placeholder","pe","_len2","_key2","me","fe","we","UPPERCASE","LOWERCASE","LEADING_CAPITAL","IDENTIFIER","SEPARATORS","LEADING_SEPARATORS","RegExp","source","SEPARATORS_AND_IDENTIFIER","NUMBERS_AND_IDENTIFIER","camelCase","input","options","isArray","TypeError","pascalCase","preserveConsecutiveUppercase","x","trim","filter","join","toLowerCase","locale","string","toLocaleLowerCase","toUpperCase","toLocaleUpperCase","preserveCamelCase","isLastCharLower","isLastCharUpper","isLastLastCharUpper","character","test","slice","lastIndex","m1","charAt","postProcess","identifier","module","exports","_interopRequireDefault","require","__esModule","Link","_extends2","_objectWithoutPropertiesLoose2","_react","obj","nodeInterop","default","cache","_getRequireWildcardCache","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","hasOwnProperty","call","desc","set","_interopRequireWildcard","_i18nextContext","_gatsby","_types","_excluded","WeakMap","cacheBabelInterop","cacheNodeInterop","forwardRef","_ref","language","to","_onClick","onClick","rest","context","useContext","I18nextContext","urlLanguage","link","generateDefaultLanguagePage","defaultLanguage","getLanguagePath","createElement","innerRef","hrefLang","localStorage","setItem","LANGUAGE_KEY","_reactI18next","keys","forEach","_useI18next","_Link","useI18next","ns","_useTranslation","useTranslation","i18n","ready","routed","navigate","languagePath","changeLanguage","pathname","indexOf","substring","removeLocalePart","window","location","search","AppStoreEnIcon","React","xmlns","viewBox","fill","navigation","aboutSAR","name","href","travelInfo","tickets","external","social","icon","props","assign","fillRule","clipRule","Footer","id","StaticImage","item","target","Trans","Script","cdn","storyId","baseURL"],"sourceRoot":""}