{"id":9,"date":"2023-06-27T12:25:36","date_gmt":"2023-06-27T12:25:36","guid":{"rendered":"https:\/\/www.hannochs.com\/prestige\/?page_id=9"},"modified":"2026-06-09T11:29:29","modified_gmt":"2026-06-09T04:29:29","slug":"home","status":"publish","type":"page","link":"https:\/\/www.hannochs.com\/prestige\/id\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d48d117 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d48d117\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f62aff9\" data-id=\"f62aff9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c68082 e-flex e-con-boxed e-con e-parent\" data-id=\"6c68082\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0644e9 elementor-widget elementor-widget-shortcode\" data-id=\"a0644e9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <!-- Custom Hero Slider Container -->\n    <div class=\"custom-hero-slider-wrapper\">\n        <div class=\"custom-hero-slider\">\n            <div class=\"swiper hero-swiper\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.hannochs.com\/prestige\/wp-content\/uploads\/2026\/05\/Homepage-banner-new-4.jpg\"\n                                     alt=\"Hannochs Prestige Banner\"\n                                     loading=\"lazy\">\n                                                    <\/div>\n                                            <div class=\"swiper-slide\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.hannochs.com\/prestige\/wp-content\/uploads\/2026\/05\/Homepage-banner-5.jpg\"\n                                     alt=\"Hannochs Prestige Banner\"\n                                     loading=\"lazy\">\n                                                    <\/div>\n                                            <div class=\"swiper-slide\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.hannochs.com\/prestige\/wp-content\/uploads\/2026\/05\/Homepage-banner-6.jpg\"\n                                     alt=\"Hannochs Prestige Banner\"\n                                     loading=\"lazy\">\n                                                    <\/div>\n                                            <div class=\"swiper-slide\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.hannochs.com\/prestige\/wp-content\/uploads\/2026\/05\/Homepage-banner-7.jpg\"\n                                     alt=\"Hannochs Prestige Banner\"\n                                     loading=\"lazy\">\n                                                    <\/div>\n                                    <\/div>\n\n                <!-- Navigation Arrows -->\n                <div class=\"swiper-button-next\"><\/div>\n                <div class=\"swiper-button-prev\"><\/div>\n\n                <!-- Pagination -->\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Slider Styles -->\n    <style>\n    .custom-hero-slider-wrapper {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        padding: 0;\n        position: relative;\n        overflow: hidden;\n        left: 0;\n        right: 0;\n    }\n\n    .custom-hero-slider {\n        width: 100%;\n        position: relative;\n    }\n\n    .hero-swiper {\n        width: 100%;\n        aspect-ratio: 16 \/ 9; \/* 1920x1080 ratio *\/\n        max-height: 100vh; \/* Don't exceed viewport height *\/\n    }\n\n    .hero-swiper .swiper-slide {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-swiper .swiper-slide img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* Ensures images fill the container while maintaining aspect ratio *\/\n        object-position: center;\n        display: block;\n    }\n\n    .hero-swiper .swiper-slide a {\n        display: block;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Navigation buttons styling *\/\n    .hero-swiper .swiper-button-next,\n    .hero-swiper .swiper-button-prev {\n        color: rgba(255, 255, 255, 0.8);\n        background: rgba(0, 0, 0, 0.3);\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        transition: all 0.3s ease;\n    }\n\n    .hero-swiper .swiper-button-next:hover,\n    .hero-swiper .swiper-button-prev:hover {\n        background: rgba(0, 0, 0, 0.5);\n        color: #fff;\n    }\n\n    .hero-swiper .swiper-button-next::after,\n    .hero-swiper .swiper-button-prev::after {\n        font-size: 24px;\n    }\n\n    \/* Pagination styling *\/\n    .hero-swiper .swiper-pagination {\n        bottom: 20px;\n    }\n\n    .hero-swiper .swiper-pagination-bullet {\n        width: 12px;\n        height: 12px;\n        background: rgba(255, 255, 255, 0.5);\n        opacity: 1;\n        transition: all 0.3s ease;\n    }\n\n    .hero-swiper .swiper-pagination-bullet-active {\n        background: #fff;\n        width: 30px;\n        border-radius: 6px;\n    }\n\n    \/* Responsive adjustments for different devices *\/\n    \/* Desktop (Large screens) - Full 16:9 ratio *\/\n    @media (min-width: 1921px) {\n        .hero-swiper {\n            max-height: 1080px; \/* Max height for very large screens *\/\n        }\n    }\n\n    \/* Laptop\/Desktop (1366px - 1920px) *\/\n    @media (max-width: 1920px) {\n        .hero-swiper {\n            aspect-ratio: 16 \/ 9;\n        }\n    }\n\n    \/* Tablet Landscape (768px - 1366px) *\/\n    @media (max-width: 1366px) {\n        .hero-swiper {\n            aspect-ratio: 16 \/ 9;\n        }\n        .hero-swiper .swiper-button-next,\n        .hero-swiper .swiper-button-prev {\n            width: 45px;\n            height: 45px;\n        }\n        .hero-swiper .swiper-button-next::after,\n        .hero-swiper .swiper-button-prev::after {\n            font-size: 20px;\n        }\n    }\n\n    \/* Tablet Portrait (768px - 1024px) *\/\n    @media (max-width: 1024px) {\n        .hero-swiper {\n            aspect-ratio: 16 \/ 9;\n        }\n    }\n\n    \/* Mobile Landscape & Small Tablets (481px - 767px) *\/\n    @media (max-width: 767px) {\n        .hero-swiper {\n            aspect-ratio: 16 \/ 9;\n        }\n        .hero-swiper .swiper-button-next,\n        .hero-swiper .swiper-button-prev {\n            width: 40px;\n            height: 40px;\n        }\n        .hero-swiper .swiper-button-next::after,\n        .hero-swiper .swiper-button-prev::after {\n            font-size: 18px;\n        }\n        .hero-swiper .swiper-pagination-bullet {\n            width: 10px;\n            height: 10px;\n        }\n        .hero-swiper .swiper-pagination-bullet-active {\n            width: 24px;\n        }\n    }\n\n    \/* Mobile Portrait (320px - 480px) *\/\n    @media (max-width: 480px) {\n        .hero-swiper {\n            aspect-ratio: 16 \/ 9;\n        }\n        .hero-swiper .swiper-button-next,\n        .hero-swiper .swiper-button-prev {\n            width: 35px;\n            height: 35px;\n        }\n        .hero-swiper .swiper-button-next::after,\n        .hero-swiper .swiper-button-prev::after {\n            font-size: 16px;\n        }\n        .hero-swiper .swiper-pagination {\n            bottom: 15px;\n        }\n        .hero-swiper .swiper-pagination-bullet {\n            width: 8px;\n            height: 8px;\n        }\n        .hero-swiper .swiper-pagination-bullet-active {\n            width: 20px;\n        }\n    }\n    <\/style>\n\n    <!-- Initialize Swiper -->\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        if (typeof Swiper !== 'undefined') {\n            const heroSwiper = new Swiper('.hero-swiper', {\n                effect: 'fade',\n                speed: 800,\n                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                    pauseOnMouseEnter: true,\n                },\n                loop: true,\n                pagination: {\n                    el: '.swiper-pagination',\n                    clickable: true,\n                    dynamicBullets: false,\n                },\n                navigation: {\n                    nextEl: '.swiper-button-next',\n                    prevEl: '.swiper-button-prev',\n                },\n                lazy: {\n                    loadPrevNext: true,\n                },\n                grabCursor: true,\n                keyboard: {\n                    enabled: true,\n                },\n                mousewheel: false,\n            });\n\n            \/\/ Click on slide to reset to first slide\n            const slides = document.querySelectorAll('.hero-swiper .swiper-slide');\n            slides.forEach(function(slide) {\n                slide.addEventListener('click', function(e) {\n                    \/\/ Check if click is not on navigation or pagination\n                    if (!e.target.closest('.swiper-button-next') &&\n                        !e.target.closest('.swiper-button-prev') &&\n                        !e.target.closest('.swiper-pagination')) {\n                        heroSwiper.slideToLoop(0); \/\/ Reset to first slide\n                    }\n                });\n            });\n        }\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd461b4 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd461b4\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62e950e\" data-id=\"62e950e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1003d97 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1003d97\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-815d09e\" data-id=\"815d09e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27ff1e9 elementor-widget elementor-widget-heading\" data-id=\"27ff1e9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Categories<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd14da7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"fd14da7\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a8117f\" data-id=\"1a8117f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-82ab94b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"82ab94b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-7c71aa8\" data-id=\"7c71aa8\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-686646c elementor-widget elementor-widget-heading\" data-id=\"686646c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Indoor \nLighting<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16cee73 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"16cee73\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hannochs.com\/prestige\/id\/product-category\/products\/indoor-lighting\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-e83e508\" data-id=\"e83e508\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3107adf elementor-widget elementor-widget-heading\" data-id=\"3107adf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Outdoor Lighting<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b916ff elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2b916ff\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hannochs.com\/prestige\/id\/product-category\/products\/outdoor-lighting\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-aea1834\" data-id=\"aea1834\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a73c1b5 elementor-widget elementor-widget-heading\" data-id=\"a73c1b5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Outdoor Architecture<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a97e763 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a97e763\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hannochs.com\/prestige\/id\/product-category\/products\/outdoor-architecture\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-0ac815c\" data-id=\"0ac815c\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa8150a elementor-widget elementor-widget-heading\" data-id=\"fa8150a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Smart \nSystem<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7625f8e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7625f8e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hannochs.com\/prestige\/id\/product-category\/products\/smart-system\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Categories Indoor Lighting Collections Outdoor Lighting Collections Outdoor Architecture Collections Smart System Collections<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":57,"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":2826,"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/pages\/9\/revisions\/2826"}],"wp:attachment":[{"href":"https:\/\/www.hannochs.com\/prestige\/id\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}