{"id":1212,"date":"2025-06-25T15:37:15","date_gmt":"2025-06-25T13:37:15","guid":{"rendered":"https:\/\/www.effettoceramiche.it\/home\/"},"modified":"2025-10-23T17:04:15","modified_gmt":"2025-10-23T15:04:15","slug":"home","status":"publish","type":"page","link":"https:\/\/www.effettoceramiche.it\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<header class=\"section bg-baseColor h-svh has-bg-image no-gap\">\n  <div class=\"swiper carousel js-carousel-slideshow h-full\">\n      <div class=\"swiper-wrapper\">\n\n        \n        <div class=\"swiper-slide w-full after:absolute after:inset-0 after:bg-black\/50\">\n          \n          \n          <figure\n    class=\"image overflow-hidden h-full w-full bg-primary-50   \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-300x212.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-1600x1129.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-150x106.jpg 150w\"             alt=\"Rivestimento in pasta bianca \"\n      class=\"object-cover object-center h-full w-full\"\n    \/>\n      <\/figure>\n\n          \n          <div class=\"absolute bottom-10 sm:bottom-14 left-0 w-full z-10\">\n            <div class=\"w-full container px-container mx-auto\">\n  <div class=\"space-y-10\">\n                <div class=\"flex gap-5 flex-col items-center text-white text-center\">\n                  \n\n                  \n                  <img decoding=\"async\" src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/07\/slide.svg\" alt=\"\" class=\"w-[85vh] max-w-[90%]\" \/>\n\n                  <h1 class=\"max-w-xl space-y-1 font-body text-base leading-normal mt-4\">\n                    Made in Italy tiles and wall tiles for interiors and exteriors\n                  <\/h1>\n                <\/div>\n                                  <div class=\"flex gap-3 justify-center\">\n                    <a href=\"https:\/\/www.effettoceramiche.it\/en\/collections\/\" target=\"\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em]\">\n    Discover the collections\n  <\/a>\n                  <\/div>\n                              <\/div>\n<\/div>\n          <\/div>\n        <\/div>\n\n        \n                  \n          <div class=\"swiper-slide w-full after:absolute after:inset-0 after:bg-black\/50\">\n            \n                          <figure\n    class=\"image overflow-hidden h-full w-full bg-primary-50   \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/SHERWOOD-COPERTINA.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/SHERWOOD-COPERTINA-300x200.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/SHERWOOD-COPERTINA-1600x1067.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/SHERWOOD-COPERTINA-150x100.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/SHERWOOD-COPERTINA.jpg 1619w\"             alt=\"Gres porcellanato effetto legno\"\n      class=\"object-cover object-center h-full w-full\"\n    \/>\n      <\/figure>\n            \n            \n            <div class=\"absolute bottom-10 sm:bottom-14 left-0 w-full z-10\">\n              <div class=\"w-full container px-container mx-auto\">\n  <div class=\"space-y-10\">\n                  <div class=\"flex gap-5 flex-col items-center text-white text-center\">\n                                        <h2 class=\"h1 max-w-5xl\">Sherwood<\/h2>\n                                          <div class=\"max-w-xl space-y-1\">\n                        <p>Knotty wood-effect porcelain stoneware with a distinctive color palette<\/p>\n\n                      <\/div>\n                                      <\/div>\n                                      <div class=\"flex gap-3 justify-center\">\n                      <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/sherwood\/\" target=\"\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em]\">\n    Discover the collection\n  <\/a>\n                    <\/div>\n                                  <\/div>\n<\/div>\n            <\/div>\n          <\/div>\n          \n                  \n          <div class=\"swiper-slide w-full after:absolute after:inset-0 after:bg-black\/50\">\n            \n                          <figure\n    class=\"image overflow-hidden h-full w-full bg-primary-50   \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1-300x225.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1-150x113.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1.jpg 1440w\"             alt=\"Gres porcellanato per rivestimenti\"\n      class=\"object-cover object-center h-full w-full\"\n    \/>\n      <\/figure>\n            \n            \n            <div class=\"absolute bottom-10 sm:bottom-14 left-0 w-full z-10\">\n              <div class=\"w-full container px-container mx-auto\">\n  <div class=\"space-y-10\">\n                  <div class=\"flex gap-5 flex-col items-center text-white text-center\">\n                                        <h2 class=\"h1 max-w-5xl\">Coverings for every style<\/h2>\n                                          <div class=\"max-w-xl space-y-1\">\n                        <p>From the bathroom area to the kitchen, explore coverings that combine aesthetics, functionality and attention to detail.<\/p>\n\n                      <\/div>\n                                      <\/div>\n                                      <div class=\"flex gap-3 justify-center\">\n                      <a href=\"https:\/\/www.effettoceramiche.it\/en\/tipi-uso\/rivestimenti\/\" target=\"\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em]\">\n    Discover the collection\n  <\/a>\n                    <\/div>\n                                  <\/div>\n<\/div>\n            <\/div>\n          <\/div>\n          \n              <\/div>\n\n      \n              <div\n            class=\"carousel__navigation flex w-full absolute z-10 bottom-10 sm:bottom-14 -mb-1 transition-opacity duration-500 pointer-events-none\">\n          <div class=\"w-full px-container mx-auto\">\n  <div class=\"flex justify-between\">\n              <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-sm size-14 sm:size-12 rounded-full swiper-button-prev pointer-events-auto\" aria-label=\"Previous content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n              <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-sm size-14 sm:size-12 rounded-full swiper-button-next pointer-events-auto\" aria-label=\"Next content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n            <\/div>\n<\/div>\n        <\/div>\n      \n\n    <\/div>\n<\/header>\n\n\n\n\n\n\n\n\n\n\n\n\n<section class=\"section bg-transparent\">\n  <div class=\"w-full container px-container mx-auto flex gap-16 flex-col\">\n  <header class=\"flex gap-6 flex-col items-center text-center\">\n        <svg class=\"size-12 animate-float-subtle\" width=\"50\" height=\"46\" viewBox=\"0 0 50 46\" fill=\"none\"\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path\n              d=\"M9.79062 2.361C15.1077 7.47873 20.7351 12.5743 27.4036 14.5904C30.6825 15.3437 34.4488 14.6569 36.332 11.6217C37.0188 9.8936 36.7308 7.61166 38.481 6.371C39.8989 5.13034 42.0479 4.84232 43.7981 5.52912C44.6622 6.08299 45.2825 6.99133 45.9471 7.61167C47.0327 7.81106 47.9632 8.36492 49.0488 8.58647C48.2291 9.4062 47.0327 9.8936 46.08 10.6469C45.3489 13.0617 42.5796 13.9701 41.5826 16.0969C39.1013 20.0405 39.9653 25.4241 36.6643 28.8802C33.5183 32.5579 29.1538 33.4441 25.1217 35.1057C20.868 37.0331 16.1047 38.3624 13.2911 42.7712C12.7372 43.746 12.5378 45.1861 11.275 45.4741C7.44222 45.607 3.41006 45.3412 1.06166 41.9515C0.441325 40.9767 0.0425396 39.9354 0.175468 38.6947C6.22371 36.1469 12.4049 33.865 17.722 29.4341C18.7854 28.4149 19.8046 27.0857 19.4058 25.5127C19.2064 24.4714 18.0543 23.7846 17.3232 23.2307C13.7563 21.1482 9.39183 18.7998 8.04039 14.4575C6.62249 10.6469 6.09078 6.371 6.48956 2.13945C6.68896 1.60773 6.68896 0.699392 7.44222 0.5C8.37271 0.832321 8.97089 1.74066 9.79062 2.361Z\"\n              fill=\"#008C8F\"\/>\n        <\/svg>\n        <h2 class=\"max-w-[50rem]\">Find the perfect solution <br \/>\r\nfor your space<\/h2>\n        <div class=\"prose max-w-[40rem]\">\n          <p>Each surface tells a story. Browse our proposals according to your design or aesthetic needs.<\/p>\n\n        <\/div>\n      <\/header>\n\n\n      <div x-data=\"{ activeTab: '0' }\" class=\"tabs flex gap-y-10 flex-col\">\n\n        \n        <div\n            @keydown.right.prevent=\"$focus.wrap().next()\"\n            @keydown.left.prevent=\"$focus.wrap().previous()\"\n            class=\"flex gap-2 justify-center\"\n            role=\"tablist\"\n            aria-label=\"Tabs\">\n                      <button\n                id=\"tab-0\"\n                @click=\"activeTab = '0'\"\n                :aria-selected=\"activeTab === '0'\"\n                :aria-controls=\"'tabpanel-0'\"\n                :tabindex=\"activeTab === '0' ? 0 : -1\"\n                :class=\"activeTab === '0' ? 'bg-baseColor text-white' : 'bg-secondary-100 text-baseColor hover:bg-secondary-200 transition-colors'\"\n                class=\"py-2 px-5 text-sm rounded-full\"\n                type=\"button\"\n                role=\"tab\"\n            >\n              Types of use\n            <\/button>\n                      <button\n                id=\"tab-1\"\n                @click=\"activeTab = '1'\"\n                :aria-selected=\"activeTab === '1'\"\n                :aria-controls=\"'tabpanel-1'\"\n                :tabindex=\"activeTab === '1' ? 0 : -1\"\n                :class=\"activeTab === '1' ? 'bg-baseColor text-white' : 'bg-secondary-100 text-baseColor hover:bg-secondary-200 transition-colors'\"\n                class=\"py-2 px-5 text-sm rounded-full\"\n                type=\"button\"\n                role=\"tab\"\n            >\n              Effects\n            <\/button>\n                  <\/div>\n\n        \n                  <div\n              id=\"tabpanel-0\"\n              x-show=\"activeTab === '0'\"\n              :aria-labelledby=\"'tab-0'\"\n              role=\"tabpanel\"\n              x-cloak\n          >\n\n            <ul class=\"grid gap-x-2 gap-y-2 grid-cols-1 md:grid-cols-3\">\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/tipi-uso\/rivestimenti\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/rivestimenti.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/rivestimenti-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/rivestimenti-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/rivestimenti.jpg 1280w\"             alt=\"Coatings\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Coatings\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>Versatile and decorative wall coverings, from large minimal formats to small colorful details, for unique and personalized environments.<\/p>\n\n                  <\/div>\n                <\/li>\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/tipi-uso\/pavimenti-esterni\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-esterni.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-esterni-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-esterni-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-esterni.jpg 1280w\"             alt=\"Exterior flooring\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Exterior flooring\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>Floors for every style, from the elegance of marble to the minimalism of concrete, durable, versatile and 100% made in Italy.<\/p>\n\n                  <\/div>\n                <\/li>\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/tipi-uso\/pavimenti-interni\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-interni.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-interni-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-interni-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/pavimenti-interni.jpg 1280w\"             alt=\"Indoor flooring\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Indoor flooring\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>Wide selection of flooring for every room, textural effect and format, with quality, style and durability made in Italy.<\/p>\n\n                  <\/div>\n                <\/li>\n                          <\/ul>\n\n          <\/div>\n                  <div\n              id=\"tabpanel-1\"\n              x-show=\"activeTab === '1'\"\n              :aria-labelledby=\"'tab-1'\"\n              role=\"tabpanel\"\n              x-cloak\n          >\n\n            <ul class=\"grid gap-x-2 gap-y-2 grid-cols-1 md:grid-cols-3\">\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/effetti\/effetto-cemento\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-cemento.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-cemento-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-cemento-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-cemento.jpg 1280w\"             alt=\"Cement effect\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Cement effect\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>Concrete-effect surfaces in neutral tones, ideal for minimalist, modern spaces with a strong contemporary character.<\/p>\n\n                  <\/div>\n                <\/li>\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/effetti\/effetto-marmo-e-pietra\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-marmo-pietra.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-marmo-pietra-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-marmo-pietra-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-marmo-pietra.jpg 1280w\"             alt=\"Marble and stone effect\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Marble and stone effect\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>The charm of natural stone meets modern practicality for elegant, essential environments in tune with nature.<\/p>\n\n                  <\/div>\n                <\/li>\n                              <li class=\"space-y-4\">\n                  \n                  <a href=\"https:\/\/www.effettoceramiche.it\/en\/effetti\/effetto-legno\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 overflow-hidden\">\n  <div class=\"[&#038;_img]:object-cover-full transition-all duration-500 has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-90\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-video \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-legno.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-legno-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-legno-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/effetto-legno.jpg 1280w\"             alt=\"Wood effect\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10\">\n  <header class=\"space-y-2 text-center max-w-[30rem]\">\n      <h3 class=\"absolute inset-x-0 top-1\/2 -translate-y-1\/2 px-10 font-body text-lg text-white text-center\">\n        Wood effect\n      <\/h3>\n\n          <\/header>\n\n    \n    <div class=\"absolute bottom-6 inset-x-0 text-center no-hover:hidden transition-transform duration-300 has-hover:translate-y-[calc(var(--space-6)+100%)] has-hover:group-hover\/card:translate-y-0 pointer-events-none\">\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    Discover the collections\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                  \n                  <div class=\"hidden md:block text-center text-sm text-secondary mx-auto max-w-[22rem]\">\n                    <p>The wood effect gives warmth and naturalness, with more or less homogeneous finishes to suit every living style.<\/p>\n\n                  <\/div>\n                <\/li>\n                          <\/ul>\n\n          <\/div>\n        \n      <\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"section bg-baseColor no-gap py-prose\">\n  <div class=\"w-full container px-container mx-auto\">\n  <header class=\"flex gap-6 flex-col items-center text-center text-white\">\n        <div class=\"text-sm\">Collections<\/div>\n        <h2 class=\"max-w-[50rem]\">Discover our best-loved<br \/>\r\ncollections<\/h2>\n        <div class=\"prose max-w-[40rem] text-secondary\">\n          <p>Each surface tells a story. Browse our proposals according to your design or aesthetic needs.<\/p>\n\n        <\/div>\n      <\/header>\n\n\n              \n        <div class=\"swiper carousel group\/carousel js-carousel-2-slides mt-16\">\n          <div class=\"swiper-wrapper\">\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/libera\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LIBERA-COPERTINA.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LIBERA-COPERTINA-300x224.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LIBERA-COPERTINA-1600x1194.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LIBERA-COPERTINA-150x112.jpg 150w\"             alt=\"Libera\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Coatings<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Libera<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">Matte wall tiles for traditional as well as modern style rooms<\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/luna\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-300x212.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-1600x1129.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LUNA-BEIGE-MURETTO-BEIGE-150x106.jpg 150w\"             alt=\"Luna\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Coatings<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Luna<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">Very bright and refined white paste coating<\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/mercure\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/MERCURE-COPERTINA.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/MERCURE-COPERTINA-300x258.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/MERCURE-COPERTINA-1600x1375.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/MERCURE-COPERTINA-150x129.jpg 150w\"             alt=\"Mercure\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Coatings<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Mercure<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">White paste coating with metallic effect for modern style<\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/eternity\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1-300x225.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1-150x113.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/ETERNITY-COPERTINA-1.jpg 1440w\"             alt=\"Eternity\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Coatings<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Eternity<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">Stone effect porcelain stoneware for clean and elegant wall tiles<\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/blok\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/BLOK-COPERTINA.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/BLOK-COPERTINA-300x300.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/BLOK-COPERTINA-1600x1600.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/BLOK-COPERTINA-150x150.jpg 150w\"             alt=\"Blok\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Indoor flooring<\/span>\n            \n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Exterior flooring<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Blok<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">Stone-effect porcelain stoneware with modern and uniform design.  <\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[50%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/marmi-italiani\/\" class=\"card @container group\/card block bg-white overflow-hidden no-underline relative rounded-md has-hover:hover:rounded-3xl transition-[border-radius] duration-300 has-hover:will-change-[border-radius]\">\n  <div class=\"[&#038;_figure]:h-full [&#038;_img]:object-cover-full transition-all has-hover:will-change-transform duration-500 scale-[100.5%] has-hover:group-hover\/card:scale-[105%] has-hover:group-hover\/card:brightness-[0.7]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50  aspect-horizontal \" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/Marmi_Italiani_Pulpis.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/Marmi_Italiani_Pulpis-300x263.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/Marmi_Italiani_Pulpis-150x131.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/Marmi_Italiani_Pulpis.jpg 1234w\"             alt=\"Marmi Italiani\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"card__body p-card absolute inset-0 flex flex-col items-center justify-end bg-black\/40 text-white flex flex-col gap-6 items-start z-10 !gap-0\">\n  <header class=\"space-y-4 text-center max-w-[30rem]\">\n\n              <div class=\"inline-flex gap-1 flex-wrap justify-center mb-1\">\n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Indoor flooring<\/span>\n            \n                      <span class=\"badge text-4xs md:text-2xs bg-white\/10 py-1 px-2 leading-none rounded-full\">Coatings<\/span>\n            \n                  <\/div>\n      \n      <h3 class=\"h5\">Marmi Italiani<\/h3>\n      \n              <div class=\"text-2xs md:text-sm\">Marble-effect porcelain stoneware. A faithful reproduction of more valuable materials<\/div>\n          <\/header>\n\n    \n    <div class=\"overflow-hidden transition-[max-height] duration-500 max-h-0 has-hover:group-hover\/card:max-h-16\">\n      <div class=\"btn-spacer h-6\"><\/div>\n      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none border-2 border-white\/40 text-white hover:bg-white hover:text-black active:bg-white\/90 active:text-black text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em] pointer-events-none\">\n    Go to the collection\n  <\/div>\n    <\/div>\n<\/div>\n<\/a>\n              <\/div>\n                      <\/div>\n\n          <div\n              class=\"carousel__navigation no-hover:hidden opacity-0 has-hover:group-hover\/carousel:opacity-100 flex w-full absolute z-10 top-[50%] translate-y-[-50%] transition-opacity duration-500 pointer-events-none\">\n            <div class=\"w-full container px-container mx-auto\">\n  <div class=\"flex justify-between\">\n                <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none bg-white text-black hover:bg-white\/90 active:bg-white\/85 text-base size-16 sm:size-14 rounded-full swiper-button-prev pointer-events-auto\" aria-label=\"Previous content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n                <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none bg-white text-black hover:bg-white\/90 active:bg-white\/85 text-base size-16 sm:size-14 rounded-full swiper-button-next pointer-events-auto\" aria-label=\"Next content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n              <\/div>\n<\/div>\n          <\/div>\n\n        <\/div>\n      \n              <div class=\"text-right mt-16\">\n          <a href=\"https:\/\/www.effettoceramiche.it\/en\/collections\/\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none text-secondary hover:bg-secondary\/10 active:bg-secondary\/15 text-xs h-10 sm:h-8 px-2.5 py-1.5 rounded-[0.25em]\">\n    See all collections\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/a>\n        <\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"section bg-transparent no-gap\">\n  <div class=\"w-full container px-container mx-auto space-y-grid\">\n  <div class=\"text-media grid grid-cols-12 md:items-center is-reverse bg-transparent\">\n\n  \n  <div class=\"col-span-12 md:col-span-6 md:order-2 md:col-start-7 self-stretch mx-[calc(-1*(var(--size-100vw)-100%)*0.5)] md:ml-0 md:mr-[calc(-1*(var(--size-100vw)-200%)*0.5)]\">\n    <figure\n    class=\"image overflow-hidden  bg-primary-50   parallax-img aspect-square md:aspect-vertical max-w-full min-h-full [&amp;_img]:w-[100%] md:[&amp;_img]:w-auto md:[&amp;_img]:h-[120%] [&amp;_img]:max-w-none\" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/07\/AMB_PULPIS-1-1.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/07\/AMB_PULPIS-1-1-300x409.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/07\/AMB_PULPIS-1-1-150x204.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/07\/AMB_PULPIS-1-1.jpg 1139w\"             alt=\"From experience \r\ncomes beauty\"\n      class=\"\"\n    \/>\n      <\/figure>\n  <\/div>\n\n  \n  <div class=\"col-span-12 md:col-span-5 md:col-start-1 py-16 px-container md:px-0 md:py-64 text-center md:text-left space-y-7\">\n          <div class=\"text-sm\">Who we are<\/div>\n        <header>\n      <h2 class=\"h2\">From experience \r\ncomes beauty<\/h2>\n    <\/header>\n\n          <div class=\"prose text-sm max-w-md mx-auto md:mx-0\">\n        <p>Effetto Ceramiche was born from the meeting of experience and innovation. Each collection is the result of careful research, inspired by the beauty of natural materials and made in Italy using state-of-the-art techniques.<\/p>\n\n      <\/div>\n    \n    <a href=\"https:\/\/www.effettoceramiche.it\/en\/who-we-are\/\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none text-secondary hover:bg-secondary\/10 active:bg-secondary\/15 text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em] -ml-5\">\n    Find out more about the company\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/a>\n  <\/div>\n\n<\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"section bg-baseColor no-gap\">\n  <div class=\"relative\">\n      \n      <header\n          class=\"sm:absolute z-10 top-0 left-0 w-full py-prose sm:py-16 sm:bg-gradient-to-t from-black\/0 to-black\/60 text-white text-center sm:text-left\">\n        <div class=\"w-full container px-container mx-auto flex gap-6 flex-col items-center sm:items-start\">\n  <div class=\"text-sm\">Be inspired<\/div>\n          <h2 class=\"sm:h4 max-w-[50rem]\">Inspirations for <br \/>\r\nyour spaces<\/h2>\n          <div class=\"prose max-w-md text-sm text-white\/60\">\n            <p>Be inspired by settings that tell a style. Each image shows a possible combination of aesthetics, functionality and comfort.<\/p>\n\n          <\/div>\n<\/div>\n      <\/header>\n\n      \n              <div class=\"swiper carousel group\/carousel js-carousel-slideshow-creative\">\n          <div class=\"swiper-wrapper\">\n                          <div class=\"swiper-slide w-[100%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/looks\/\" class=\"relative block text-white no-link\">\n                  <figure\n    class=\"image overflow-hidden h-full w-full bg-primary-50   relative before:overlay aspect-horizontal md:aspect-horizontal lg:aspect-video max-h-screen\" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LOOKS-GRIGIO.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LOOKS-GRIGIO-300x191.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LOOKS-GRIGIO-1600x1018.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LOOKS-GRIGIO-150x95.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/LOOKS-GRIGIO.jpg 1698w\"             alt=\"Minimal elegance with large stone effect sizes on wall and floor\"\n      class=\"object-cover object-center h-full w-full\"\n    \/>\n      <\/figure>\n                  <div\n                      class=\"absolute left-0 bottom-0 w-full py-container sm:py-16 bg-gradient-to-t from-black\/60 to-black\/0\">\n                    <div class=\"w-full container px-container mx-auto space-y-4\">\n  <h3 class=\"font-body text-base md:text-lg leading-normal prose max-w-[60%]\">\n                        Minimal elegance with large stone effect sizes on wall and floor\n                      <\/h3>\n                      \n                      \n                      \n                      \n                      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none text-white hover:bg-white\/10 active:bg-white\/15 text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em] -ml-5\">\n    Collection Looks\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/div>\n<\/div>\n                  <\/div>\n                <\/a>\n              <\/div>\n                          <div class=\"swiper-slide w-[100%]\">\n                <a href=\"https:\/\/www.effettoceramiche.it\/en\/collezioni\/ranger-wood\/\" class=\"relative block text-white no-link\">\n                  <figure\n    class=\"image overflow-hidden h-full w-full bg-primary-50   relative before:overlay aspect-horizontal md:aspect-horizontal lg:aspect-video max-h-screen\" >\n    <img decoding=\"async\"\n      src=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/RANGER-WOOD-NUT-1.jpg\"\n      srcset=\"https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/RANGER-WOOD-NUT-1-300x169.jpg 300w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/RANGER-WOOD-NUT-1-1600x900.jpg 1600w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/RANGER-WOOD-NUT-1-150x84.jpg 150w, https:\/\/www.effettoceramiche.it\/wp-content\/uploads\/2025\/06\/RANGER-WOOD-NUT-1.jpg 1920w\"             alt=\"Warmth and simplicity with light wood-effect ceramic surfaces\"\n      class=\"object-cover object-center h-full w-full\"\n    \/>\n      <\/figure>\n                  <div\n                      class=\"absolute left-0 bottom-0 w-full py-container sm:py-16 bg-gradient-to-t from-black\/60 to-black\/0\">\n                    <div class=\"w-full container px-container mx-auto space-y-4\">\n  <h3 class=\"font-body text-base md:text-lg leading-normal prose max-w-[60%]\">\n                        Warmth and simplicity with light wood-effect ceramic surfaces\n                      <\/h3>\n                      \n                      \n                      \n                      \n                      <div class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none text-white hover:bg-white\/10 active:bg-white\/15 text-sm h-12 sm:h-10 px-5 py-2 rounded-[0.25em] -ml-5\">\n    Collection Ranger Wood\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/div>\n<\/div>\n                  <\/div>\n                <\/a>\n              <\/div>\n                      <\/div>\n\n          <div\n              class=\"carousel__navigation has-hover:opacity-0 has-hover:group-hover\/carousel:opacity-100 flex w-full absolute z-10 right-0 bottom-0 transition-opacity duration-500 pointer-events-none\">\n            <div class=\"w-full container px-container mx-auto\">\n  <div class=\"flex gap-2 justify-end py-container sm:py-16\">\n                <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none bg-white text-black hover:bg-white\/90 active:bg-white\/85 text-base size-16 sm:size-14 rounded-full swiper-button-prev pointer-events-auto\" aria-label=\"Previous content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n                <button type=\"button\" class=\"btn inline-flex gap-3 items-center justify-center shrink-0 whitespace-nowrap font-body font-medium select-none transition-colors duration-200 disabled:opacity-10 disabled:cursor-not-allowed [&amp;_svg]:size-[1.2em] [&amp;_svg]:shrink-0 [&amp;_svg]:pointer-events-none bg-white text-black hover:bg-white\/90 active:bg-white\/85 text-base size-16 sm:size-14 rounded-full swiper-button-next pointer-events-auto\" aria-label=\"Next content\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\">\n  <path fill-rule=\"evenodd\" d=\"M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z\" clip-rule=\"evenodd\"\/>\n<\/svg>\n  <\/button>\n              <\/div>\n<\/div>\n          <\/div>\n\n        <\/div>\n        \n          <\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":5,"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1272,"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1272"}],"wp:attachment":[{"href":"https:\/\/www.effettoceramiche.it\/en\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}