{"id":184,"date":"2026-01-21T12:42:12","date_gmt":"2026-01-21T05:42:12","guid":{"rendered":"https:\/\/putrafarmayogyakarta.co.id\/en\/?page_id=184"},"modified":"2026-01-29T15:46:11","modified_gmt":"2026-01-29T08:46:11","slug":"product-portfolio","status":"publish","type":"page","link":"https:\/\/putrafarmayogyakarta.co.id\/en\/product-portfolio\/","title":{"rendered":"Product Portfolio"},"content":{"rendered":"\n<style>\n\/* === PFY GLOBAL SCOPE (English Version - Image Updated) === *\/\n.pfy-scope-wrapper {\n    \/* Brand Variables *\/\n    --pfy-primary: #2d7b4d;\n    --pfy-dark: #1a4a2e;\n    --pfy-accent: #40b06e;\n    --pfy-light: #f8f9fa;\n    --pfy-text: #212529;\n    --pfy-gray: #6c757d;\n    --pfy-border: #e9ecef;\n    --pfy-overlay: rgba(26, 74, 46, 0.92);\n\n    font-family: 'Montserrat', sans-serif;\n    background-color: #ffffff;\n    padding: 80px 20px;\n    box-sizing: border-box;\n    color: var(--pfy-text);\n}\n\n.pfy-scope-wrapper *,\n.pfy-scope-wrapper *::before,\n.pfy-scope-wrapper *::after {\n    box-sizing: border-box;\n    \/* Ensure images don't overflow their containers *\/\n    max-width: 100%; \n}\n\n.pfy-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* --- SHARED SECTION STYLES --- *\/\n.pfy-cap-section {\n    margin-bottom: 70px;\n    text-align: center;\n}\n\n.pfy-section-title {\n    color: var(--pfy-dark);\n    font-size: 2.2rem;\n    font-weight: 700;\n    margin-bottom: 15px;\n    text-transform: capitalize;\n}\n\n.pfy-section-desc {\n    color: var(--pfy-gray);\n    max-width: 700px;\n    margin: 0 auto 40px auto;\n    line-height: 1.6;\n}\n\n\/* --- SECTION 1: CAPABILITIES (Service Grid with Images) --- *\/\n.pfy-cap-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 20px;\n}\n\n.pfy-cap-item {\n    background: #fff;\n    border: 1px solid var(--pfy-border);\n    padding: 25px 15px;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n.pfy-cap-item:hover {\n    border-color: var(--pfy-primary);\n    box-shadow: 0 5px 15px rgba(45, 123, 77, 0.1);\n    transform: translateY(-3px);\n}\n\n\/* Wrapper untuk Ikon\/Gambar Capabilities *\/\n.pfy-cap-img-wrap {\n    width: 70px;\n    height: 70px;\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.pfy-cap-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain; \/* Menjaga rasio gambar agar tidak gepeng *\/\n}\n\n.pfy-cap-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--pfy-dark);\n    margin: 0;\n    line-height: 1.4;\n}\n\n\/* --- SECTION 2: PRODUCT SOLUTIONS (Portfolio Gallery with Images) --- *\/\n.pfy-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 30px;\n}\n\n\/* Card Style *\/\n.pfy-prod-card {\n    position: relative;\n    border-radius: 12px;\n    overflow: hidden;\n    background: var(--pfy-light);\n    box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n    aspect-ratio: 4\/3; \/* Fixed aspect ratio box *\/\n}\n\n\/* Image Holder & Actual Image Style *\/\n.pfy-img-holder {\n    width: 100%;\n    height: 100%;\n    display: block;\n    transition: transform 0.5s ease;\n    background-color: #edf2f0; \/* Fallback color *\/\n}\n\n.pfy-img-holder img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* PENTING: Memotong gambar agar pas memenuhi kotak tanpa distorsi *\/\n    display: block;\n}\n\n\/* Overlay Content (Sama seperti sebelumnya) *\/\n.pfy-prod-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--pfy-overlay);\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.3s ease;\n    text-align: left;\n    z-index: 3;\n}\n\n.pfy-prod-card:hover .pfy-prod-overlay {\n    opacity: 1;\n    visibility: visible;\n}\n\n.pfy-prod-card:hover .pfy-img-holder {\n    transform: scale(1.1); \/* Zoom effect on image *\/\n}\n\n\/* Typography inside Overlay *\/\n.pfy-prod-cat {\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--pfy-accent);\n    margin-bottom: 8px;\n    font-weight: 700;\n}\n\n.pfy-prod-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #fff;\n    margin: 0 0 15px 0;\n    line-height: 1.2;\n}\n\n.pfy-prod-desc {\n    color: #e9ecef;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    margin-bottom: 20px;\n    transform: translateY(20px);\n    transition: transform 0.3s ease 0.1s;\n}\n\n.pfy-prod-card:hover .pfy-prod-desc {\n    transform: translateY(0);\n}\n\n\/* Tags *\/\n.pfy-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.pfy-tags span {\n    background: rgba(255,255,255,0.15);\n    color: #fff;\n    font-size: 0.75rem;\n    padding: 4px 10px;\n    border-radius: 20px;\n    backdrop-filter: blur(4px);\n}\n\n\/* Visible Title Bar (Bottom) *\/\n.pfy-title-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background: #fff;\n    padding: 15px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px solid #eee;\n    z-index: 2;\n    transition: transform 0.3s ease;\n}\n\n.pfy-prod-card:hover .pfy-title-bar {\n    transform: translateY(100%); \/* Hide bottom bar on hover *\/\n}\n\n.pfy-bar-text {\n    font-weight: 700;\n    color: var(--pfy-dark);\n    font-size: 1.05rem;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .pfy-cap-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .pfy-gallery-grid {\n        grid-template-columns: 1fr;\n    }\n    .pfy-section-title {\n        font-size: 1.8rem;\n    }\n}\n<\/style>\n\n<section class=\"pfy-scope-wrapper\">\n    <div class=\"pfy-container\">\n\n        <div class=\"pfy-cap-section\">\n            <h2 class=\"pfy-section-title\">Our Capabilities<\/h2>\n            <p class=\"pfy-section-desc\">End-to-end manufacturing services designed to scale your business.<\/p>\n            \n            <div class=\"pfy-cap-grid\">\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=CM&#038;font=montserrat\" alt=\"Contract Manufacturing Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">Contract Manufacturing<\/h3>\n                <\/div>\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=NPD&#038;font=montserrat\" alt=\"New Product Development Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">New Product Development<\/h3>\n                <\/div>\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=Label&#038;font=montserrat\" alt=\"Private Label Solutions Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">Private Label Solutions<\/h3>\n                <\/div>\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=Pack&#038;font=montserrat\" alt=\"Custom Packaging Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">Custom Packaging<\/h3>\n                <\/div>\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=Blend&#038;font=montserrat\" alt=\"Powder Blending Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">Powder Blending &#038; Filling<\/h3>\n                <\/div>\n                <div class=\"pfy-cap-item\">\n                    <div class=\"pfy-cap-img-wrap\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x100\/d4edda\/2d7b4d?text=Supply&#038;font=montserrat\" alt=\"Supply Chain Icon\" loading=\"lazy\">\n                    <\/div>\n                    <h3 class=\"pfy-cap-title\">Supply Chain Support<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"pfy-cap-section\" style=\"margin-bottom: 40px; margin-top: 80px;\">\n            <h2 class=\"pfy-section-title\">Product Solutions<\/h2>\n            <p class=\"pfy-section-desc\">Explore our diverse portfolio of powder drink formulations ready for your brand.<\/p>\n        <\/div>\n\n        <div class=\"pfy-gallery-grid\">\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Functional+Beverages+Image&#038;font=montserrat\" alt=\"Functional Beverages Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Functional Beverages<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">High Performance<\/span>\n                    <h3 class=\"pfy-prod-title\">Functional Beverages<\/h3>\n                    <p class=\"pfy-prod-desc\">Advanced formulations focusing on cognitive health, energy boosting, and immune system support.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Nootropics<\/span>\n                        <span>Energy<\/span>\n                        <span>Immunity<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Beauty+Drinks+Image&#038;font=montserrat\" alt=\"Beauty &#038; Wellness Drinks Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Beauty &#038; Wellness Drinks<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">Inner Beauty<\/span>\n                    <h3 class=\"pfy-prod-title\">Beauty &#038; Wellness<\/h3>\n                    <p class=\"pfy-prod-desc\">Market-leading beauty supplements formulated with hydrolyzed collagen, glutathione, and antioxidants.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Collagen<\/span>\n                        <span>Anti-Aging<\/span>\n                        <span>Skin Glow<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Herbal+Drinks+Image&#038;font=montserrat\" alt=\"Herbal &#038; Traditional Drinks Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Herbal &#038; Traditional Drinks<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">Natural Extracts<\/span>\n                    <h3 class=\"pfy-prod-title\">Herbal &#038; Traditional<\/h3>\n                    <p class=\"pfy-prod-desc\">Authentic Indonesian heritage recipes processed with modern extraction technology for global standards.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Jamu<\/span>\n                        <span>Red Ginger<\/span>\n                        <span>Turmeric<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Diet+Fiber+Image&#038;font=montserrat\" alt=\"Diet &#038; Fiber Drinks Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Diet &#038; Fiber Drinks<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">Weight Management<\/span>\n                    <h3 class=\"pfy-prod-title\">Diet &#038; Fiber Drinks<\/h3>\n                    <p class=\"pfy-prod-desc\">Delicious fiber-rich formulations designed for detoxification, digestive health, and slimming.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Psyllium Husk<\/span>\n                        <span>Detox<\/span>\n                        <span>Meal Replacement<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Sports+Nutrition+Image&#038;font=montserrat\" alt=\"Protein &#038; Sports Nutrition Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Protein &#038; Sports Nutrition<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">Active Lifestyle<\/span>\n                    <h3 class=\"pfy-prod-title\">Protein &#038; Sports<\/h3>\n                    <p class=\"pfy-prod-desc\">High-protein formulations for muscle recovery, mass gaining, and endurance enhancement.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Whey Protein<\/span>\n                        <span>Mass Gainer<\/span>\n                        <span>BCAA<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"pfy-prod-card\">\n                <div class=\"pfy-img-holder\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x450\/d4edda\/2d7b4d?text=Cafe+Drink+Image&#038;font=montserrat\" alt=\"Modern Caf\u00e9 Drink Product\" loading=\"lazy\">\n                <\/div>\n                <div class=\"pfy-title-bar\">\n                    <span class=\"pfy-bar-text\">Modern Caf\u00e9 Drink<\/span>\n                    <i class=\"fas fa-plus\" style=\"color:var(--pfy-accent)\"><\/i>\n                <\/div>\n                <div class=\"pfy-prod-overlay\">\n                    <span class=\"pfy-prod-cat\">HORECA Solutions<\/span>\n                    <h3 class=\"pfy-prod-title\">Modern Caf\u00e9 Drink<\/h3>\n                    <p class=\"pfy-prod-desc\">Trendy and versatile beverage bases suitable for coffee shops, restaurants, and retail franchises.<\/p>\n                    <div class=\"pfy-tags\">\n                        <span>Latte Base<\/span>\n                        <span>Frappe<\/span>\n                        <span>Fruit Tea<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Our Capabilities End-to-end manufacturing services designed to scale your business. Contract Manufacturing New Product Development Private Label Solutions Custom Packaging Powder Blending &#038; Filling Supply Chain Support Product Solutions Explore our diverse portfolio of powder drink formulations ready for your brand. Functional Beverages High Performance Functional Beverages Advanced formulations focusing on cognitive health, energy boosting, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-184","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":5,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/184\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}