{"id":59,"date":"2025-12-03T08:40:39","date_gmt":"2025-12-03T08:40:39","guid":{"rendered":"https:\/\/dev.royalstreu.thecodefoxes.com\/?page_id=59"},"modified":"2025-12-27T16:18:27","modified_gmt":"2025-12-27T16:18:27","slug":"gabelmaxx","status":"publish","type":"page","link":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/gabelmaxx\/","title":{"rendered":"GABELMAXX"},"content":{"rendered":"<section class=\"container mx-auto w-full px-4 sm:px-6 lg:px-8 py-12 lg:py-20\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\n                    <div class=\"order-1 lg:order-1\">\n                <img decoding=\"async\" src=\"https:\/\/dev.royalstreu.thecodefoxes.com\/wp-content\/uploads\/2025\/12\/bbbb-e1766852280454.png\" alt=\"\"\n                    class=\"max-h-[90vh] w-auto object-cover justify-self-center\" loading=\"lazy\">\n            <\/div>\n        \n        <div class=\"order-2 lg:order-2 flex flex-col justify-center px-4 sm:px-0 py-12 lg:py-32 xl:py-64\">\n            <div class=\"flex lg:hidden justify-center items-center pb-12\">\n                <div class=\"text-black font-inter text-4xl sm:text-5xl md:text-6xl font-thin tracking-wide\">\n                    ROYALSTREU x GABELMAXX\n                <\/div>\n            <\/div>\n                            <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-gabelmaxx mb-6 tracking-tight leading-tight\">\n                    Lorem ipsum                <\/h1>\n            \n                            <p class=\"text-lg sm:text-xl text-gray-600 mb-8 leading-relaxed\">\n                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque semper magna vitae accumsan. Sed eleifend eget elit luctus egestas. Vivamus vitae dapibus quam. Cras vehicula sem sit amet neque convallis convallis vel sed magna. Fusce vitae malesuada odio. Nulla sodales posuere leo, sit amet mollis diam molestie ac.                 <\/p>\n            \n                            <div class=\"flex flex-col sm:flex-row gap-4\">\n                                            <a href=\"http:\/\/asdsa\"\n                            class=\"inline-flex items-center justify-center font-medium text-white hover:text-gabelmaxx transition-colors group py-3 px-6 rounded-full border border-gabelmaxx bg-gabelmaxx hover:bg-transparent\">\n                            Zam\u00f3w                            <i data-lucide=\"arrow-up-right\"\n                                class=\"ml-2 w-5 h-5 transform group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\n                        <\/a>\n                    \n                                            <a href=\"http:\/\/sad\"\n                            class=\"inline-flex items-center justify-center font-medium text-gabelmaxx hover:text-gabelmaxx-dark transition-colors group py-3 px-6 rounded-full border border-gabelmaxx hover:border-gabelmaxx-dark\">\n                            GABELMAXX                            <i data-lucide=\"arrow-up-right\"\n                                class=\"ml-2 w-5 h-5 transform group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\n                        <\/a>\n                                    <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n\n<section class=\"container mx-auto w-full py-12 lg:py-20\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n\n        <div class=\"order-2 lg:order-1 flex flex-col justify-center\">\n                        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-semibold text-gabelmaxx mb-6 tracking-tight leading-tight\">\n                Lorem ipsum            <\/h2>\n                        \n                        <div class=\"text-lg text-gray-600 mb-8 leading-relaxed\">\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque semper magna vitae accumsan. Sed eleifend eget elit luctus egestas. Vivamus vitae dapibus quam. Cras vehicula sem sit amet neque convallis convallis vel sed magna. Fusce vitae malesuada odio. Nulla sodales posuere leo, sit amet mollis diam molestie ac. <\/p>\n            <\/div>\n                        \n                        <div class=\"flex\">\n                <a href=\"http:\/\/asddsa\"\n                   class=\"inline-flex items-center justify-center font-medium text-white hover:text-gabelmaxx transition-colors group py-3 px-8 rounded-full border border-gabelmaxx bg-gabelmaxx hover:bg-transparent\">\n                    sad                    <i data-lucide=\"arrow-up-right\" class=\"ml-2 w-5 h-5 transform group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\n                <\/a>\n            <\/div>\n                    <\/div>\n\n                <div class=\"order-1 lg:order-2\">\n            <div class=\"relative\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/dev.royalstreu.thecodefoxes.com\/wp-content\/uploads\/2025\/12\/custom_resized_1cc2e5e7-0533-4a07-8405-ea0fb000cb86-scaled.webp\"\n                    alt=\"\"\n                    class=\"w-full h-[50vh] rounded-3xl object-cover\"\n                    loading=\"lazy\"\n                >\n            <\/div>\n        <\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n\n<section class=\"w-full py-16 lg:py-32 overflow-hidden\">\n    <div class=\"container mx-auto relative px-4 sm:px-6 lg:px-8\">\n        \n        <div class=\"hidden lg:block absolute left-1\/2 top-0 bottom-0 w-1 bg-gabelmaxx -translate-x-1\/2\"><\/div>\n\n        <div class=\"flex flex-col lg:flex-row items-center lg:items-stretch\">\n            \n            <div class=\"w-full lg:w-1\/2 flex justify-center lg:justify-end lg:pr-24 items-center mb-16 lg:mb-0\">\n                                <div class=\"relative w-full max-w-sm lg:max-w-2xl\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dev.royalstreu.thecodefoxes.com\/wp-content\/uploads\/2025\/12\/gabelmaxx-1000x1000h-1.png\"\n                        alt=\"\"\n                        class=\"w-full h-[40vh] lg:h-[70vh] object-contain flex mx-auto\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n                            <\/div>\n\n            <div class=\"w-full lg:w-1\/2 flex flex-col justify-center lg:pl-24\">\n                                    <div class=\"space-y-8\">\n                                                                                <div class=\"py-4\">\n                                                                <h3 class=\"text-xl sm:text-2xl font-bold text-gabelmaxx mb-3 uppercase tracking-tight\">\n                                    Lorem ipsum dolor sit amet                                <\/h3>\n                                \n                                                                <p class=\"text-black text-sm sm:text-base lg:text-lg leading-relaxed font-normal max-w-md\">\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque semper magna vitae accumsan.                                 <\/p>\n                                                                <div class=\"h-px w-full max-w-md bg-gray-200 my-4\"><\/div>\n                            <\/div>\n\n                                                                                                            <div class=\"py-4\">\n                                                                <h3 class=\"text-xl sm:text-2xl font-bold text-gabelmaxx mb-3 uppercase tracking-tight\">\n                                    Lorem ipsum dolor sit amet                                <\/h3>\n                                \n                                                                <p class=\"text-black text-sm sm:text-base lg:text-lg leading-relaxed font-normal max-w-md\">\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque semper magna vitae accumsan.                                 <\/p>\n                                                                <div class=\"h-px w-full max-w-md bg-gray-200 my-4\"><\/div>\n                            <\/div>\n\n                                                                        <\/div>\n                            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"w-full bg-gabelmaxx py-16 lg:py-20 px-4 sm:px-6 lg:px-8\">\n    <div class=\"container mx-auto\">\n        <div class=\"flex flex-col lg:flex-row items-center justify-between gap-8 lg:gap-16\">\n            \n            <div class=\"w-full lg:flex-1 text-center lg:text-left\">\n                <h2 class=\"text-3xl sm:text-3xl lg:text-4xl font-bold text-white mb-4 tracking-tight\">\n                    cqwecqwe                <\/h2>\n                                <p class=\"text-white\/90 text-lg lg:text-xl max-w-2xl mx-auto lg:mx-0 font-medium\">\n                    ceqwceqwceqwce                <\/p>\n                            <\/div>\n\n                        <div class=\"w-full lg:w-auto flex justify-center lg:justify-end flex-shrink-0\">\n                <a href=\"http:\/\/sac\" \n                   class=\"inline-flex items-center font-medium text-gabelmaxx hover:text-white transition-colors group py-3 px-6 rounded-full border border-white bg-white hover:bg-transparent\">\n                    Skontaktuj si\u0119                    <i data-lucide=\"arrow-up-right\" class=\"ml-2 w-5 h-5 transform group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform\"><\/i>\n                <\/a>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages\/gabelmaxx.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":14,"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/pages\/59\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/dev.royalstreu.thecodefoxes.com\/de\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}