{"id":805,"date":"2026-03-16T10:48:59","date_gmt":"2026-03-16T10:48:59","guid":{"rendered":"https:\/\/derucci-dev.visibleone.dev\/index\/"},"modified":"2026-06-15T03:23:43","modified_gmt":"2026-06-15T03:23:43","slug":"index","status":"publish","type":"page","link":"https:\/\/derucci-dev.visibleone.dev\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div id=\"derucci-hero-slider-block_caf8a5335fa789fa1ded0eaffccbc183\" block-name=\"derucci-hero-slider\"\n    class=\"derucci-hero-slider relative w-full overflow-hidden container-full\"\n    data-autoplay=\"1\" data-speed=\"6000\">\n\n    \n        <!-- Swiper container -->\n        <div class=\"swiper hero-swiper w-full h-screen  \">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <!-- Media background -->\n                        <div class=\"hero-slide__media absolute inset-0 w-full h-full\">\n                            \n                                                                    <video class=\"absolute inset-0 w-full h-full object-cover\" autoplay muted loop playsinline>\n                                        <source src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/T11-SE\u82f1\u6587\u914d\u97f3\uff09-1.mp4\"\n                                            type=\"video\/mp4\">\n                                    <\/video>\n\n                                \n                                                    <\/div>\n\n                        <!-- Dark overlay -->\n                        <div class=\"absolute inset-0 bg-black\/40 z-[1]\"><\/div>\n\n                        <!-- Content -->\n                        <div class=\"relative z-[2] h-full flex items-center\">\n                            <div class=\" px-5 container-md\">\n                                <div class=\"flex items-start gap-6\">\n                                    <!-- Slide indicator -->\n                                    <div class=\"hero-slide__indicator hidden lg:flex flex-col items-center \">\n                                        <span class=\"text-title font-medium font-roboto text-gold-01\">\n                                            01                                        <\/span>\n                                        <span class=\"text-white text-body-sm font-semibold font-roboto\">\/<\/span>\n                                        <span class=\"text-white text-body-sm font-semibold font-roboto\">\n                                            01                                        <\/span>\n                                    <\/div>\n\n                                    <!-- Text block -->\n                                    <div class=\"max-w-[700px] flex flex-col gap-12\">\n                                                                                    <div class=\"hero-slide__content text-white\">\n                                                <h1>Elevate Your Sleep With <strong>DeRUCCI<\/strong><\/h1>\n<p>Experience unmatched comfort and support with our luxury mattresses and sleep essentials. Crafted for durability and designed for deep, rejuvenating rest.<\/p>\n                                            <\/div>\n                                        \n                                                                                    <div class=\"hero-slide__btn\">\n                                                <a href=\"https:\/\/derucci-dev.visibleone.dev\/about\/\"                                                     class=\"animation-button animation-button--black\">\n                                                    Learn More                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <!-- Scroll Down indicator -->\n        <button\n            class=\"hero-scroll absolute bottom-10 left-1\/2 -translate-x-1\/2 z-[5] flex flex-col items-center gap-2 cursor-pointer group\"\n            aria-label=\"Scroll to content\">\n            <span\n                class=\"text-white text-btn font-semibold font-roboto transition-colors duration-300 group-hover:text-gold-01\">\n                Scroll Down            <\/span>\n            <span class=\"block w-px h-14 bg-white transition-colors duration-300 group-hover:bg-gold-01 origin-top\"><\/span>\n        <\/button>\n\n        <!-- Pagination bars -->\n        \n    \n<\/div>\n\n\n<div id=\"derucci-usp-block_608d6a8305645fe927eae5942d03f646\" block-name=\"derucci-usp\"\n    class=\"derucci-usp container-full\">\n\n    <div class=\"bg-white py-15\">\n        <div class=\"container-lg\">\n\n            <div class=\"flex flex-col lg:flex-row justify-start items-stretch\">\n\n                                    \n                        <div class=\"flex-1 p-[30px] flex flex-col justify-start items-center gap-5 relative lg:after:content-[''] lg:after:absolute lg:after:top-[60px] lg:after:-translate-y-1\/2 lg:after:right-0 lg:after:translate-x-1\/2 lg:after:w-[60px] lg:after:h-[60px] lg:after:bg-contain lg:after:bg-center lg:after:bg-no-repeat lg:after:z-10 lg:after:[background-image:var(--usp-separator)] last:after:hidden\"\n                            style=\"--usp-separator: url('https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/Graphic.svg');\">\n\n                                                            <div class=\"size-[60px] flex items-center justify-center flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Chemistry.png\"\n                                        alt=\"\" class=\"size-[60px] object-contain\"\n                                        loading=\"lazy\">\n                                <\/div>\n                            \n                            <div class=\"w-full flex flex-col items-center gap-2.5\">\n\n                                                                    <p class=\"w-full text-center text-black-01 text-title\">\n                                        Science-Driven Research                                    <\/p>\n                                \n                                                                    <p class=\"w-full text-center text-black-03 text-body-md\">\n                                        Sleep solutions developed through continuous research and testing.                                    <\/p>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    \n                        <div class=\"flex-1 p-[30px] flex flex-col justify-start items-center gap-5 relative lg:after:content-[''] lg:after:absolute lg:after:top-[60px] lg:after:-translate-y-1\/2 lg:after:right-0 lg:after:translate-x-1\/2 lg:after:w-[60px] lg:after:h-[60px] lg:after:bg-contain lg:after:bg-center lg:after:bg-no-repeat lg:after:z-10 lg:after:[background-image:var(--usp-separator)] last:after:hidden\"\n                            style=\"--usp-separator: url('https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/Graphic.svg');\">\n\n                                                            <div class=\"size-[60px] flex items-center justify-center flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Bahan_copy.png\"\n                                        alt=\"\" class=\"size-[60px] object-contain\"\n                                        loading=\"lazy\">\n                                <\/div>\n                            \n                            <div class=\"w-full flex flex-col items-center gap-2.5\">\n\n                                                                    <p class=\"w-full text-center text-black-01 text-title\">\n                                        Integrated Sleep Systems                                    <\/p>\n                                \n                                                                    <p class=\"w-full text-center text-black-03 text-body-md\">\n                                        Mattresses, bedding, and accessories designed to work together.                                    <\/p>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    \n                        <div class=\"flex-1 p-[30px] flex flex-col justify-start items-center gap-5 relative lg:after:content-[''] lg:after:absolute lg:after:top-[60px] lg:after:-translate-y-1\/2 lg:after:right-0 lg:after:translate-x-1\/2 lg:after:w-[60px] lg:after:h-[60px] lg:after:bg-contain lg:after:bg-center lg:after:bg-no-repeat lg:after:z-10 lg:after:[background-image:var(--usp-separator)] last:after:hidden\"\n                            style=\"--usp-separator: url('https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/Graphic.svg');\">\n\n                                                            <div class=\"size-[60px] flex items-center justify-center flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Layer_1.png\"\n                                        alt=\"\" class=\"size-[60px] object-contain\"\n                                        loading=\"lazy\">\n                                <\/div>\n                            \n                            <div class=\"w-full flex flex-col items-center gap-2.5\">\n\n                                                                    <p class=\"w-full text-center text-black-01 text-title\">\n                                        Premium Craftsmanship                                    <\/p>\n                                \n                                                                    <p class=\"w-full text-center text-black-03 text-body-md\">\n                                        High-quality materials crafted for lasting comfort and durability.                                    <\/p>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    \n                        <div class=\"flex-1 p-[30px] flex flex-col justify-start items-center gap-5 relative lg:after:content-[''] lg:after:absolute lg:after:top-[60px] lg:after:-translate-y-1\/2 lg:after:right-0 lg:after:translate-x-1\/2 lg:after:w-[60px] lg:after:h-[60px] lg:after:bg-contain lg:after:bg-center lg:after:bg-no-repeat lg:after:z-10 lg:after:[background-image:var(--usp-separator)] last:after:hidden\"\n                            style=\"--usp-separator: url('https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/Graphic.svg');\">\n\n                                                            <div class=\"size-[60px] flex items-center justify-center flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Layer_1-1.png\"\n                                        alt=\"\" class=\"size-[60px] object-contain\"\n                                        loading=\"lazy\">\n                                <\/div>\n                            \n                            <div class=\"w-full flex flex-col items-center gap-2.5\">\n\n                                                                    <p class=\"w-full text-center text-black-01 text-title\">\n                                        Trusted Global Brand                                    <\/p>\n                                \n                                                                    <p class=\"w-full text-center text-black-03 text-body-md\">\n                                        Chosen by millions worldwide and publicly listed.                                    <\/p>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    \n                        <div class=\"flex-1 p-[30px] flex flex-col justify-start items-center gap-5 relative lg:after:content-[''] lg:after:absolute lg:after:top-[60px] lg:after:-translate-y-1\/2 lg:after:right-0 lg:after:translate-x-1\/2 lg:after:w-[60px] lg:after:h-[60px] lg:after:bg-contain lg:after:bg-center lg:after:bg-no-repeat lg:after:z-10 lg:after:[background-image:var(--usp-separator)] last:after:hidden\"\n                            style=\"--usp-separator: url('https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/Graphic.svg');\">\n\n                                                            <div class=\"size-[60px] flex items-center justify-center flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Capa_1.png\"\n                                        alt=\"\" class=\"size-[60px] object-contain\"\n                                        loading=\"lazy\">\n                                <\/div>\n                            \n                            <div class=\"w-full flex flex-col items-center gap-2.5\">\n\n                                                                    <p class=\"w-full text-center text-black-01 text-title\">\n                                        Better Sleep Commitment                                    <\/p>\n                                \n                                                                    <p class=\"w-full text-center text-black-03 text-body-md\">\n                                        Dedicated to improving sleep quality, every night.                                    <\/p>\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    \n                \n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n<div id=\"derucci-mattress-hero-block_5dac3ea57385e80565980e265e488540\" block-name=\"derucci-mattress-hero\" class=\"derucci-mattress-hero container-full\">\n    <div class=\"relative self-stretch h-[827px] overflow-hidden flex flex-col justify-start items-center\">\n\n        \n                            <video class=\"absolute inset-0 w-full h-full object-cover\" autoplay muted loop playsinline>\n                    <source src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/T11Plus-1.mp4\"\n                        type=\"video\/mp4\">\n                <\/video>\n\n            \n        \n        <div class=\"absolute inset-0 bg-gradient-to-l from-blue-950\/0 to-blue-950\"><\/div>\n\n        <div class=\"relative z-10 w-full h-full pt-20 pb-30 inline-flex flex-col justify-start items-center \">\n            <div class=\"w-full max-w-[600px] flex flex-col justify-start items-center gap-8\">\n                <div class=\"self-stretch flex flex-col justify-start items-center gap-3.5\">\n                    <div class=\"text-center justify-center text-white heading1\">\n                        DeRUCCI Mattress                    <\/div>\n\n                    <div class=\"self-stretch flex flex-col justify-start items-start gap-2.5\">\n                        <div class=\"self-stretch text-center justify-center text-white\/90 text-body-lg leading-7\">\n                            Designed for comfort. Crafted for lasting sleep.                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                    <a\n                        href=\"https:\/\/derucci-dev.visibleone.dev\/about\/\"\n                        target=\"_self\"\n                                                class=\"flex-shrink-0 animation-button animation-button--black\"\n                    >\n                        Explore Now                    <\/a>\n                            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n\n<section block-name=\"derucci-product-listing\" class=\"derucci-product-listing py-5 lg:py-10\">\n    <div class=\"container-lg\">\n        <div class=\"product-listing-wrapper\">\n            <h2 class=\"sr-only\">Product Listing<\/h2>\n\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-10\">\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/apollo-extra-firm-skin-friendly-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/4ba4ab8edda9d111090b78f8089f0edd06eb4625-1.png\" alt=\"Apollo Extra Firm Skin-friendly Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/apollo-extra-firm-skin-friendly-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/apollo-extra-firm-skin-friendly-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MZZ4-055A                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                Apollo Extra Firm Skin-friendly Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/venice-7-zone-support-latex-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/7b75a7f5d8238a0fde9d9e6d95a9e64acefc9ba8.png\" alt=\"VENICE 7-Zone Support Latex Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/venice-7-zone-support-latex-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/venice-7-zone-support-latex-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MZZ4-111                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                VENICE 7-Zone Support Latex Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/garda-3-zone-independent-coils-and-natural-latex-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/81fb8264d359a94d1a9ec5e5950f833e7b1c242d.png\" alt=\"Garda 3 Zone Independent Coils and Natural Latex Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/garda-3-zone-independent-coils-and-natural-latex-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/garda-3-zone-independent-coils-and-natural-latex-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MZZ4-167                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                Garda 3 Zone Independent Coils and Natural Latex Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/pulilie-extra-soft-gel-memory-foam-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/904abc3c61e7c237871528e0d226da0322a8fa85.png\" alt=\"Pulilie Extra Soft Gel Memory Foam Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/pulilie-extra-soft-gel-memory-foam-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/pulilie-extra-soft-gel-memory-foam-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MZZ4-638B                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                Pulilie Extra Soft Gel Memory Foam Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/aurina-natural-latex-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/313831983dd86ba8a4100d0c534ff127ccee3693.png\" alt=\"Aurina Natural Latex Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/aurina-natural-latex-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/aurina-natural-latex-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MZZ4-818B                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                Aurina Natural Latex Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"block group relative cursor-pointer\"\n                        onclick=\"window.location='https:\/\/derucci-dev.visibleone.dev\/en\/product\/cocoon-natural-latex-mattress\/'\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/dda1b00dadc6f4477d04c5c46eeb42317738fd4b.png\" alt=\"Cocoon Natural Latex Mattress\"\n                                class=\"aspect-square object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n                            <div\n                                class=\"h-full w-full flex items-end justify-center absolute left-0 -bottom-full group-hover:bottom-[50px] transitiona-all duration-300 ease-out z-[2]\">\n                                <div class=\"flex items-center gap-[10px]\">\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/cocoon-natural-latex-mattress\/\"\n                                        class=\"inline-flex items-center justify-center w-10 h-10 bg-blue-02 hover:bg-blue-05 group\/eye\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"15\" viewBox=\"0 0 21 15\"\n                                            fill=\"none\">\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 0.5C4.92075 0.5 1.89575 4.734 0.820751 6.616C0.599751 7.002 0.489751 7.196 0.500751 7.484C0.513751 7.772 0.643751 7.96 0.902751 8.336C2.18275 10.194 5.65875 14.5 10.3648 14.5C15.0708 14.5 18.5468 10.194 19.8268 8.336C20.0868 7.96 20.2168 7.772 20.2278 7.484C20.2388 7.196 20.1298 7.002 19.9088 6.616C18.8348 4.734 15.8088 0.5 10.3648 0.5Z\"\n                                                stroke=\"white\" \/>\n                                            <path class=\"group-hover\/eye:stroke-black-01\"\n                                                d=\"M10.3648 10.5C12.0216 10.5 13.3648 9.15685 13.3648 7.5C13.3648 5.84315 12.0216 4.5 10.3648 4.5C8.7079 4.5 7.36475 5.84315 7.36475 7.5C7.36475 9.15685 8.7079 10.5 10.3648 10.5Z\"\n                                                stroke=\"white\" \/>\n                                        <\/svg>\n                                    <\/a>\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/product\/cocoon-natural-latex-mattress\/?tab=request\"\n                                        class=\"inline-block py-[9px] px-5 text-btn text-white hover:text-black-02 bg-blue-02 hover:bg-blue-05\">\n                                        Request a Quote                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 text-center\">\n                            <p class=\"text-caption text-black-03 pb-[10px]\">\n                                MOS1-031                            <\/p>\n                            <h5 class=\"heading5 text-black-01 group-hover:text-blue-02\">\n                                Cocoon Natural Latex Mattress                            <\/h5>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n                            <div class=\"mt-5 lg:mt-8 xl:mt-10 flex justify-center\">\n\n                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/product\/\" target=\"\"                         class=\"flex-shrink-0 animation-button animation-button--white\">\n                        View All                    <\/a>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<div id=\"derucci-banner-block_d15a70cdcec02717c4493095c213a821\" block-name=\"derucci-banner\" class=\"derucci-banner\">\n\n    <div class=\"relative h-[600px] w-full overflow-hidden flex flex-col justify-center items-center container-full\">\n\n        \n                            <video class=\"absolute inset-0 w-full h-full object-cover\" autoplay muted loop playsinline>\n                    <source src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/custom.mp4\"\n                        type=\"video\/mp4\">\n                <\/video>\n\n            \n        \n        <div class=\"absolute inset-0 bg-black\/60\"><\/div>\n\n\n        <div class=\"relative z-10 container-md flex flex-col justify-center items-center gap-10 w-full\">\n                            <p class=\"w-full text-center text-white heading1\">\n                    To Help People Sleep Better                <\/p>\n            \n                            <p class=\"w-full text-center text-white\/70 heading6\">\n                    DeRUCCI                <\/p>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<section block-name=\"derucci-other-collections\" class=\"pb-[60px] md:pb-20 xl:pb-[120px] bg-black-05 overflow-hidden\">\n    <div class=\"container-lg\">\n        \n<div class=\"relative flex w-full max-w-full items-center justify-center overflow-hidden pb-10\">\n\t\t\t<div\n\t\t\tclass=\"absolute inset-x-0 top-[44px] sm:top-[36px] md:top-[52px] lg:top-[44px] xl:top-[67px] z-0 flex justify-center px-4 md:px-5 pointer-events-none select-none\">\n\t\t\t\t\t\t\t<p class=\"min-w-0 max-w-full truncate text-center uppercase font-black titlelg leading-none opacity-20\"\n\t\t\t\t\tstyle=\"color: transparent; -webkit-text-stroke: 2px #DFCCB3;paint-order: stroke;\">\n\t\t\t\t\tCollections\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\n\t\t\t<h2 class=\"relative z-10 w-full text-center text-black-01 heading2 pt-[60px]\n\t\t\tmd:pt-20 xl:pt-[120px]\">\n\t\t\tOther Collections\t\t<\/h2>\n\t<\/div>\n                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-10\">\n                                                        <a href=\"https:\/\/derucci-dev.visibleone.dev\/bed\/\" target=\"\"  class=\"block group relative\">\n                        <div class=\"relative overflow-hidden\">\n                            <div\n                                class=\"bg-[#54473F00] group-hover:bg-[#00000080] w-full h-full absolute left-0 top-0 z-[1] duration-300 ease-out\">\n                            <\/div>\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/fdfb5ce79d744f49e020074f919d0703979fb5a4.png\" alt=\"\"\n                                class=\"aspect-[560\/560] object-cover w-full group-hover:scale-[1.05] duration-300 ease-out\" \/>\n\n                            <div\n                                class=\"h-[60px] w-[1px] bg-gold-00 absolute left-1\/2 -top-full group-hover:top-1\/2 -translate-x-1\/2 group-hover:-translate-y-1\/2 duration-300 ease-out z-[2]\">\n                            <\/div>\n                            <div\n                                class=\"h-[60px] w-[1px] rotate-90 bg-gold-00 absolute -left-full group-hover:left-1\/2 top-1\/2 group-hover:-translate-x-1\/2 -translate-y-1\/2 duration-300 ease-out z-[2]\">\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"heading5 text-black-01 group-hover:text-blue-02 p-5 text-center\">\n                            Bed                        <\/h3>\n                    <\/a>\n                            <\/div>\n            <\/div>\n<\/section>\n\n\n<section\n\tid=\"derucci-get-in-touch-block_d7528b8582c5082c227eacb25de10dd8\"\n\tblock-name=\"derucci-get-in-touch\"\n\tclass=\"derucci-get-in-touch\"\n\t data-gform-id=\"1\">\n\t<div class=\"derucci-get-in-touch__bg\" aria-hidden=\"true\">\n\t\t\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Frame-1000013847.png\"\n\t\t\t\talt=\"\"\n\t\t\t\tclass=\"derucci-get-in-touch__bg-img\"\n\t\t\t\tloading=\"lazy\"\n\t\t\t\tdecoding=\"async\"\n\t\t\t\/>\n\t\t\t\t<div class=\"derucci-get-in-touch__gradient\"><\/div>\n\t<\/div>\n\n\t<div class=\"relative z-10 container-md py-16 md:py-20 2xl:py-25\">\n\t\t<div class=\"derucci-get-in-touch__panel max-w-[650px] w-full flex flex-col gap-[30px]\">\n\t\t\t<div class=\"derucci-get-in-touch__intro flex flex-col gap-[10px] text-white\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"heading2 text-white m-0\">\n\t\t\t\t\t\tGet in Touch\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"text-body-md text-white m-0\">\n\t\t\t\t\t\tHave questions or need assistance? We&#039;re here to help. Reach out to us for expert advice on finding the perfect sleep essentials.\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"derucci-get-in-touch__form-wrap\">\n\t\t\t\t<script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_1' ><style>#gform_wrapper_1[data-form-index=\"0\"].gform-theme,[data-parent-form=\"1_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_1' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_1' id='gform_1'  action='\/en\/wp-json\/wp\/v2\/pages\/805#gf_1' data-formid='1' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_1_10\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_10'>Product ID<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_1_10' type='text' value='' class='large'    placeholder='Product ID' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_11\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_11'>Product Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_1_11' type='text' value='' class='large'    placeholder='Product Name' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_8\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_8'>Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_8' id='input_1_8' type='text' value='' class='large'    placeholder='e.g., Joe Chan' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_2'>Email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='large'   placeholder='Joe@mail.com' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_1_9\" class=\"gfield gfield--type-telephone gfield--input-type-telephone gfield--width-half field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_9'>Contact Number<\/label><input type='hidden' name='phone_check' class='phone_check' \/><div class='ginput_container ginput_container_telephone'><input data-name='input_9' id='input_1_9' type='text' value='' class='large gf-telephone'  placeholder='1234 56789'  data-onlyct=\"\" data-pre=\"\" data-auto=\"\" data-defcountry=\"hk\" data-validation=\"\"  aria-invalid=\"false\"  \/><\/div><\/div><div id=\"field_1_12\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_12'>Nearest Store<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_12' id='input_1_12' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>Please select the nearest store to you<\/option><option value='Please select the nearest store to you' >Please select the nearest store to you<\/option><option value='First Choice' >First Choice<\/option><option value='Second Choice' >Second Choice<\/option><option value='Third Choice' >Third Choice<\/option><\/select><\/div><\/div><div id=\"field_1_3\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_3'>Your Message<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_3' id='input_1_3' class='textarea medium'   maxlength='600' placeholder='I would like to ask about....' aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_1_7\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label screen-reader-text gfield_label_before_complex' ><\/legend><div class='ginput_container ginput_container_consent'><input name='input_7.1' id='input_1_7_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_1_7_1' >Please click here to view our <a href=\"\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a> and <a href=\"\/terms-of-use\/\" target=\"_blank\" rel=\"noopener\">Terms of Use<\/a> which will also be applicable to your enquiry.<\/label><input type='hidden' name='input_7.2' value='Please click here to view our &lt;a href=&quot;\/privacy-policy\/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Privacy Policy&lt;\/a&gt; and &lt;a href=&quot;\/terms-of-use\/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Terms of Use&lt;\/a&gt; which will also be applicable to your enquiry.' class='gform_hidden' \/><input type='hidden' name='input_7.3' value='1' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Make a Request'  \/> <input type='hidden' name='gform_ajax' value='form_id=1&amp;title=&amp;description=&amp;tabindex=0&amp;theme=orbital&amp;hash=d85c9db5471afd49c8b0aafa8479cec6' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='0ZN\/TrNmdiPkrrVFO6lMLhanlwj+AggM5D0DKaa8FvLfHnixI3hORdVbI2TeJ438tVex3iwyORl2ZWJFNP24nmSXhUWT4xDZDIcxG8d9F5+4WPM=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCIxMlwiOltcIjVkYTNmYTFjMzE2YWJkNjhlN2QzZWI4ZmJlZGI2YjEzXCIsXCI0N2E3Y2YzOGI4MTY5MmFiZDM3YmEzMGQwNjkzMjNiNVwiLFwiZjg2ZWZlNWJmNjk0ODkxODlkZTI5ZGM5ZTUzNGQ3ZDdcIixcImJhMzM3NWRkMTE1NGUxMDQ2MmQzODdkZTViZWMzOGY4XCJdLFwiNy4xXCI6XCIzNmZmMTliOTcyZDNkZTUwMzI4YjMxYTg5NzcwODBhN1wiLFwiNy4yXCI6XCI4M2IxNWFkMTc0Mzg4YjE0ZmU3ZWVlMDBlODQ3MjM2MVwiLFwiNy4zXCI6XCIzNmZmMTliOTcyZDNkZTUwMzI4YjMxYTg5NzcwODBhN1wifSIsImI4NDI3YjUyY2Q5NDk5NjJkNjY5ZmNhNDFjOWU4MjM4Il0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/derucci-dev.visibleone.dev\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/derucci-dev.visibleone.dev\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"1\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n<div id=\"derucci-testimonials-block_4478537b8bb462d056e018a83f866b6a\" block-name=\"derucci-testimonials\"\n    class=\"derucci-testimonials container-full relative overflow-hidden\">\n    <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/testimonial-right-dot.svg\"\n        alt=\"dot image\"\n        class=\"absolute top-0 6xl:right-0 3xl:right-[-4rem] lg:right-[-10rem] right-[-2.5em] w-[147px] lg:w-auto\" \/>\n    <div class=\"relative py-[60px] lg:py-30   overflow-hidden\">\n\n        \n        <div class=\"container-md flex flex-col gap-10\">\n\n            <!-- Section header -->\n            <div class=\"relative flex items-center justify-center h-16 overflow-visible\">\n\n                <p class=\"absolute text-center uppercase font-black top-[10px] xs:top-0 lg:-top-10 titlelg leading-none select-none pointer-events-none whitespace-nowrap opacity-20\"\n                    style=\"color: #FFFF; -webkit-text-stroke: 3px #DFCCB3; paint-order: stroke;\">\n                    Testimonials                <\/p>\n\n                <p class=\"relative z-10 w-full text-center text-black-01 heading2\">\n                    What&#039;s Our Valued Customers Say                <\/p>\n            <\/div>\n\n            <!-- Swiper slider -->\n            <div class=\"flex flex-col gap-10 \">\n\n                <div id=\"swiper-block_4478537b8bb462d056e018a83f866b6a\" class=\"swiper w-full\">\n                    <!-- Equal-height technique: !h-[inherit] + items-stretch on wrapper -->\n                    <div class=\"swiper-wrapper !h-[inherit] items-stretch\">\n\n                                                    <!-- Equal-height technique: !h-[inherit] on each slide -->\n                            <div class=\"swiper-slide !h-[inherit]\">\n                                <!-- h-full + flex flex-col justify-between fills slide and pushes author to bottom -->\n                                <div\n                                    class=\"h-full p-5 lg:p-10 bg-gold-06 rounded flex flex-col justify-between gap-10 overflow-hidden\">\n\n                                    <!-- Top: icon + quote -->\n                                    <div class=\"flex flex-col gap-10\">\n                                        <!-- Quote icon -->\n\n                                        <svg class=\" w-12 h-7 lg:w-16 lg:h-12 flex-shrink-0\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"70\" height=\"49\" viewBox=\"0 0 70 49\"\n                                            fill=\"none\">\n                                            <path\n                                                d=\"M38.1649 33.4299C38.1649 30.7433 38.4131 27.8735 38.9096 24.8206C39.4681 21.7065 40.3059 18.6536 41.4229 15.6617C42.602 12.6087 44.0913 9.73894 45.891 7.05234C47.7527 4.30467 49.9867 1.95389 52.5931 0L62.7394 6.96075C61.0018 8.91464 59.6986 10.7769 58.8298 12.5477C57.961 14.3184 57.2784 16.0891 56.7819 17.8598C58.6436 18.1651 60.3812 18.8062 61.9947 19.7832C63.6082 20.6991 65.0044 21.8592 66.1835 23.2635C67.3626 24.6069 68.2934 26.1639 68.9761 27.9346C69.6587 29.6442 70 31.476 70 33.4299C70 35.567 69.5656 37.5819 68.6968 39.4748C67.8901 41.3065 66.742 42.9551 65.2527 44.4206C63.8254 45.8249 62.1498 46.9545 60.2261 47.8093C58.3023 48.6031 56.2855 49 54.1755 49C51.9415 49 49.8316 48.6031 47.8457 47.8093C45.922 46.9545 44.2154 45.8249 42.7261 44.4206C41.2988 42.9551 40.1817 41.3065 39.375 39.4748C38.5683 37.5819 38.1649 35.567 38.1649 33.4299ZM0 33.4299C0 30.7433 0.248227 27.8735 0.744681 24.8206C1.30319 21.7065 2.14096 18.6536 3.25798 15.6617C4.43706 12.6087 5.95745 9.73894 7.81915 7.05234C9.68085 4.30467 11.9149 1.95389 14.5213 0L24.5745 6.96075C22.8369 8.91464 21.5337 10.7769 20.6649 12.5477C19.8582 14.3184 19.2066 16.0891 18.7101 17.8598C20.5718 18.1651 22.3094 18.8062 23.9229 19.7832C25.5363 20.6991 26.9016 21.8592 28.0186 23.2635C29.1977 24.6069 30.1285 26.1639 30.8112 27.9346C31.4938 29.6442 31.8351 31.476 31.8351 33.4299C31.8351 35.567 31.4007 37.5819 30.5319 39.4748C29.7252 41.3065 28.5771 42.9551 27.0878 44.4206C25.6605 45.8249 23.9849 46.9545 22.0612 47.8093C20.1374 48.6031 18.1206 49 16.0106 49C13.7766 49 11.6667 48.6031 9.68085 47.8093C7.75709 46.9545 6.08156 45.8249 4.65426 44.4206C3.22695 42.9551 2.0789 41.3065 1.21011 39.4748C0.403369 37.5819 0 35.567 0 33.4299Z\"\n                                                fill=\"#333333\" \/>\n                                        <\/svg>\n\n                                                                                    <p class=\"pl-5 text-black-03 text-body-lg\">\n                                                Lorem ipsum dolor sit amet consectetur. Massa at platea dignissim tincidunt ut integer. Sed mauris molestie id risus lectus. Ut malesuada praesent ut purus. Pretium eu.                                            <\/p>\n                                                                            <\/div>\n\n                                    <!-- Bottom: author (always pinned to bottom via justify-between) -->\n                                    <div class=\"pl-5 flex justify-end items-center\">\n\n                                                                                    <div class=\"pr-6 flex-shrink-0\">\n                                                <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Container-2.png\"\n                                                    alt=\"Emily\"\n                                                    class=\" w-11 h-11 lg:w-20 lg:h-20 rounded-full object-cover\" loading=\"lazy\">\n                                            <\/div>\n                                        \n                                        <div class=\"flex-1 flex flex-col gap-[5px]\">\n                                                                                            <p class=\"text-black-01 heading6\">\n                                                    Emily                                                <\/p>\n                                                                                                                                        <p class=\"text-gold-00 text-body-sm\">\n                                                    Director of A Company                                                <\/p>\n                                                                                    <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                                                    <!-- Equal-height technique: !h-[inherit] on each slide -->\n                            <div class=\"swiper-slide !h-[inherit]\">\n                                <!-- h-full + flex flex-col justify-between fills slide and pushes author to bottom -->\n                                <div\n                                    class=\"h-full p-5 lg:p-10 bg-gold-06 rounded flex flex-col justify-between gap-10 overflow-hidden\">\n\n                                    <!-- Top: icon + quote -->\n                                    <div class=\"flex flex-col gap-10\">\n                                        <!-- Quote icon -->\n\n                                        <svg class=\" w-12 h-7 lg:w-16 lg:h-12 flex-shrink-0\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"70\" height=\"49\" viewBox=\"0 0 70 49\"\n                                            fill=\"none\">\n                                            <path\n                                                d=\"M38.1649 33.4299C38.1649 30.7433 38.4131 27.8735 38.9096 24.8206C39.4681 21.7065 40.3059 18.6536 41.4229 15.6617C42.602 12.6087 44.0913 9.73894 45.891 7.05234C47.7527 4.30467 49.9867 1.95389 52.5931 0L62.7394 6.96075C61.0018 8.91464 59.6986 10.7769 58.8298 12.5477C57.961 14.3184 57.2784 16.0891 56.7819 17.8598C58.6436 18.1651 60.3812 18.8062 61.9947 19.7832C63.6082 20.6991 65.0044 21.8592 66.1835 23.2635C67.3626 24.6069 68.2934 26.1639 68.9761 27.9346C69.6587 29.6442 70 31.476 70 33.4299C70 35.567 69.5656 37.5819 68.6968 39.4748C67.8901 41.3065 66.742 42.9551 65.2527 44.4206C63.8254 45.8249 62.1498 46.9545 60.2261 47.8093C58.3023 48.6031 56.2855 49 54.1755 49C51.9415 49 49.8316 48.6031 47.8457 47.8093C45.922 46.9545 44.2154 45.8249 42.7261 44.4206C41.2988 42.9551 40.1817 41.3065 39.375 39.4748C38.5683 37.5819 38.1649 35.567 38.1649 33.4299ZM0 33.4299C0 30.7433 0.248227 27.8735 0.744681 24.8206C1.30319 21.7065 2.14096 18.6536 3.25798 15.6617C4.43706 12.6087 5.95745 9.73894 7.81915 7.05234C9.68085 4.30467 11.9149 1.95389 14.5213 0L24.5745 6.96075C22.8369 8.91464 21.5337 10.7769 20.6649 12.5477C19.8582 14.3184 19.2066 16.0891 18.7101 17.8598C20.5718 18.1651 22.3094 18.8062 23.9229 19.7832C25.5363 20.6991 26.9016 21.8592 28.0186 23.2635C29.1977 24.6069 30.1285 26.1639 30.8112 27.9346C31.4938 29.6442 31.8351 31.476 31.8351 33.4299C31.8351 35.567 31.4007 37.5819 30.5319 39.4748C29.7252 41.3065 28.5771 42.9551 27.0878 44.4206C25.6605 45.8249 23.9849 46.9545 22.0612 47.8093C20.1374 48.6031 18.1206 49 16.0106 49C13.7766 49 11.6667 48.6031 9.68085 47.8093C7.75709 46.9545 6.08156 45.8249 4.65426 44.4206C3.22695 42.9551 2.0789 41.3065 1.21011 39.4748C0.403369 37.5819 0 35.567 0 33.4299Z\"\n                                                fill=\"#333333\" \/>\n                                        <\/svg>\n\n                                                                                    <p class=\"pl-5 text-black-03 text-body-lg\">\n                                                Lorem ipsum dolor sit amet consectetur. Massa at platea dignissim tincidunt ut integer. Sed mauris molestie id risus lectus. Ut malesuada praesent ut purus. Pretium eu.                                            <\/p>\n                                                                            <\/div>\n\n                                    <!-- Bottom: author (always pinned to bottom via justify-between) -->\n                                    <div class=\"pl-5 flex justify-end items-center\">\n\n                                                                                    <div class=\"pr-6 flex-shrink-0\">\n                                                <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Container.png\"\n                                                    alt=\"Sophia\"\n                                                    class=\" w-11 h-11 lg:w-20 lg:h-20 rounded-full object-cover\" loading=\"lazy\">\n                                            <\/div>\n                                        \n                                        <div class=\"flex-1 flex flex-col gap-[5px]\">\n                                                                                            <p class=\"text-black-01 heading6\">\n                                                    Sophia                                                <\/p>\n                                                                                                                                        <p class=\"text-gold-00 text-body-sm\">\n                                                    Director of A Company                                                <\/p>\n                                                                                    <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                                                    <!-- Equal-height technique: !h-[inherit] on each slide -->\n                            <div class=\"swiper-slide !h-[inherit]\">\n                                <!-- h-full + flex flex-col justify-between fills slide and pushes author to bottom -->\n                                <div\n                                    class=\"h-full p-5 lg:p-10 bg-gold-06 rounded flex flex-col justify-between gap-10 overflow-hidden\">\n\n                                    <!-- Top: icon + quote -->\n                                    <div class=\"flex flex-col gap-10\">\n                                        <!-- Quote icon -->\n\n                                        <svg class=\" w-12 h-7 lg:w-16 lg:h-12 flex-shrink-0\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"70\" height=\"49\" viewBox=\"0 0 70 49\"\n                                            fill=\"none\">\n                                            <path\n                                                d=\"M38.1649 33.4299C38.1649 30.7433 38.4131 27.8735 38.9096 24.8206C39.4681 21.7065 40.3059 18.6536 41.4229 15.6617C42.602 12.6087 44.0913 9.73894 45.891 7.05234C47.7527 4.30467 49.9867 1.95389 52.5931 0L62.7394 6.96075C61.0018 8.91464 59.6986 10.7769 58.8298 12.5477C57.961 14.3184 57.2784 16.0891 56.7819 17.8598C58.6436 18.1651 60.3812 18.8062 61.9947 19.7832C63.6082 20.6991 65.0044 21.8592 66.1835 23.2635C67.3626 24.6069 68.2934 26.1639 68.9761 27.9346C69.6587 29.6442 70 31.476 70 33.4299C70 35.567 69.5656 37.5819 68.6968 39.4748C67.8901 41.3065 66.742 42.9551 65.2527 44.4206C63.8254 45.8249 62.1498 46.9545 60.2261 47.8093C58.3023 48.6031 56.2855 49 54.1755 49C51.9415 49 49.8316 48.6031 47.8457 47.8093C45.922 46.9545 44.2154 45.8249 42.7261 44.4206C41.2988 42.9551 40.1817 41.3065 39.375 39.4748C38.5683 37.5819 38.1649 35.567 38.1649 33.4299ZM0 33.4299C0 30.7433 0.248227 27.8735 0.744681 24.8206C1.30319 21.7065 2.14096 18.6536 3.25798 15.6617C4.43706 12.6087 5.95745 9.73894 7.81915 7.05234C9.68085 4.30467 11.9149 1.95389 14.5213 0L24.5745 6.96075C22.8369 8.91464 21.5337 10.7769 20.6649 12.5477C19.8582 14.3184 19.2066 16.0891 18.7101 17.8598C20.5718 18.1651 22.3094 18.8062 23.9229 19.7832C25.5363 20.6991 26.9016 21.8592 28.0186 23.2635C29.1977 24.6069 30.1285 26.1639 30.8112 27.9346C31.4938 29.6442 31.8351 31.476 31.8351 33.4299C31.8351 35.567 31.4007 37.5819 30.5319 39.4748C29.7252 41.3065 28.5771 42.9551 27.0878 44.4206C25.6605 45.8249 23.9849 46.9545 22.0612 47.8093C20.1374 48.6031 18.1206 49 16.0106 49C13.7766 49 11.6667 48.6031 9.68085 47.8093C7.75709 46.9545 6.08156 45.8249 4.65426 44.4206C3.22695 42.9551 2.0789 41.3065 1.21011 39.4748C0.403369 37.5819 0 35.567 0 33.4299Z\"\n                                                fill=\"#333333\" \/>\n                                        <\/svg>\n\n                                                                                    <p class=\"pl-5 text-black-03 text-body-lg\">\n                                                Lorem ipsum dolor sit amet consectetur. Massa at platea dignissim tincidunt ut integer. Sed mauris molestie id risus lectus. Ut malesuada praesent ut purus. Pretium eu.                                            <\/p>\n                                                                            <\/div>\n\n                                    <!-- Bottom: author (always pinned to bottom via justify-between) -->\n                                    <div class=\"pl-5 flex justify-end items-center\">\n\n                                                                                    <div class=\"pr-6 flex-shrink-0\">\n                                                <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/Container-1.png\"\n                                                    alt=\"Daniel\"\n                                                    class=\" w-11 h-11 lg:w-20 lg:h-20 rounded-full object-cover\" loading=\"lazy\">\n                                            <\/div>\n                                        \n                                        <div class=\"flex-1 flex flex-col gap-[5px]\">\n                                                                                            <p class=\"text-black-01 heading6\">\n                                                    Daniel                                                <\/p>\n                                                                                                                                        <p class=\"text-gold-00 text-body-sm\">\n                                                    Director of A Company                                                <\/p>\n                                                                                    <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                        \n                    <\/div>\n                <\/div>\n\n                <!-- Pagination: active pill = wide dark navy, inactive = short muted -->\n                <div id=\"swiper-block_4478537b8bb462d056e018a83f866b6a-pagination\"\n                    class=\"flex justify-center items-center gap-2.5\"><\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    (function () {\n        var el = document.getElementById('swiper-block_4478537b8bb462d056e018a83f866b6a');\n        if (!el || typeof Swiper === 'undefined') return;\n\n        var paginationEl = document.getElementById('swiper-block_4478537b8bb462d056e018a83f866b6a-pagination');\n\n        \/\/ Pill colours matching the design\n        var COLOR_ACTIVE = '#11244B'; \/\/ blue-01\n        var COLOR_INACTIVE = '#11244B'; \/\/ same colour, different opacity\n\n        new Swiper(el, {\n            slidesPerView: 1,\n            spaceBetween: 24,\n            loop: false,\n            watchSlidesProgress: true,\n            speed: 500,\n            breakpoints: {\n                768: { slidesPerView: 1, spaceBetween: 24 },\n                1024: { slidesPerView: 2, spaceBetween: 40 },\n                1200: { slidesPerView: 3, spaceBetween: 40 }\n            },\n            pagination: {\n                el: paginationEl,\n                clickable: true,\n                renderBullet: function (index, className) {\n                    return (\n                        '<button class=\"' + className + '\"' +\n                        ' style=\"display:block;height:6px;border-radius:100px;border:0;padding:0;cursor:pointer;' +\n                        'background:' + COLOR_ACTIVE + ';transition:width 0.3s ease,opacity 0.3s ease;\">' +\n                        '<\/button>'\n                    );\n                }\n            },\n            on: {\n                init: function (s) { updatePills(s); },\n                slideChange: function (s) { updatePills(s); }\n            }\n        });\n\n        function updatePills(swiper) {\n            if (!paginationEl) return;\n            paginationEl.querySelectorAll('button').forEach(function (btn, i) {\n                if (i === swiper.realIndex) {\n                    btn.style.width = '96px'; \/\/ active: wide pill\n                    btn.style.opacity = '1';\n                } else {\n                    btn.style.width = '24px'; \/\/ inactive: short pill\n                    btn.style.opacity = '0.4';\n                }\n            });\n        }\n    })();\n<\/script>\n\n\n<div id=\"derucci-sleep-luxury-block_9669d676fafc0345d2d6f6da61162bb1\" block-name=\"derucci-sleep-luxury\"\n    class=\"derucci-sleep-luxury container-full\">\n\n        <div class=\"relative container-md derucci-sleep-wrapper\" style=\"overflow: visible;\">\n\n        <!-- Shared background: tall enough to visually cover this block + WhatsNew below -->\n        <div class=\"absolute  w-[60%] md:w-[40%] h-auto top-[90%]  md:-top-[60%] -left-[20%] pointer-events-none select-none\"\n            style=\" z-index: 0;\" aria-hidden=\"true\">\n            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/background.png\" alt=\"\" class=\"w-full h-full object-cover object-top \">\n        <\/div>\n\n        <!-- CTA bar \u2014 sits on top of the shared background -->\n        <div class=\"relative z-10 bg-black px-20 inner-wrapper\">\n            <div class=\"py-[32px] md:py-7 flex flex-col md:flex-row justify-between items-center gap-[26px] md:gap-8\">\n\n                <!-- Label + tagline -->\n                <div\n                    class=\"flex flex-col md:flex-row items-baseline md:items-center gap-[26px] md:gap-24 flex-1 lable-tagline-container\">\n\n                                            <p class=\"text-gold-01 heading4 whitespace-nowrap label-title\">\n                            Sleep in Luxury                        <\/p>\n                    \n                                            <p class=\"text-white heading6 label-description\">\n                            Experience luxury handcrafted, bespoke beds.                        <\/p>\n                    \n                <\/div>\n\n                <!-- Button -->\n                                    <a href=\"#\" target=\"_self\"                         class=\"flex-shrink-0 animation-button animation-button--black\">Learn More<\/a>\n                \n            <\/div>\n        <\/div>\n\n        \n    <\/div>\n\n<\/div>\n\n\n<div id=\"derucci-whats-new-block_4a29f230eadfe1f05c115c21ef096e43\" block-name=\"derucci-whats-new\"\n    class=\"derucci-whats-new container-full whatnew-container relative overflow-x-hidden\">\n    <div class=\"relative py-15 lg:py-30 overflow-hidden\">\n\n        <!-- Decorative background \u2014 top-left (partially off-screen, connects to SleepInLuxury above) -->\n        <!-- <img decoding=\"async\"\n            src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/background.png\"\n            alt=\"\"\n            aria-hidden=\"true\"\n            class=\"absolute pointer-events-none select-none w-[694px] h-auto\"\n            style=\"left: -392px; top: -266px;\"\n        > -->\n\n        <!-- Decorative background \u2014 bottom-right (partially off-screen) -->\n        <!-- <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/home\/background.png\" alt=\"\" aria-hidden=\"true\"\n            class=\"absolute pointer-events-none select-none size-auto what-right-bottom-dot\"> -->\n\n        <img decoding=\"async\" class=\" absolute w-[42%] sm:w-[20%] md:w-[18%] lg:w-[15%] h-auto object-contain pointer-events-none opacity-80 what-right-bottom-dot\"\n            src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/themes\/de-rucci\/public\/images\/about\/background_content.png\"\n            alt=\"Background Content Decoration\" \/>\n\n        <div class=\"container-md flex flex-col gap-10\">\n\n            <!-- Section header -->\n            <div class=\"relative flex items-center justify-center h-16 overflow-visible\">\n\n                                    <p class=\"absolute text-center uppercase font-black top-0 sm:top-[-25px] lg:-top-[2.85rem] titlelg leading-none select-none pointer-events-none whitespace-nowrap opacity-20\"\n                        style=\"color: #FFFF; -webkit-text-stroke: 3px #DFCCB3; paint-order: stroke;\">\n                        News                    <\/p>\n                \n                                    <p class=\"relative z-10 w-full text-center text-black-01 heading2\">\n                        What&#039;s New                    <\/p>\n                \n            <\/div>\n\n            <!-- Cards grid -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/latest-update\/promo-the-art-of-better-sleep-stories-science-and-comfort\/\" class=\"group flex flex-col gap-5\">\n\n                        <!-- Image -->\n                        <div class=\"relative w-full aspect-[450\/350] overflow-hidden rounded\">\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/ffee8301f61037c2aea9b17dd8255b4eb5045ad0.jpg\" alt=\"The Art of Better Sleep: Stories, Science, and Comfort\"\n                                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                loading=\"lazy\">\n                            <!-- Hover overlay -->\n                            <div\n                                class=\"absolute inset-0 bg-black-01\/0 group-hover:bg-black-01\/20 transition-colors duration-300\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Meta + title -->\n                        <div class=\"flex flex-col gap-2.5\">\n\n                            <!-- Date \u00b7 Category -->\n                            <div class=\"flex items-center gap-2.5\">\n                                <span class=\"text-black-01 text-body-sm\">\n                                    6 Jun 2026                                <\/span>\n                                <span class=\"text-black-01 text-body-sm\">\u00b7<\/span>\n                                <span class=\"text-gold-01 text-body-sm\">\n                                    Promotions                                <\/span>\n                            <\/div>\n\n                            <!-- Title -->\n                            <p class=\"text-black-01 text-title group-hover:text-blue-02\">\n                                Promo The Art of Better Sleep: Stories, Science, and Comfort                            <\/p>\n\n                        <\/div>\n\n                    <\/a>\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/latest-update\/promo-living-well-sleeping-better-insights-for-a-restful-life\/\" class=\"group flex flex-col gap-5\">\n\n                        <!-- Image -->\n                        <div class=\"relative w-full aspect-[450\/350] overflow-hidden rounded\">\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/596deab927f49b3e765867983eec9b96ca926edb.jpg\" alt=\"Promo Living Well, Sleeping Better: Insights for a Restful Life\"\n                                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                loading=\"lazy\">\n                            <!-- Hover overlay -->\n                            <div\n                                class=\"absolute inset-0 bg-black-01\/0 group-hover:bg-black-01\/20 transition-colors duration-300\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Meta + title -->\n                        <div class=\"flex flex-col gap-2.5\">\n\n                            <!-- Date \u00b7 Category -->\n                            <div class=\"flex items-center gap-2.5\">\n                                <span class=\"text-black-01 text-body-sm\">\n                                    6 Jun 2026                                <\/span>\n                                <span class=\"text-black-01 text-body-sm\">\u00b7<\/span>\n                                <span class=\"text-gold-01 text-body-sm\">\n                                    Promotions                                <\/span>\n                            <\/div>\n\n                            <!-- Title -->\n                            <p class=\"text-black-01 text-title group-hover:text-blue-02\">\n                                Promo Living Well, Sleeping Better: Insights for a Restful Life                            <\/p>\n\n                        <\/div>\n\n                    <\/a>\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/latest-update\/sleep-insights-research-for-healthier-living-3\/\" class=\"group flex flex-col gap-5\">\n\n                        <!-- Image -->\n                        <div class=\"relative w-full aspect-[450\/350] overflow-hidden rounded\">\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/01ad1796907c8320c2a591a6650bdbd64e6b4760.jpg\" alt=\"Sleep Insights &amp; Research for Healthier Living\"\n                                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                loading=\"lazy\">\n                            <!-- Hover overlay -->\n                            <div\n                                class=\"absolute inset-0 bg-black-01\/0 group-hover:bg-black-01\/20 transition-colors duration-300\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Meta + title -->\n                        <div class=\"flex flex-col gap-2.5\">\n\n                            <!-- Date \u00b7 Category -->\n                            <div class=\"flex items-center gap-2.5\">\n                                <span class=\"text-black-01 text-body-sm\">\n                                    22 Apr 2026                                <\/span>\n                                <span class=\"text-black-01 text-body-sm\">\u00b7<\/span>\n                                <span class=\"text-gold-01 text-body-sm\">\n                                    Blogs                                <\/span>\n                            <\/div>\n\n                            <!-- Title -->\n                            <p class=\"text-black-01 text-title group-hover:text-blue-02\">\n                                Sleep Insights &amp; Research for Healthier Living                            <\/p>\n\n                        <\/div>\n\n                    <\/a>\n                                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/en\/latest-update\/the-art-of-better-sleep-stories-science-and-comfort-3\/\" class=\"group flex flex-col gap-5\">\n\n                        <!-- Image -->\n                        <div class=\"relative w-full aspect-[450\/350] overflow-hidden rounded\">\n                            <img decoding=\"async\" src=\"https:\/\/derucci-dev.visibleone.dev\/wp-content\/uploads\/2026\/04\/fa3c2d7d990cb4d8b85731fbf3bc765736936df6.jpg\" alt=\"The Art of Better Sleep: Stories, Science, and Comfort\"\n                                class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                loading=\"lazy\">\n                            <!-- Hover overlay -->\n                            <div\n                                class=\"absolute inset-0 bg-black-01\/0 group-hover:bg-black-01\/20 transition-colors duration-300\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Meta + title -->\n                        <div class=\"flex flex-col gap-2.5\">\n\n                            <!-- Date \u00b7 Category -->\n                            <div class=\"flex items-center gap-2.5\">\n                                <span class=\"text-black-01 text-body-sm\">\n                                    22 Apr 2026                                <\/span>\n                                <span class=\"text-black-01 text-body-sm\">\u00b7<\/span>\n                                <span class=\"text-gold-01 text-body-sm\">\n                                    Blogs                                <\/span>\n                            <\/div>\n\n                            <!-- Title -->\n                            <p class=\"text-black-01 text-title group-hover:text-blue-02\">\n                                The Art of Better Sleep: Stories, Science, and Comfort                            <\/p>\n\n                        <\/div>\n\n                    <\/a>\n                \n            <\/div>\n\n            <!-- CTA Button -->\n                            <div class=\"flex justify-center\">\n                    <a href=\"https:\/\/derucci-dev.visibleone.dev\/latest-updates\/\"\n                        target=\"_self\"                         class=\"animation-button animation-button--white\">Read More<\/a>\n                <\/div>\n            \n        <\/div>\n\n    <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/comments?post=805"}],"version-history":[{"count":1,"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":907,"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/805\/revisions\/907"}],"wp:attachment":[{"href":"https:\/\/derucci-dev.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}