Как открыть фильтрацию на одной странице, при том, что она находится на другой?

Есть (пока еще) двухстраничный сайт интернет-магазина. Первая страница скорее ознакомительная - на ней есть блоки "Каталог продукции", "Оплата и доставка", "Контакты", "Корзина" и категории разбитые на 6 частей. На второй находится каталог с реализованной (как я понял простой) фильтрацией, так же разбитый на 6 частей. Вот код фильтрации:

function app() {
const buttons = document.querySelectorAll('.button')
const cards = document.querySelectorAll('.card')
function filter(category, items) {
items.forEach((item) =>{
const isItemFiltered = !item.classList.contains(category)
const isShowAll = category.toLowerCase() === 'all' 
if (isItemFiltered && !isShowAll) {
    item.classList.add('anime')
} else{
    item.classList.remove('hide')
    item.classList.remove('anime')
}
})
}

buttons.forEach((button) => {
button.addEventListener('click', () =>{
    const currentCategory = button.dataset.filter
    filter (currentCategory, cards)






})
})

cards.forEach((card) => {
card.ontransitionend = function () {
    if(card.classList.contains('anime')) {
        card.classList.add('hide')
    }
}
})
}

app() 

Задача - сделать так, что бы при нажатии на один из блоков категории на первой странице происходил переход на вторую страницу с уже произведенной фильтрацией нужного блока. Пример: нажимая на блок "бытовая химия" открывается (вторая страница на которой находиться каталог) на которой отображается бытовая химия.

Прошу меня извинить за достаточно глупый по вашим меркам вопрос - в изучении Js я еще только прохожу массивы[], и совсем недавно более менее разобрался с css.