{"id":7412,"date":"2025-04-28T22:10:12","date_gmt":"2025-04-28T22:10:12","guid":{"rendered":"https:\/\/zoostandart.ge\/?page_id=7412"},"modified":"2025-10-11T00:23:15","modified_gmt":"2025-10-11T00:23:15","slug":"brands","status":"publish","type":"page","link":"https:\/\/zoostandart.ge\/en\/brands\/","title":{"rendered":"Brands"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7412\" class=\"elementor elementor-7412\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2862dc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2862dc2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b1f921\" data-id=\"7b1f921\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-817de8b elementor-widget elementor-widget-shortcode\" data-id=\"817de8b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"brands-line-page\">\n        <!-- Header Section -->\n        <div class=\"header-section\">\n            <h1>Brand line<\/h1>\n        <\/div>\n\n        <!-- Brands Grid -->\n        <div class=\"brands-grid\">\n            <!-- Monge -->\n            <div class=\"brand-card\" data-brand=\"monge\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/idH9Y7FD_y_logos.jpeg\" alt=\"Monge Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Monge<\/h2>\n                    <p>Super premium quality food for your pet.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/monk\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Grandorf -->\n            <div class=\"brand-card\" data-brand=\"grandorf\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/8ua5mx5mhjaleu279lca_1581600920.jpg\" alt=\"Grandorf Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Grandorf<\/h2>\n                    <p>Holistic food for dogs and cats.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/grandorf\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Mealberry -->\n            <div class=\"brand-card\" data-brand=\"mealberry\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/logo_64267d602973e.jpg\" alt=\"Mealberry Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Mealberry<\/h2>\n                    <p>High quality products for birds and rodents.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/mealberry\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Farmcompany -->\n            <div class=\"brand-card\" data-brand=\"farmcompany\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/327763864_584280859738430_8996892653544489883_n.jpg\" alt=\"Farmcompany Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Farm company<\/h2>\n                    <p>The best products for dogs and cats, respecting the environment.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/farmcompany\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Titbit -->\n            <div class=\"brand-card\" data-brand=\"titbit\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/qkqoliFDCV0.jpg\" alt=\"Titbit Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Titbit<\/h2>\n                    <p>The largest manufacturer of pet food in Russia.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/titbit\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Collar -->\n            <div class=\"brand-card\" data-brand=\"collar\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/Logo_COLLAR.png\" alt=\"Collar Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Collar<\/h2>\n                    <p>Innovative products for pets with a worldwide reputation.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/sollar\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Schesir -->\n            <div class=\"brand-card\" data-brand=\"schesir\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/logo-black.svg\" alt=\"Schesir Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Schesir<\/h2>\n                    <p>Natural and delicious food for cats and dogs.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/schesir\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Vetty -->\n            <div class=\"brand-card\" data-brand=\"vetty\">\n                <div class=\"brand-overlay\"><\/div>\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/zoostandart.ge\/wp-content\/uploads\/image-80.png\" alt=\"Vetty Logo\">\n                <\/div>\n                <div class=\"brand-content\">\n                    <h2>Vetty<\/h2>\n                    <p>Professional veterinary products for pet care.<\/p>\n                    <a href=\"https:\/\/zoostandart.ge\/en\/vetty\/\" class=\"brand-link\">Learn more<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style type=\"text\/css\">\n        \/* General Styles *\/\n        .brands-line-page {\n            font-family: 'Poppins', 'Arial', sans-serif;\n            background: #f8f9fa;\n            padding: 0;\n            margin: 0;\n            overflow-x: hidden;\n        }\n\n        \/* Header Section *\/\n        .header-section {\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n            padding: 60px 20px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .header-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);\n            opacity: 0.5;\n        }\n\n        .header-section h1 {\n            font-size: 48px;\n            font-weight: 700;\n            color: #fff;\n            margin: 0;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            position: relative;\n            z-index: 1;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInUp 1s ease forwards;\n        }\n\n        \/* Brands Grid *\/\n        .brands-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 40px;\n            padding: 80px 20px;\n            max-width: 1300px;\n            margin: 0 auto;\n        }\n\n        \/* Brand Card *\/\n        .brand-card {\n            position: relative;\n            height: 400px;\n            background: #fff;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            transition: transform 0.6s ease-out, box-shadow 0.6s ease-out;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        .brand-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);\n        }\n\n        .brand-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(45deg, rgba(30, 60, 114, 0.2), rgba(42, 82, 152, 0.2));\n            opacity: 0;\n            transition: opacity 0.6s ease-out;\n        }\n\n        .brand-card:hover .brand-overlay {\n            opacity: 1;\n        }\n\n        .brand-logo {\n            width: 120px;\n            height: 120px;\n            margin: 30px auto 20px;\n            border-radius: 50%;\n            background: #ecf0f1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 3px solid #fff;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transition: transform 0.6s ease-out, box-shadow 0.6s ease-out;\n            overflow: hidden;\n        }\n\n        .brand-logo img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n\n        .brand-card:hover .brand-logo {\n            transform: scale(1.02);\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);\n        }\n\n        .logo-placeholder {\n            font-size: 16px;\n            color: #7f8c8d;\n            text-align: center;\n        }\n\n        .brand-content {\n            text-align: center;\n            padding: 0 20px 30px;\n            color: #2c3e50;\n            position: relative;\n            z-index: 1;\n        }\n\n        .brand-content h2 {\n            font-size: 28px;\n            font-weight: 600;\n            margin-bottom: 15px;\n            color: #1e3c72;\n        }\n\n        .brand-content p {\n            font-size: 16px;\n            line-height: 1.6;\n            color: #7f8c8d;\n            margin-bottom: 25px;\n        }\n\n        .brand-link {\n            display: inline-block;\n            padding: 12px 30px;\n            background: linear-gradient(90deg, #2a5298, #1e3c72);\n            color: #ffffff !important;\n            text-decoration: none;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease;\n        }\n\n        .brand-link:hover {\n            background: linear-gradient(90deg, #1e3c72, #2a5298);\n            color: #ffffff !important;\n            transform: translateY(-3px);\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            0% {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .header-section {\n                padding: 40px 15px;\n            }\n\n            .header-section h1 {\n                font-size: 36px;\n            }\n\n            .brands-grid {\n                grid-template-columns: 1fr;\n                padding: 50px 15px;\n                gap: 30px;\n            }\n\n            .brand-card {\n                height: 350px;\n            }\n\n            .brand-logo {\n                width: 100px;\n                height: 100px;\n            }\n\n            .brand-content h2 {\n                font-size: 24px;\n            }\n\n            .brand-content p {\n                font-size: 14px;\n            }\n\n            .brand-link {\n                padding: 10px 25px;\n                font-size: 13px;\n            }\n        }\n    <\/style>\n\n    <script type=\"text\/javascript\">\n        document.addEventListener('DOMContentLoaded', function() {\n            const brandCards = document.querySelectorAll('.brand-card');\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.2 });\n\n            brandCards.forEach(card => observer.observe(card));\n\n            brandCards.forEach(card => {\n                card.addEventListener('click', function(e) {\n                    if (e.target.classList.contains('brand-link')) return;\n                    e.preventDefault();\n                    this.classList.add('clicked');\n                    setTimeout(() => {\n                        window.location.href = this.querySelector('.brand-link').getAttribute('href');\n                    }, 300);\n                });\n            });\n\n            brandCards.forEach(card => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.zIndex = '10';\n                });\n                card.addEventListener('mouseleave', function() {\n                    this.style.zIndex = '1';\n                });\n            });\n        });\n    <\/script>\n\n    <style type=\"text\/css\">\n        .brand-card.clicked {\n            animation: pulse 0.3s ease;\n        }\n    <\/style>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7412","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/pages\/7412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/comments?post=7412"}],"version-history":[{"count":0,"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/pages\/7412\/revisions"}],"wp:attachment":[{"href":"https:\/\/zoostandart.ge\/en\/wp-json\/wp\/v2\/media?parent=7412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}