{"id":4657,"date":"2026-04-11T08:56:05","date_gmt":"2026-04-11T08:56:05","guid":{"rendered":"https:\/\/pawshubhk.com\/?page_id=4657"},"modified":"2026-04-11T09:07:07","modified_gmt":"2026-04-11T09:07:07","slug":"%e6%88%91%e5%80%91%e7%9a%84%e6%89%bf%e8%ab%be","status":"publish","type":"page","link":"https:\/\/pawshubhk.com\/en\/%e6%88%91%e5%80%91%e7%9a%84%e6%89%bf%e8%ab%be\/","title":{"rendered":"Our Commitment"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u6211\u5011\u7684\u627f\u8afe<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+TC:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/code.iconify.design\/iconify-icon\/1.0.7\/iconify-icon.min.js\"><\/script>\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #69a758;\r\n --primary-dark: #558a46;\r\n --primary-light: #8cbf7e;\r\n --primary-lighter: #d4e8cf;\r\n --primary-lightest: #eef5ec;\r\n --neutral-900: #171717;\r\n --neutral-800: #262626;\r\n --neutral-700: #404040;\r\n --neutral-600: #525252;\r\n --neutral-500: #737373;\r\n --neutral-400: #a3a3a3;\r\n --neutral-300: #d4d4d4;\r\n --neutral-200: #e5e5e5;\r\n --neutral-100: #f5f5f5;\r\n --neutral-50: #fafafa;\r\n --white: #ffffff;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', 'Noto Serif TC', sans-serif;\r\n font-size: 18px;\r\n background-color: var(--white);\r\n color: var(--neutral-800);\r\n line-height: 1.7;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* \u2500\u2500 Section \u2500\u2500 *\/\r\n .our-commitment {\r\n padding: 96px 0 112px;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .our-commitment::before {\r\n content: '';\r\n position: absolute;\r\n top: -120px;\r\n right: -180px;\r\n width: 480px;\r\n height: 480px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, var(--primary-lightest) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .our-commitment::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -80px;\r\n left: -120px;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(105,167,88,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .commitment-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 56px;\r\n align-items: start;\r\n }\r\n\r\n \/* \u2500\u2500 Header \u2500\u2500 *\/\r\n .commitment-header {\r\n text-align: center;\r\n max-width: 640px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--primary-dark);\r\n margin-bottom: 24px;\r\n background: var(--primary-lightest);\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n border: 1px solid var(--primary-lighter);\r\n }\r\n\r\n .section-label iconify-icon {\r\n font-size: 16px;\r\n color: var(--primary);\r\n }\r\n\r\n .commitment-header h2 {\r\n font-family: 'Noto Serif TC', 'Playfair Display', serif;\r\n font-size: clamp(36px, 5vw, 52px);\r\n font-weight: 600;\r\n color: var(--neutral-900);\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 0;\r\n }\r\n\r\n .header-divider {\r\n width: 56px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--primary-light));\r\n border-radius: 100px;\r\n margin: 28px auto 0;\r\n }\r\n\r\n \/* \u2500\u2500 Content Grid \u2500\u2500 *\/\r\n .commitment-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n align-items: start;\r\n }\r\n\r\n \/* \u2500\u2500 Text Cards \u2500\u2500 *\/\r\n .text-card {\r\n background: var(--white);\r\n border: 1px solid var(--neutral-200);\r\n border-radius: 20px;\r\n padding: 40px 36px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .text-card:hover {\r\n border-color: var(--primary-lighter);\r\n box-shadow: 0 8px 30px rgba(105, 167, 88, 0.08);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .text-card.full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .text-card-number {\r\n position: absolute;\r\n top: -1px;\r\n left: 36px;\r\n width: 40px;\r\n height: 40px;\r\n background: var(--primary);\r\n color: var(--white);\r\n font-size: 16px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 0 0 12px 12px;\r\n }\r\n\r\n .text-card p {\r\n font-size: 17px;\r\n font-weight: 400;\r\n color: var(--neutral-600);\r\n line-height: 1.9;\r\n margin-top: 16px;\r\n }\r\n\r\n .text-card p strong {\r\n color: var(--primary-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .text-card .card-icon {\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 14px;\r\n background: var(--primary-lightest);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .text-card:hover .card-icon {\r\n background: var(--primary);\r\n }\r\n\r\n .text-card:hover .card-icon iconify-icon {\r\n color: var(--white);\r\n }\r\n\r\n .text-card .card-icon iconify-icon {\r\n font-size: 26px;\r\n color: var(--primary);\r\n transition: color 0.3s ease;\r\n }\r\n\r\n \/* \u2500\u2500 Highlight Card \u2500\u2500 *\/\r\n .highlight-card {\r\n background: linear-gradient(135deg, var(--primary-lightest) 0%, #f0f7ee 50%, var(--white) 100%);\r\n border: 1px solid var(--primary-lighter);\r\n border-radius: 24px;\r\n padding: 52px 48px;\r\n position: relative;\r\n overflow: hidden;\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .highlight-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -40px;\r\n right: -40px;\r\n width: 160px;\r\n height: 160px;\r\n border-radius: 50%;\r\n background: rgba(105, 167, 88, 0.08);\r\n }\r\n\r\n .highlight-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -20px;\r\n right: 60px;\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n background: rgba(105, 167, 88, 0.05);\r\n }\r\n\r\n .highlight-inner {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n gap: 48px;\r\n align-items: center;\r\n }\r\n\r\n .highlight-stat {\r\n flex-shrink: 0;\r\n text-align: center;\r\n }\r\n\r\n .highlight-stat .stat-number {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 88px;\r\n font-weight: 600;\r\n color: var(--primary);\r\n line-height: 1;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .highlight-stat .stat-number span {\r\n font-size: 44px;\r\n vertical-align: super;\r\n }\r\n\r\n .highlight-stat .stat-label {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: var(--primary-dark);\r\n margin-top: 10px;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .highlight-divider {\r\n width: 1px;\r\n height: 100px;\r\n background: var(--primary-lighter);\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-text {\r\n flex: 1;\r\n }\r\n\r\n .highlight-text h3 {\r\n font-family: 'Noto Serif TC', serif;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: var(--neutral-900);\r\n margin-bottom: 16px;\r\n line-height: 1.4;\r\n }\r\n\r\n .highlight-text p {\r\n font-size: 17px;\r\n color: var(--neutral-600);\r\n line-height: 1.9;\r\n }\r\n\r\n .highlight-text p strong {\r\n color: var(--primary-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .highlight-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 20px;\r\n padding: 8px 18px;\r\n background: var(--white);\r\n border: 1px solid var(--primary-lighter);\r\n border-radius: 100px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .highlight-badge iconify-icon {\r\n font-size: 16px;\r\n color: var(--primary);\r\n }\r\n\r\n \/* \u2500\u2500 Values Row \u2500\u2500 *\/\r\n .values-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .value-item {\r\n text-align: center;\r\n padding: 32px 24px;\r\n border-radius: 16px;\r\n border: 1px solid var(--neutral-200);\r\n background: var(--white);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .value-item:hover {\r\n border-color: var(--primary-lighter);\r\n box-shadow: 0 4px 20px rgba(105, 167, 88, 0.06);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .value-item .value-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: var(--primary-lightest);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .value-item:hover .value-icon {\r\n background: var(--primary);\r\n }\r\n\r\n .value-item:hover .value-icon iconify-icon {\r\n color: var(--white);\r\n }\r\n\r\n .value-item .value-icon iconify-icon {\r\n font-size: 24px;\r\n color: var(--primary);\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .value-item h4 {\r\n font-family: 'Noto Serif TC', serif;\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--neutral-900);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .value-item p {\r\n font-size: 15px;\r\n color: var(--neutral-500);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u2500\u2500 Footer Note \u2500\u2500 *\/\r\n .footer-note {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding-top: 8px;\r\n }\r\n\r\n .footer-note p {\r\n font-size: 17px;\r\n color: var(--neutral-500);\r\n line-height: 1.8;\r\n max-width: 720px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-note .paw-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .footer-note .paw-dots span {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--primary-lighter);\r\n }\r\n\r\n .footer-note .paw-dots span:nth-child(2) {\r\n background: var(--primary-light);\r\n }\r\n\r\n .footer-note .paw-dots span:nth-child(3) {\r\n background: var(--primary);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n\r\n .footer-note .paw-dots span:nth-child(4) {\r\n background: var(--primary-light);\r\n }\r\n\r\n .footer-note .paw-dots span:nth-child(5) {\r\n background: var(--primary-lighter);\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .our-commitment {\r\n padding: 80px 0 96px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .our-commitment {\r\n padding: 64px 0 80px;\r\n }\r\n\r\n .commitment-content {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .text-card {\r\n padding: 32px 28px;\r\n }\r\n\r\n .highlight-card {\r\n padding: 40px 28px;\r\n }\r\n\r\n .highlight-inner {\r\n flex-direction: column;\r\n gap: 28px;\r\n text-align: center;\r\n }\r\n\r\n .highlight-divider {\r\n width: 60px;\r\n height: 1px;\r\n }\r\n\r\n .highlight-stat .stat-number {\r\n font-size: 72px;\r\n }\r\n\r\n .highlight-stat .stat-number span {\r\n font-size: 36px;\r\n }\r\n\r\n .values-row {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .value-item {\r\n display: flex;\r\n align-items: center;\r\n text-align: left;\r\n gap: 18px;\r\n padding: 24px 28px;\r\n }\r\n\r\n .value-item .value-icon {\r\n margin: 0;\r\n flex-shrink: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n body {\r\n font-size: 16px;\r\n }\r\n\r\n .container {\r\n padding: 0 16px;\r\n }\r\n\r\n .text-card {\r\n padding: 28px 22px;\r\n }\r\n\r\n .text-card p {\r\n font-size: 16px;\r\n }\r\n\r\n .highlight-card {\r\n padding: 32px 22px;\r\n }\r\n\r\n .highlight-stat .stat-number {\r\n font-size: 60px;\r\n }\r\n\r\n .highlight-stat .stat-number span {\r\n font-size: 30px;\r\n }\r\n\r\n .highlight-text h3 {\r\n font-size: 20px;\r\n }\r\n\r\n .highlight-text p {\r\n font-size: 16px;\r\n }\r\n\r\n .value-item h4 {\r\n font-size: 17px;\r\n }\r\n\r\n .value-item p {\r\n font-size: 14px;\r\n }\r\n\r\n .footer-note p {\r\n font-size: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/body>\r\n<body>\r\n\r\n<section class=\"our-commitment\">\r\n <div class=\"container\">\r\n <div class=\"commitment-wrapper\">\r\n\r\n <div class=\"commitment-header\">\r\n <div class=\"section-label\">\r\n <iconify-icon icon=\"lucide:heart-handshake\"><\/iconify-icon>\r\n Brand Promise\r\n <\/div>\r\n \r\n <div class=\"header-divider\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"commitment-content\">\r\n\r\n <div class=\"text-card\">\r\n <div class=\"text-card-number\">1<\/div>\r\n <div class=\"card-icon\">\r\n <iconify-icon icon=\"lucide:heart\"><\/iconify-icon>\r\n <\/div>\r\n <p>\r\n We believe that the true value of a brand lies not only in providing quality products but also in its ability to bring sustained and positive impact to the communities it cares about. For this reason, starting with Hong Kong's dog-loving community, we aim to bring tangible and gentle changes to more furry friends in need through every choice and every act of support.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"text-card\">\r\n <div class=\"text-card-number\">2<\/div>\r\n <div class=\"card-icon\">\r\n <iconify-icon icon=\"lucide:compass\"><\/iconify-icon>\r\n <\/div>\r\n <p>\r\n We are convinced that a truly warm-hearted brand should strike a balance between business and giving back, allowing every act of support to extend into longer-lasting goodwill. In the future, we will continue to uphold this commitment with sincerity, transparency, and responsibility, moving forward together with Hong Kong's dog-loving community.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-inner\">\r\n <div class=\"highlight-stat\">\r\n <div class=\"stat-number\">5<span>%<\/span><\/div>\r\n <div class=\"stat-label\">Monthly Net Profit Donation<\/div>\r\n <\/div>\r\n <div class=\"highlight-divider\"><\/div>\r\n <div class=\"highlight-text\">\r\n <h3>A Long-Term Commitment in Action<\/h3>\r\n <p>\r\n As a long-term commitment, we donate 51% of our monthly net profit to support\r\n <strong>hkdogvolunteers \u2013 Stray Dogs Concern Group Ltd,<\/strong>helping more stray and needy dogs receive care, protection, and opportunities to be seen again. This is not merely a donation arrangement but our response to life, responsibility, and community, as well as the brand belief we hope to practice together with everyone.\r\n <\/p>\r\n <div class=\"highlight-badge\">\r\n <iconify-icon icon=\"lucide:shield-check\"><\/iconify-icon>\r\n Sustained Donations \u00b7 Transparent Disclosure\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-row\">\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <iconify-icon icon=\"lucide:eye\"><\/iconify-icon>\r\n <\/div>\r\n <div>\r\n <h4>Sincerity and Transparency<\/h4>\r\n <p>Facing every trust with an open attitude<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <iconify-icon icon=\"lucide:shield\"><\/iconify-icon>\r\n <\/div>\r\n <div>\r\n <h4>Responsibility<\/h4>\r\n <p>Taking due responsibility for every life<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"value-item\">\r\n <div class=\"value-icon\">\r\n <iconify-icon icon=\"lucide:users\"><\/iconify-icon>\r\n <\/div>\r\n <div>\r\n <h4>Walking with the Community<\/h4>\r\n <p>Going further together with Hong Kong's dog lovers<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-note\">\r\n <div class=\"paw-dots\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <p>\r\n Every purchase is an extension of goodwill. Thank you for joining us in making a difference for furry friends.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u6211\u5011\u7684\u627f\u8afe Brand Promise 1 \u6211\u5011\u76f8\u4fe1\uff0c\u4e00\u500b\u54c1\u724c\u771f\u6b63\u7684\u50f9\u503c\uff0c\u4e0d\u53ea\u5728\u65bc\u63d0\u4f9b\u512a\u8cea\u7522\u54c1\uff0c\u66f4\u5728\u65bc\u80fd\u5426\u70ba\u6240 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-4657","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_archive_thumbnail":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"PawsHubHK - Chris","author_link":"https:\/\/pawshubhk.com\/en\/author\/ckcc62797gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"\u6211\u5011\u7684\u627f\u8afe Brand Promise 1 \u6211\u5011\u76f8\u4fe1\uff0c\u4e00\u500b\u54c1\u724c\u771f\u6b63\u7684\u50f9\u503c\uff0c\u4e0d\u53ea\u5728\u65bc\u63d0\u4f9b\u512a\u8cea\u7522\u54c1\uff0c\u66f4\u5728\u65bc\u80fd\u5426\u70ba\u6240…","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/pages\/4657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/comments?post=4657"}],"version-history":[{"count":7,"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/pages\/4657\/revisions"}],"predecessor-version":[{"id":4664,"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/pages\/4657\/revisions\/4664"}],"wp:attachment":[{"href":"https:\/\/pawshubhk.com\/en\/wp-json\/wp\/v2\/media?parent=4657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}