{"id":2,"date":"2026-02-12T15:00:57","date_gmt":"2026-02-12T15:00:57","guid":{"rendered":"https:\/\/letyourcolorsfly.com\/?page_id=2"},"modified":"2026-02-12T20:54:41","modified_gmt":"2026-02-12T20:54:41","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/letyourcolorsfly.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"min-height:600px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" class=\"wp-block-cover__image-background wp-image-9 size-large\" alt=\"\" src=\"https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183-1024x684.webp\" data-object-fit=\"cover\" srcset=\"https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183-1024x684.webp 1024w, https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183-300x200.webp 300w, https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183-768x513.webp 768w, https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183-1536x1025.webp 1536w, https:\/\/letyourcolorsfly.com\/wp-content\/uploads\/2026\/02\/AdobeStock_382354183.webp 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group max-width-container\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-77a23e7264ebd6cfbd3563cff53884cd\" style=\"font-size:5rem\">Quality Leather<br>Quality Moments<\/h1>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-ada6354da9d480de9fef77c7fbe67bf6\" style=\"color:#ffffffc2;font-size:2.5rem\">Hand crafted jackets that define journey<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button\">Shop the Collection<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color wp-elements-8e62f4ab84233b98b3bf0ac88e3f89df\" style=\"font-size:4rem\">Shop By Category<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n        .category-section {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .category-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n        }\n\n        .category-card {\n            position: relative;\n            height: 400px;\n            border-radius: 12px;\n            overflow: hidden;\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n\n        .category-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n        }\n\n        .category-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 100%);\n            z-index: 1;\n            transition: opacity 0.3s ease;\n        }\n\n        .category-card:hover::before {\n            opacity: 0.7;\n        }\n\n        .category-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .category-content {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 30px;\n            z-index: 2;\n            color: white;\n        }\n\n        .category-title {\n            font-size: 3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #fff;\n        }\n\n        .category-link {\n            display: inline-block;\n            color: white;\n            text-decoration: none !important;\n            font-weight: 600;\n            padding-bottom: 5px;\n            border-bottom: 2px solid white;\n            transition: opacity 0.3s ease;\n        }\n\n        .category-link:hover {\n            opacity: 0.8;\n        }\n\n        .shop-arrow {\n            display: inline-block;\n            margin-left: 8px;\n            transition: transform 0.3s ease;\n        }\n\n        .category-card:hover .shop-arrow {\n            transform: translateX(5px);\n        }\n\n        @media (max-width: 768px) {\n            h1 {\n                font-size: 2rem;\n            }\n            \n            .category-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .category-card {\n                height: 350px;\n            }\n        }\n    <\/style>\n\n    <div class=\"category-section\">\n        <div class=\"category-grid\">\n            <div class=\"category-card\" onclick=\"window.location.href='#jackets'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551028719-00167b16eac5?w=800&#038;h=1000&#038;fit=crop\" \n                     alt=\"Jackets\" \n                     class=\"category-image\">\n                <div class=\"category-content\">\n                    <h2 class=\"category-title\">Jackets<\/h2>\n                    <a href=\"#jackets\" class=\"category-link\">\n                        Shop Now <span class=\"shop-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"category-card\" onclick=\"window.location.href='#wallets'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1627123424574-724758594e93?w=800&#038;h=1000&#038;fit=crop\" \n                     alt=\"Wallets\" \n                     class=\"category-image\">\n                <div class=\"category-content\">\n                    <h2 class=\"category-title\">Wallets<\/h2>\n                    <a href=\"#wallets\" class=\"category-link\">\n                        Shop Now <span class=\"shop-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"category-card\" onclick=\"window.location.href='#belts'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1664285612706-b32633c95820?q=80&#038;w=958&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.1.0&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" \n                     alt=\"Belts\" \n                     class=\"category-image\">\n                <div class=\"category-content\">\n                    <h2 class=\"category-title\">Belts<\/h2>\n                    <a href=\"#belts\" class=\"category-link\">\n                        Shop Now <span class=\"shop-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"category-card\" onclick=\"window.location.href='#bags'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?w=800&#038;h=1000&#038;fit=crop\" \n                     alt=\"Bags\" \n                     class=\"category-image\">\n                <div class=\"category-content\">\n                    <h2 class=\"category-title\">Bags<\/h2>\n                    <a href=\"#bags\" class=\"category-link\">\n                        Shop Now <span class=\"shop-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">[Featured products section will go here, weo don&#8217;t have yet]<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-black-color has-text-color has-link-color wp-elements-303f7c749c1c05c1ea8acf56a9319606\" style=\"font-size:4rem\">Shop By Gender<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n        .gender-section {\n            margin: 0 auto;\n        }\n\n        .gender-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0;\n            min-height: 600px;\n        }\n\n        .gender-card {\n            position: relative;\n            overflow: hidden;\n            cursor: pointer;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .gender-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0, 0, 0, 0.3);\n            z-index: 1;\n            transition: background 0.5s ease;\n        }\n\n        .gender-card:hover::before {\n            background: rgba(0, 0, 0, 0.15);\n        }\n\n        .gender-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n\n        .gender-card:hover .gender-image {\n            transform: scale(1.1);\n        }\n\n        .gender-content {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            padding: 40px;\n        }\n\n        .gender-title {\n            font-size: 5rem;\n            font-weight: 300;\n            color: white;\n            margin-bottom: 20px;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n        }\n\n        .gender-card:hover .gender-title {\n            transform: translateY(-10px);\n            letter-spacing: 6px;\n        }\n\n        .gender-subtitle {\n            font-size: 2rem;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 30px;\n            font-weight: 300;\n            letter-spacing: 2px;\n        }\n\n        .gender-button {\n            display: inline-block;\n            padding: 15px 50px;\n            background: transparent;\n            color: white;\n            text-decoration: none !important;\n            border: 2px solid white;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            font-size: 1.5rem;\n        }\n\n        .gender-button:hover {\n            background: white;\n            color: #1a1a1a;\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\n        }\n\n        @media (max-width: 968px) {\n            .gender-grid {\n                grid-template-columns: 1fr;\n                min-height: auto;\n            }\n\n            .gender-card {\n                min-height: 500px;\n            }\n\n            .gender-title {\n                font-size: 3rem;\n            }\n\n            .gender-card:hover {\n                transform: scale(1);\n            }\n        }\n\n        @media (max-width: 480px) {\n            .gender-title {\n                font-size: 2.5rem;\n                letter-spacing: 2px;\n            }\n\n            .gender-card:hover .gender-title {\n                letter-spacing: 3px;\n            }\n\n            .gender-button {\n                padding: 12px 35px;\n                font-size: 0.85rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"gender-section\">\n        <div class=\"gender-grid\">\n            <div class=\"gender-card\" onclick=\"window.location.href='#shop-men'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553640662-9ab20b8fa2ea?q=80&#038;w=1974&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.1.0&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" \n                     alt=\"Shop Men\" \n                     class=\"gender-image\">\n                <div class=\"gender-content\">\n                    <h2 class=\"gender-title\">Men<\/h2>\n                    <p class=\"gender-subtitle\">New Collection<\/p>\n                    <a href=\"#shop-men\" class=\"gender-button\">Shop Men<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"gender-card\" onclick=\"window.location.href='#shop-women'\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511280303142-0051e93baeeb?q=80&#038;w=2030&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.1.0&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" \n                     alt=\"Shop Women\" \n                     class=\"gender-image\">\n                <div class=\"gender-content\">\n                    <h2 class=\"gender-title\">Women<\/h2>\n                    <p class=\"gender-subtitle\">New Collection<\/p>\n                    <a href=\"#shop-women\" class=\"gender-button\">Shop Women<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n        .features-section {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 80px 20px;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 40px;\n        }\n\n        .feature-item {\n            text-align: center;\n            padding: 40px 30px;\n            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n        }\n\n        .feature-item:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n        }\n\n        .feature-icon {\n            width: 80px;\n            height: 80px;\n            margin: 0 auto 25px;\n            background: linear-gradient(135deg, #3a3a3a 0%, #505050 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.4s ease;\n        }\n\n        .feature-item:hover .feature-icon {\n            transform: scale(1.1);\n        }\n\n        .feature-icon i {\n            font-size: 3rem;\n            color: white;\n        }\n\n        .feature-title {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 12px;\n            line-height: 1.3;\n        }\n\n        .feature-description {\n            font-size: 1.5rem;\n            color: #b0b0b0;\n            line-height: 1.6;\n            font-weight: 400;\n        }\n\n        .feature-link {\n            color: #d0d0d0;\n            text-decoration: none;\n            font-weight: 600;\n            border-bottom: 2px solid transparent;\n            transition: border-color 0.3s ease;\n        }\n\n        .feature-link:hover {\n            border-bottom-color: #ffffff;\n            color: #ffffff;\n        }\n\n        @media (max-width: 768px) {\n            .features-grid {\n                gap: 30px;\n            }\n\n            .feature-item {\n                padding: 35px 25px;\n            }\n\n            .feature-title {\n                font-size: 2rem;\n            }\n\n            .feature-description {\n                font-size: 1.25rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"features-section\">\n        <div class=\"features-grid\">\n            <div class=\"feature-item\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-shipping-fast\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Always Free Shipping<\/h3>\n                <p class=\"feature-description\">Complimentary delivery on every order, plus hassle-free returns<\/p>\n            <\/div>\n\n            <div class=\"feature-item\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-industry\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Direct From Makers<\/h3>\n                <p class=\"feature-description\">Fair prices with no middlemen\u2014just quality goods<\/p>\n            <\/div>\n\n            <div class=\"feature-item\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-certificate\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">Genuine Leather Only<\/h3>\n                <p class=\"feature-description\">Authentic, full-grain leather\u2014never fake or bonded<\/p>\n            <\/div>\n\n            <div class=\"feature-item\">\n                <div class=\"feature-icon\">\n                    <i class=\"fas fa-comments\"><\/i>\n                <\/div>\n                <h3 class=\"feature-title\">We&#8217;re Here to Help<\/h3>\n                <p class=\"feature-description\"><a href=\"#chat\" class=\"feature-link\">Message us<\/a> anytime\u2014real people, real answers<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>[Reviews section here]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shop By Category Jackets Shop Now \u2192 Wallets Shop Now \u2192 Belts Shop Now \u2192 Bags Shop Now \u2192 [Featured products section will go here, weo don&#8217;t have yet] Shop By Gender Men New Collection Shop Men Women New Collection Shop Women Always Free Shipping Complimentary delivery on every order, plus hassle-free returns Direct From [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":38,"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/letyourcolorsfly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}