import { swapBackground } from '$utils/background-swap';
import { mobileMenu } from '$utils/mobile-menu';
import { scrollAnimation } from '$utils/scroll';
import { swapImage } from '$utils/visual-swap';

window.Webflow ||= [];
window.Webflow.push(() => {
  swapImage(
    '#bin-top',
    '65fb2986562d47b2393720e2_mobile-bin-top.webp',
    '65fad143b519e080ee622bb9_home-1_visual_bin-top-slice.webp'
  );

  swapImage(
    '#bin-bottom',
    '65fb2a9bda8553fa4655142e_mobile-bin-bottom.webp',
    '65facc3b4c73e0d092070890_home-1_visual_bin-bottom.webp'
  );

  swapImage(
    '#bin-veggies',
    '65fb2a1ec25e51dee8bab22e_home-1_visual_veggies-mobile.webp',
    '65fab7aab9f284a2d111cc68_home-1_visual_veggies.webp'
  );

  swapImage(
    '#dutch-illustration',
    '65fb2c3fb4ebbac7375513f0_home-4_visual_mobile.webp',
    '65f97a33c77ca5f66a7143e0_image_dutch-green-container.webp'
  );

  swapBackground(
    '#bin-pattern',
    '65fb2ba1283d214e0a5c870a_mobile-bin-pattern.webp',
    '65fad143b519e080ee622bb2_home-1_visual_pattern-slice.webp'
  );

  mobileMenu();
  scrollAnimation('#scroll-link', '#scroll-destination');
});