{"id":221,"date":"2026-09-29T11:45:58","date_gmt":"2026-09-29T11:45:58","guid":{"rendered":"https:\/\/baqaidigital.com\/?page_id=221"},"modified":"2026-10-14T09:58:18","modified_gmt":"2026-10-14T09:58:18","slug":"our-gallery","status":"publish","type":"page","link":"https:\/\/baqaidigital.com\/index.php\/our-gallery\/","title":{"rendered":"Our Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\">\n\t\t\t\t<div class=\"elementor-element elementor-element-535d326 e-flex e-con-boxed e-con e-parent\" data-id=\"535d326\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf0c4ef e-con-full e-flex e-con e-parent\" data-id=\"bf0c4ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b06a4 elementor-widget elementor-widget-html\" data-id=\"90b06a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =====================================================\r\n   IMPERIAL TILES - FILTERABLE GALLERY\r\n===================================================== *\/\r\n\r\n.ig-gallery {\r\n    position: relative;\r\n\r\n    padding: 110px 20px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 85% 0%,\r\n            rgba(209, 161, 93, 0.16),\r\n            transparent 55%\r\n        ),\r\n        radial-gradient(\r\n            ellipse at 0% 100%,\r\n            rgba(209, 161, 93, 0.08),\r\n            transparent 50%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #0a1116 0%,\r\n            #101b22 100%\r\n        );\r\n\r\n    color: #fff;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.ig-container {\r\n    position: relative;\r\n\r\n    max-width: 1240px;\r\n\r\n    margin: auto;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n.ig-heading {\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto 40px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.ig-heading span {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: #d1a15d;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\r\n.ig-heading h2 {\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-family:\r\n        \"Playfair Display\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 54px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.ig-heading p {\r\n    max-width: 620px;\r\n\r\n    margin: 18px auto 0;\r\n\r\n    color: rgba(255,255,255,.75);\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* Filter menu *\/\r\n\r\n.ig-filters {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 45px;\r\n}\r\n\r\n\r\n.ig-filter {\r\n    padding: 13px 26px;\r\n\r\n    background: transparent;\r\n\r\n    border: 1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius: 50px;\r\n\r\n    color: rgba(255,255,255,.8);\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        all .35s ease;\r\n}\r\n\r\n\r\n.ig-filter:hover {\r\n    border-color: #d1a15d;\r\n\r\n    color: #d1a15d;\r\n}\r\n\r\n\r\n.ig-filter.is-active {\r\n    background: #bd8b43;\r\n\r\n    border-color: #bd8b43;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.ig-filter:focus-visible {\r\n    outline: 2px solid #d1a15d;\r\n\r\n    outline-offset: 3px;\r\n}\r\n\r\n\r\n\/* Grid *\/\r\n\r\n.ig-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n\/* Item *\/\r\n\r\n.ig-item {\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    aspect-ratio: 4 \/ 3.3;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 12px;\r\n\r\n    background: #111;\r\n\r\n    border: 1px solid rgba(255,255,255,.15);\r\n\r\n    text-decoration: none;\r\n\r\n    cursor: zoom-in;\r\n}\r\n\r\n\r\n.ig-item.is-hidden {\r\n    display: none;\r\n}\r\n\r\n\r\n.ig-item.ig-anim {\r\n    animation:\r\n        igFadeIn .6s ease both;\r\n}\r\n\r\n\r\n@keyframes igFadeIn {\r\n\r\n    from {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(18px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n    }\r\n}\r\n\r\n\r\n.ig-item img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .8s ease;\r\n}\r\n\r\n\r\n.ig-item:hover img {\r\n    transform:\r\n        scale(1.10);\r\n}\r\n\r\n\r\n\/* Overlay *\/\r\n\r\n.ig-item-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(5,10,14,.9) 0%,\r\n            rgba(5,10,14,.35) 35%,\r\n            rgba(5,10,14,0) 65%\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity .4s ease;\r\n}\r\n\r\n\r\n.ig-item:hover\r\n.ig-item-overlay,\r\n.ig-item:focus-visible\r\n.ig-item-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* Info *\/\r\n\r\n.ig-item-info {\r\n    position: absolute;\r\n\r\n    left: 20px;\r\n\r\n    right: 20px;\r\n\r\n    bottom: 18px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(10px);\r\n\r\n    transition:\r\n        all .4s ease;\r\n}\r\n\r\n\r\n.ig-item:hover\r\n.ig-item-info,\r\n.ig-item:focus-visible\r\n.ig-item-info {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n.ig-item-info h3 {\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-family:\r\n        \"Playfair Display\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.ig-zoom {\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: #bd8b43;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n\r\n\/* Lightbox *\/\r\n\r\n.ig-lightbox {\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 99999;\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 60px 70px;\r\n\r\n    background:\r\n        rgba(5,10,14,.95);\r\n}\r\n\r\n\r\n.ig-lightbox.is-open {\r\n    display: flex;\r\n}\r\n\r\n\r\n.ig-lightbox figure {\r\n    margin: 0;\r\n\r\n    max-width: 1100px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.ig-lightbox img {\r\n    display: block;\r\n\r\n    max-width: 100%;\r\n\r\n    max-height: 78vh;\r\n\r\n    margin: auto;\r\n\r\n    border-radius: 10px;\r\n\r\n    border: 1px solid rgba(255,255,255,.15);\r\n}\r\n\r\n\r\n.ig-lightbox figcaption {\r\n    margin-top: 16px;\r\n\r\n    color: rgba(255,255,255,.8);\r\n\r\n    font-family:\r\n        \"Playfair Display\",\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n\r\n.ig-lb-btn {\r\n    position: absolute;\r\n\r\n    width: 48px;\r\n\r\n    height: 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background: transparent;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.5);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 22px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n.ig-lb-btn:hover {\r\n    background: #bd8b43;\r\n\r\n    border-color: #bd8b43;\r\n}\r\n\r\n\r\n.ig-lb-close {\r\n    top: 22px;\r\n\r\n    right: 22px;\r\n}\r\n\r\n\r\n.ig-lb-prev {\r\n    left: 18px;\r\n\r\n    top: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n}\r\n\r\n\r\n.ig-lb-next {\r\n    right: 18px;\r\n\r\n    top: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .ig-gallery {\r\n        padding: 85px 20px;\r\n    }\r\n\r\n\r\n    .ig-heading h2 {\r\n        font-size: 45px;\r\n    }\r\n\r\n\r\n    .ig-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .ig-gallery {\r\n\r\n        padding:\r\n            70px 15px;\r\n    }\r\n\r\n\r\n    .ig-heading {\r\n\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n\r\n    .ig-heading span {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n\r\n    .ig-heading h2 {\r\n\r\n        font-size: 36px;\r\n    }\r\n\r\n\r\n    .ig-heading p {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* filter menu: ek line mein swipe hoga *\/\r\n\r\n    .ig-filters {\r\n\r\n        flex-wrap: nowrap;\r\n\r\n        justify-content: flex-start;\r\n\r\n        overflow-x: auto;\r\n\r\n        margin:\r\n            0 -15px 30px;\r\n\r\n        padding:\r\n            0 15px 6px;\r\n\r\n        scrollbar-width: none;\r\n    }\r\n\r\n\r\n    .ig-filters::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .ig-filter {\r\n\r\n        flex-shrink: 0;\r\n\r\n        padding: 11px 20px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .ig-grid {\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .ig-item {\r\n\r\n        aspect-ratio: 1 \/ 1.15;\r\n\r\n        border-radius: 9px;\r\n    }\r\n\r\n\r\n    \/* touch par info hamesha nazar aaye *\/\r\n\r\n    .ig-item-overlay,\r\n    .ig-item-info {\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .ig-item-info {\r\n\r\n        left: 12px;\r\n\r\n        right: 12px;\r\n\r\n        bottom: 12px;\r\n    }\r\n\r\n\r\n    .ig-item-info h3 {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .ig-zoom {\r\n\r\n        width: 28px;\r\n\r\n        height: 28px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .ig-lightbox {\r\n        padding: 70px 15px 40px;\r\n    }\r\n\r\n\r\n    .ig-lb-prev {\r\n        left: 8px;\r\n    }\r\n\r\n\r\n    .ig-lb-next {\r\n        right: 8px;\r\n    }\r\n\r\n\r\n    .ig-lb-btn {\r\n\r\n        width: 40px;\r\n\r\n        height: 40px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ================= IMPERIAL TILES - FILTERABLE GALLERY ================= -->\r\n\r\n<section class=\"ig-gallery\">\r\n\r\n    <div class=\"ig-container\">\r\n\r\n        <div class=\"ig-heading\">\r\n            <span>OUR GALLERY<\/span>\r\n\r\n            <h2>Tiles in Real Spaces<\/h2>\r\n\r\n            <p>\r\n                Browse our finished spaces and find the tile style\r\n                that suits your bedroom, bathroom, kitchen,\r\n                living room or outdoor area.\r\n            <\/p>\r\n        <\/div>\r\n\r\n\r\n        <!-- Filter menu -->\r\n        <div class=\"ig-filters\">\r\n            <button type=\"button\" class=\"ig-filter is-active\" data-filter=\"all\">All<\/button>\r\n            <button type=\"button\" class=\"ig-filter\" data-filter=\"bedroom\">Bedroom Tiles<\/button>\r\n            <button type=\"button\" class=\"ig-filter\" data-filter=\"bathroom\">Bathroom Tiles<\/button>\r\n            <button type=\"button\" class=\"ig-filter\" data-filter=\"kitchen\">Kitchen Tiles<\/button>\r\n            <button type=\"button\" class=\"ig-filter\" data-filter=\"living-room\">Living Room Tiles<\/button>\r\n            <button type=\"button\" class=\"ig-filter\" data-filter=\"outdoor\">Outdoor Tiles<\/button>\r\n        <\/div>\r\n\r\n\r\n        <!-- Gallery -->\r\n        <div class=\"ig-grid\">\r\n\r\n            <!-- Bedroom Tiles -->\r\n            <a href=\"images\/gallery\/bedroom-1.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" alt=\"Bedroom Tiles 1\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bedroom-2.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" alt=\"Bedroom Tiles 2\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bedroom-3.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bedroom-4.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" alt=\"Bedroom Tiles 4\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bedroom-5.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" alt=\"Bedroom Tiles 5\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bedroom-6.jpg\" class=\"ig-item\" data-category=\"bedroom\" data-label=\"Bedroom Tiles\">\r\n                <img decoding=\"async\" src=\"https:\/\/baqaidigital.com\/wp-content\/uploads\/2026\/10\/images-1.png\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bedroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Bathroom Tiles -->\r\n            <a href=\"images\/gallery\/bathroom-1.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-1.jpg\" alt=\"Bathroom Tiles 1\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bathroom-2.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-2.jpg\" alt=\"Bathroom Tiles 2\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bathroom-3.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-3.jpg\" alt=\"Bathroom Tiles 3\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bathroom-4.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-4.jpg\" alt=\"Bathroom Tiles 4\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bathroom-5.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-5.jpg\" alt=\"Bathroom Tiles 5\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/bathroom-6.jpg\" class=\"ig-item\" data-category=\"bathroom\" data-label=\"Bathroom Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/bathroom-6.jpg\" alt=\"Bathroom Tiles 6\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Bathroom Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Kitchen Tiles -->\r\n            <a href=\"images\/gallery\/kitchen-1.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-1.jpg\" alt=\"Kitchen Tiles 1\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/kitchen-2.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-2.jpg\" alt=\"Kitchen Tiles 2\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/kitchen-3.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-3.jpg\" alt=\"Kitchen Tiles 3\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/kitchen-4.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-4.jpg\" alt=\"Kitchen Tiles 4\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/kitchen-5.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-5.jpg\" alt=\"Kitchen Tiles 5\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/kitchen-6.jpg\" class=\"ig-item\" data-category=\"kitchen\" data-label=\"Kitchen Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/kitchen-6.jpg\" alt=\"Kitchen Tiles 6\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Kitchen Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Living Room Tiles -->\r\n            <a href=\"images\/gallery\/living-room-1.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-1.jpg\" alt=\"Living Room Tiles 1\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/living-room-2.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-2.jpg\" alt=\"Living Room Tiles 2\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/living-room-3.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-3.jpg\" alt=\"Living Room Tiles 3\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/living-room-4.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-4.jpg\" alt=\"Living Room Tiles 4\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/living-room-5.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-5.jpg\" alt=\"Living Room Tiles 5\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/living-room-6.jpg\" class=\"ig-item\" data-category=\"living-room\" data-label=\"Living Room Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/living-room-6.jpg\" alt=\"Living Room Tiles 6\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Living Room Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Outdoor Tiles -->\r\n            <a href=\"images\/gallery\/outdoor-1.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-1.jpg\" alt=\"Outdoor Tiles 1\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/outdoor-2.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-2.jpg\" alt=\"Outdoor Tiles 2\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/outdoor-3.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-3.jpg\" alt=\"Outdoor Tiles 3\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/outdoor-4.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-4.jpg\" alt=\"Outdoor Tiles 4\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/outdoor-5.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-5.jpg\" alt=\"Outdoor Tiles 5\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"images\/gallery\/outdoor-6.jpg\" class=\"ig-item\" data-category=\"outdoor\" data-label=\"Outdoor Tiles\">\r\n                <img decoding=\"async\" src=\"images\/gallery\/outdoor-6.jpg\" alt=\"Outdoor Tiles 6\" loading=\"lazy\">\r\n                <div class=\"ig-item-overlay\"><\/div>\r\n                <div class=\"ig-item-info\">\r\n                    <h3>Outdoor Tiles<\/h3>\r\n                    <div class=\"ig-zoom\">+<\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"ig-lightbox\" aria-hidden=\"true\">\r\n        <button type=\"button\" class=\"ig-lb-btn ig-lb-close\" aria-label=\"Close\">&times;<\/button>\r\n        <button type=\"button\" class=\"ig-lb-btn ig-lb-prev\" aria-label=\"Previous\">&#8592;<\/button>\r\n        <button type=\"button\" class=\"ig-lb-btn ig-lb-next\" aria-label=\"Next\">&#8594;<\/button>\r\n        <figure>\r\n            <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <figcaption><\/figcaption>\r\n        <\/figure>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    var section  = document.querySelector('.ig-gallery');\r\n    var buttons  = section.querySelectorAll('.ig-filter');\r\n    var items    = Array.prototype.slice.call(section.querySelectorAll('.ig-item'));\r\n    var lightbox = section.querySelector('.ig-lightbox');\r\n    var lbImg    = lightbox.querySelector('img');\r\n    var lbCap    = lightbox.querySelector('figcaption');\r\n    var current  = 0;\r\n\r\n\r\n    \/* ---------- Filter ---------- *\/\r\n\r\n    buttons.forEach(function (btn) {\r\n\r\n        btn.addEventListener('click', function () {\r\n\r\n            var filter = btn.getAttribute('data-filter');\r\n\r\n            buttons.forEach(function (b) { b.classList.remove('is-active'); });\r\n            btn.classList.add('is-active');\r\n\r\n            items.forEach(function (item) {\r\n\r\n                var show = filter === 'all' ||\r\n                           item.getAttribute('data-category') === filter;\r\n\r\n                item.classList.toggle('is-hidden', !show);\r\n\r\n                if (show) {\r\n                    item.classList.remove('ig-anim');\r\n                    void item.offsetWidth;\r\n                    item.classList.add('ig-anim');\r\n                }\r\n            });\r\n        });\r\n    });\r\n\r\n\r\n    \/* ---------- Lightbox ---------- *\/\r\n\r\n    function visibleItems() {\r\n        return items.filter(function (i) {\r\n            return !i.classList.contains('is-hidden');\r\n        });\r\n    }\r\n\r\n    function show(index) {\r\n\r\n        var list = visibleItems();\r\n\r\n        current = (index + list.length) % list.length;\r\n\r\n        var item = list[current];\r\n\r\n        lbImg.src = item.getAttribute('href');\r\n        lbImg.alt = item.getAttribute('data-label');\r\n        lbCap.textContent = item.getAttribute('data-label');\r\n    }\r\n\r\n    function open(item) {\r\n\r\n        show(visibleItems().indexOf(item));\r\n\r\n        lightbox.classList.add('is-open');\r\n        lightbox.setAttribute('aria-hidden', 'false');\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function close() {\r\n\r\n        lightbox.classList.remove('is-open');\r\n        lightbox.setAttribute('aria-hidden', 'true');\r\n        document.body.style.overflow = '';\r\n    }\r\n\r\n    items.forEach(function (item) {\r\n\r\n        item.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            open(item);\r\n        });\r\n    });\r\n\r\n    lightbox.querySelector('.ig-lb-close').addEventListener('click', close);\r\n    lightbox.querySelector('.ig-lb-prev').addEventListener('click', function () { show(current - 1); });\r\n    lightbox.querySelector('.ig-lb-next').addEventListener('click', function () { show(current + 1); });\r\n\r\n    lightbox.addEventListener('click', function (e) {\r\n        if (e.target === lightbox) close();\r\n    });\r\n\r\n    document.addEventListener('keydown', function (e) {\r\n\r\n        if (!lightbox.classList.contains('is-open')) return;\r\n\r\n        if (e.key === 'Escape')     close();\r\n        if (e.key === 'ArrowLeft')  show(current - 1);\r\n        if (e.key === 'ArrowRight') show(current + 1);\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUR GALLERY Tiles in Real Spaces Browse our finished spaces and find the tile style that suits your bedroom, bathroom, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":4,"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/baqaidigital.com\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}