{"id":527,"date":"2025-07-10T11:46:31","date_gmt":"2025-07-10T11:46:31","guid":{"rendered":"https:\/\/redappledxb.com\/?page_id=527"},"modified":"2025-07-24T10:49:03","modified_gmt":"2025-07-24T10:49:03","slug":"top-header-section","status":"publish","type":"page","link":"https:\/\/redappledxb.com\/top-header-section\/","title":{"rendered":"top header section"},"content":{"rendered":"\n<section>\n    <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-0 my-16 md:my-28 items-center\">\n            <div class=\"md:col-span-2 text-center md:text-left\">\n                <h1 class=\"text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-inria font-light text-balance leading-tight\">A complete IT Solution for your Business needs<\/h1>\n            <\/div>\n            <div class=\"text-center md:text-left mt-8 md:mt-0\">\n                <h5 class=\"font-bold text-sm text-red-500 mb-2\">SINCE 2010,<\/h5>\n                <h5 class=\"text-base sm:text-lg text-gray-700\">we are dedicated to providing high-quality computers, laptops, and IT solutions for individuals, businesses, and professionals.<\/h5>\n                <div class=\"flex flex-col sm:flex-row justify-center md:justify-start mt-6 space-y-3 sm:space-y-0 sm:space-x-4\">\n                    <button class=\"bg-red-500 text-white px-6 py-3 text-sm rounded-3xl flex items-center justify-center sm:justify-start hover:bg-red-600 transition-colors\">\n                        View Products\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                            stroke=\"currentColor\" class=\"size-5 ml-2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"bg-black text-white px-6 py-3 text-sm rounded-3xl flex items-center justify-center sm:justify-start hover:bg-gray-800 transition-colors\">\n                        View Services\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                            stroke=\"currentColor\" class=\"size-5 ml-2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section>\n    <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 my-16 md:my-28\">\n            <div class=\"relative col-span-1\">\n                <div class=\"bg-white\/80 absolute bottom-3 right-3 p-2 sm:p-3 rounded-lg sm:rounded-xl z-10 shadow-md\">\n                    <div class=\"flex items-center text-sm sm:text-base\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\" class=\"lucide lucide-cable-icon lucide-cable text-red-500 flex-shrink-0\">\n                            <path d=\"M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1\" \/>\n                            <path d=\"M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9\" \/>\n                            <path d=\"M21 21v-2h-4\" \/>\n                            <path d=\"M3 5h4V3\" \/>\n                            <path d=\"M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3\" \/>\n                        <\/svg>\n                        <p class=\"mx-2 sm:mx-4 font-medium text-gray-800\">Charging Adapters &#038; Cables<\/p>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"lucide lucide-circle-chevron-right-icon lucide-circle-chevron-right flex-shrink-0\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                            <path d=\"m10 8 4 4-4 4\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/07\/image.png\" class=\"h-[300px] sm:h-[400px] lg:h-[500px] w-full object-cover rounded-2xl shadow-lg\">\n            <\/div>\n\n            <div class=\"relative col-span-1\">\n                <div class=\"bg-white\/80 absolute bottom-3 right-3 p-2 sm:p-3 rounded-lg sm:rounded-xl z-10 shadow-md\">\n                    <div class=\"flex items-center text-sm sm:text-base\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"lucide lucide-globe-lock-icon lucide-globe-lock text-red-500 flex-shrink-0\">\n                            <path d=\"M15.686 15A14.5 14.5 0 0 1 12 22a14.5 14.5 0 0 1 0-20 10 10 0 1 0 9.542 13\" \/>\n                            <path d=\"M2 12h8.5\" \/>\n                            <path d=\"M20 6V4a2 2 0 1 0-4 0v2\" \/>\n                            <rect width=\"8\" height=\"5\" x=\"14\" y=\"6\" rx=\"1\" \/>\n                        <\/svg>\n                        <p class=\"mx-2 sm:mx-4 font-medium text-gray-800\">Firewall &#038; network security<\/p>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"lucide lucide-circle-chevron-right-icon lucide-circle-chevron-right flex-shrink-0\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                            <path d=\"m10 8 4 4-4 4\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/07\/image2.png\" class=\"h-[300px] sm:h-[400px] lg:h-[500px] w-full object-cover rounded-2xl shadow-lg\">\n            <\/div>\n\n            <div class=\"relative col-span-1\">\n                <div class=\"bg-white\/80 absolute bottom-3 right-3 p-2 sm:p-3 rounded-lg sm:rounded-xl z-10 shadow-md\">\n                    <div class=\"flex items-center text-sm sm:text-base\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"lucide lucide-laptop-minimal-icon lucide-laptop-minimal text-red-500 flex-shrink-0\">\n                            <rect width=\"18\" height=\"12\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\" \/>\n                            <line x1=\"2\" x2=\"22\" y1=\"20\" y2=\"20\" \/>\n                        <\/svg>\n                        <p class=\"mx-2 sm:mx-4 font-medium text-gray-800\">Desktop &#038; Laptops<\/p>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            class=\"lucide lucide-circle-chevron-right-icon lucide-circle-chevron-right flex-shrink-0\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                            <path d=\"m10 8 4 4-4 4\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <img decoding=\"async\" src=\"wp-content\/uploads\/2025\/07\/image3.png\" class=\"h-[300px] sm:h-[400px] lg:h-[500px] w-full object-cover rounded-2xl shadow-lg\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>A complete IT Solution for your Business needs SINCE 2010, we are dedicated to providing high-quality computers, laptops, and IT solutions for individuals, businesses, and professionals. View Products View Services Charging Adapters &#038; Cables Firewall &#038; network security Desktop &#038; Laptops<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/pages\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/comments?post=527"}],"version-history":[{"count":5,"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/pages\/527\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/pages\/527\/revisions\/782"}],"wp:attachment":[{"href":"https:\/\/redappledxb.com\/wp-json\/wp\/v2\/media?parent=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}