{"id":552,"date":"2020-08-14T14:29:45","date_gmt":"2020-08-14T14:29:45","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/business\/?page_id=9"},"modified":"2026-05-15T19:56:17","modified_gmt":"2026-05-15T19:56:17","slug":"home","status":"publish","type":"page","link":"https:\/\/barefoods.so\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"552\" class=\"elementor elementor-552\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adf01ae e-flex e-con-boxed e-con e-parent\" data-id=\"adf01ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a44595 elementor-widget elementor-widget-html\" data-id=\"6a44595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-dark-green: #036b2b;\r\n        --barre-black: #000000;\r\n        --white: #FFFFFF;\r\n        --barre-gradient: linear-gradient(180deg, rgba(4, 142, 57, 1) 0%, rgba(3, 87, 35, 1) 100%);\r\n    }\r\n\r\n    .barre-hero-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: url('https:\/\/barefoods.so\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-15-2026-06_35_19-PM-1.png') center\/cover no-repeat;\r\n        overflow: hidden;\r\n        min-height: 90vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .barre-hero-wrap::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: var(--barre-gradient);\r\n        opacity: 0.85; \r\n        z-index: 1;\r\n    }\r\n\r\n    .container-center {\r\n        max-width: 1000px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .barre-hero-h1 {\r\n        font-size: clamp(2.2rem, 6vw, 4.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        color: var(--white);\r\n        margin-bottom: 25px;\r\n        text-shadow: 0 2px 15px rgba(0,0,0,0.2); \r\n    }\r\n\r\n    .hero-worldwide-black {\r\n        color: var(--barre-black);\r\n    }\r\n\r\n    .barre-hero-p {\r\n        font-size: clamp(0.95rem, 1.5vw, 1.2rem);\r\n        color: rgba(255, 255, 255, 0.95);\r\n        line-height: 1.6;\r\n        max-width: 800px;\r\n        margin: 0 auto 40px;\r\n    }\r\n\r\n    .barre-btn-row {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .btn-white-sq {\r\n        background: var(--white);\r\n        color: var(--barre-green);\r\n        padding: 18px 40px;\r\n        border-radius: 8px;\r\n        text-decoration: none;\r\n        font-weight: 800;\r\n        transition: 0.3s;\r\n        border: 2px solid var(--white);\r\n        white-space: nowrap;\r\n    }\r\n    .btn-white-sq:hover {\r\n        background: transparent;\r\n        color: var(--white);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .btn-green-sq {\r\n        background: var(--barre-dark-green);\r\n        color: var(--white);\r\n        padding: 18px 40px;\r\n        border-radius: 8px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        transition: 0.3s;\r\n        border: 2px solid rgba(255, 255, 255, 0.2);\r\n        white-space: nowrap;\r\n    }\r\n    .btn-green-sq:hover {\r\n        background: var(--white);\r\n        color: var(--barre-green);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* SIDE-BY-SIDE MOBILE & TABLET OPTIMIZATION *\/\r\n    @media (max-width: 1024px) {\r\n        .barre-btn-row { \r\n            flex-direction: row; \/* FORCE HORIZONTAL *\/\r\n            gap: 15px; \r\n        }\r\n        .btn-white-sq, .btn-green-sq { \r\n            width: auto; \r\n            padding: 12px 25px; \r\n            font-size: 15px; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .barre-btn-row { gap: 10px; }\r\n        .btn-white-sq, .btn-green-sq { \r\n            min-width: 150px; \r\n            padding: 11px 15px;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"barre-hero-wrap\">\r\n    <div class=\"container-center\">\r\n        <h1 class=\"barre-hero-h1\">\r\n            Your Trusted Partner for Quality Wholesale Staples <span class=\"hero-worldwide-black\">Worldwide<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"barre-hero-p\">\r\n            We supply a wide range of high-quality products at competitive prices with reliable service, fast delivery, and long-term value for your business.\r\n        <\/p>\r\n\r\n        <div class=\"barre-btn-row\">\r\n            <a href=\"#quote\" class=\"btn-white-sq\">Request Quote<\/a>\r\n            <a href=\"#products\" class=\"btn-green-sq\">View Products<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc54e02 e-flex e-con-boxed e-con e-parent\" data-id=\"cc54e02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b94da87 elementor-widget elementor-widget-html\" data-id=\"b94da87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === HTML STRUCTURE === -->\r\n<div class=\"barre-flip-wrap\">\r\n    <div class=\"barre-container\">\r\n        \r\n        <div class=\"flip-header\">\r\n            <span class=\"flip-eyebrow\">Our Business Core<\/span>\r\n            <h2 class=\"flip-h2\">A Legacy of Quality, <br><span>Flipped for the Future.<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"flip-grid\">\r\n            \r\n            <!-- CARD 1 -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-inner\">\r\n                    <div class=\"flip-front\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=2070&auto=format&fit=crop');\">\r\n                        <div class=\"front-label\">Established 2012<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-back\">\r\n                        <span class=\"back-num\">01<\/span>\r\n                        <h3>Our History<\/h3>\r\n                        <p>Founded by Hassan Moalim, we have spent 12+ years building the most reliable food supply chain in East Africa.<\/p>\r\n                        <a href=\"#about\" class=\"back-btn\">Learn More<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2 -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-inner\">\r\n                    <div class=\"flip-front\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1590247813693-5541d1c609fd?q=80&w=2018&auto=format&fit=crop');\">\r\n                        <div class=\"front-label\">Global Sourcing<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-back\">\r\n                        <span class=\"back-num\">02<\/span>\r\n                        <h3>Global Hubs<\/h3>\r\n                        <p>Direct sourcing from Pakistan, Turkey, Malaysia, and India ensures we provide the best wholesale value.<\/p>\r\n                        <a href=\"#sourcing\" class=\"back-btn\">Our Sources<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3 -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-inner\">\r\n                    <div class=\"flip-front\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1587293852726-70cdb56c2866?q=80&w=2072&auto=format&fit=crop');\">\r\n                        <div class=\"front-label\">Distribution<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-back\">\r\n                        <span class=\"back-num\">03<\/span>\r\n                        <h3>Regional Reach<\/h3>\r\n                        <p>With active hubs in Mogadishu and Berbera, we ensure your business never faces a supply shortage.<\/p>\r\n                        <a href=\"#hubs\" class=\"back-btn\">View Map<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4 -->\r\n            <div class=\"flip-card\">\r\n                <div class=\"flip-inner\">\r\n                    <div class=\"flip-front\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop');\">\r\n                        <div class=\"front-label\">350+ Partners<\/div>\r\n                    <\/div>\r\n                    <div class=\"flip-back\">\r\n                        <span class=\"back-num\">04<\/span>\r\n                        <h3>Your Success<\/h3>\r\n                        <p>We serve a growing network of retail and hospitality partners with consistent, gold-standard staple foods.<\/p>\r\n                        <a href=\"#quote\" class=\"back-btn\">Join Network<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === CSS STYLING === -->\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-navy: #0A1F16;\r\n        --white: #FFFFFF;\r\n        --light-bg: #F9FBFA;\r\n    }\r\n\r\n    .barre-flip-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--light-bg);\r\n        padding: 120px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    .barre-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    .flip-header {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n    }\r\n    .flip-eyebrow {\r\n        color: var(--barre-green); font-weight: 800; text-transform: uppercase;\r\n        letter-spacing: 2px; font-size: 13px; display: block; margin-bottom: 15px;\r\n    }\r\n    .flip-h2 {\r\n        font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--barre-navy);\r\n    }\r\n    .flip-h2 span { color: var(--barre-green); }\r\n\r\n    \/* FLIP ENGINE *\/\r\n    .flip-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 30px;\r\n    }\r\n\r\n    .flip-card {\r\n        background-color: transparent;\r\n        height: 380px;\r\n        perspective: 1000px; \/* 3D SPACE *\/\r\n    }\r\n\r\n    .flip-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: center;\r\n        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n        transform-style: preserve-3d;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.05);\r\n        border-radius: 20px;\r\n    }\r\n\r\n    \/* THE ACTUAL FLIP ACTION *\/\r\n    .flip-card:hover .flip-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .flip-front, .flip-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        -webkit-backface-visibility: hidden; \/* HIDDEN WHEN REVERSED *\/\r\n        backface-visibility: hidden;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* FRONT STYLE *\/\r\n    .flip-front {\r\n        background-size: cover;\r\n        background-position: center;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 30px;\r\n    }\r\n    .flip-front::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);\r\n    }\r\n    .front-label {\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n        font-weight: 800;\r\n        font-size: 1.2rem;\r\n        background: rgba(4, 142, 57, 0.9);\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* BACK STYLE *\/\r\n    .flip-back {\r\n        background-color: var(--white);\r\n        color: var(--barre-navy);\r\n        transform: rotateY(180deg);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 40px;\r\n        border: 2px solid var(--barre-green);\r\n    }\r\n\r\n    .back-num {\r\n        font-size: 40px;\r\n        font-weight: 900;\r\n        color: var(--barre-green);\r\n        opacity: 0.15;\r\n        margin-bottom: 10px;\r\n    }\r\n    .flip-back h3 { font-weight: 800; margin-bottom: 15px; }\r\n    .flip-back p { font-size: 1rem; line-height: 1.6; color: #55665e; margin-bottom: 25px; }\r\n    \r\n    .back-btn {\r\n        font-weight: 800;\r\n        color: var(--barre-green);\r\n        text-decoration: none;\r\n        border-bottom: 2px solid var(--barre-green);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .flip-grid { grid-template-columns: 1fr; }\r\n        .flip-card { height: 320px; }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e73ff47 e-flex e-con-boxed e-con e-parent\" data-id=\"e73ff47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c13007 elementor-widget elementor-widget-html\" data-id=\"2c13007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === HTML STRUCTURE === -->\r\n<div class=\"barre-reveal-wrap\">\r\n    <div class=\"barre-container\">\r\n        \r\n        <div class=\"reveal-main-layout\">\r\n            \r\n            <!-- HEADER SECTION -->\r\n            <div class=\"reveal-header-area\">\r\n                <span class=\"reveal-eyebrow\">ABOUT BARRE<\/span>\r\n                <h2 class=\"reveal-h2\">Wholesale Distribution. <br><span>Done Properly.<\/span><\/h2>\r\n            <\/div>\r\n\r\n            <!-- IMAGE SECTION (Left on Desktop, Middle on Mobile) -->\r\n            <div class=\"reveal-visual\">\r\n                <div class=\"reveal-img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=2070&auto=format&fit=crop\" alt=\"BARRE Supply Chain\">\r\n                    <div class=\"reveal-year-tag\">\r\n                        <span>EST.<\/span>\r\n                        <strong>2012<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- INTERACTIVE LIST SECTION -->\r\n            <div class=\"reveal-content-area\">\r\n                <div class=\"reveal-list\">\r\n                    <!-- BLOCK 1 -->\r\n                    <div class=\"reveal-item\">\r\n                        <div class=\"reveal-item-inner\">\r\n                            <div class=\"reveal-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"reveal-text\">\r\n                                <h3>Founded by Hassan Moalim<\/h3>\r\n                                <p>Supplying staple foods to wholesalers, retail shops, and hospitality buyers across Somalia, Somaliland, and Puntland.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- BLOCK 2 -->\r\n                    <div class=\"reveal-item\">\r\n                        <div class=\"reveal-item-inner\">\r\n                            <div class=\"reveal-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"reveal-text\">\r\n                                <h3>Direct Global Sourcing<\/h3>\r\n                                <p>Importing directly from Pakistan, Turkey, Malaysia, and India \u2014 stocked locally at our Mogadishu and Berbera hubs.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- THE BRAND GREEN BUTTON -->\r\n                <a href=\"#about\" class=\"reveal-btn\">Read more about us &rarr;<\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === OPTIMIZED CSS STYLING === -->\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-navy: #0A1F16;\r\n        --white: #FFFFFF;\r\n        --soft-bg: #F8FAF9;\r\n    }\r\n\r\n    .barre-reveal-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--white);\r\n        padding: 100px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .barre-container {\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* DESKTOP GRID LAYOUT *\/\r\n    .reveal-main-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 0 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    .reveal-header-area { grid-column: 2; grid-row: 1; }\r\n    .reveal-visual { grid-column: 1; grid-row: 1 \/ 3; }\r\n    .reveal-content-area { grid-column: 2; grid-row: 2; }\r\n\r\n    \/* IMAGE FRAME & ANIMATIONS *\/\r\n    .reveal-img-frame {\r\n        width: 100%; height: 600px;\r\n        border-radius: 20px; overflow: hidden;\r\n        position: relative; box-shadow: 0 30px 70px rgba(0,0,0,0.1);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n    .reveal-img-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }\r\n    .barre-reveal-wrap:hover .reveal-img-frame img { transform: scale(1.08); }\r\n\r\n    .reveal-year-tag {\r\n        position: absolute; top: 40px; right: 40px;\r\n        background: var(--barre-green); color: white; padding: 25px;\r\n        border-radius: 50%; width: 100px; height: 100px;\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        box-shadow: 0 15px 35px rgba(4, 142, 57, 0.4); z-index: 10;\r\n    }\r\n    .reveal-year-tag span { font-size: 10px; font-weight: 800; letter-spacing: 1px; }\r\n    .reveal-year-tag strong { font-size: 22px; font-weight: 800; }\r\n\r\n    \/* CONTENT INTERACTION *\/\r\n    .reveal-eyebrow { font-size: 13px; font-weight: 800; color: var(--barre-green); text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 20px; }\r\n    .reveal-h2 { font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 800; color: var(--barre-navy); line-height: 1.1; margin-bottom: 40px; }\r\n    .reveal-h2 span { color: var(--barre-green); }\r\n\r\n    .reveal-list { display: grid; gap: 20px; margin-bottom: 40px; }\r\n\r\n    .reveal-item { position: relative; background: var(--soft-bg); border-radius: 12px; transition: 0.4s; cursor: pointer; }\r\n    .reveal-item-inner { display: flex; gap: 25px; padding: 30px; position: relative; z-index: 5; }\r\n\r\n    .reveal-icon { width: 50px; height: 50px; background: rgba(4, 142, 57, 0.1); color: var(--barre-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: 0.4s; }\r\n    .reveal-icon svg { width: 24px; height: 24px; }\r\n\r\n    .reveal-text h3 { font-size: 1.2rem; font-weight: 800; color: var(--barre-navy); margin-bottom: 8px; transition: 0.3s; }\r\n    .reveal-text p { font-size: 0.95rem; line-height: 1.6; color: #55665e; margin: 0; transition: 0.3s; }\r\n\r\n    .reveal-item::before { content: \"\"; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--barre-green); border-radius: 12px; transition: 0.4s; z-index: 1; }\r\n    .reveal-item:hover::before { width: 100%; }\r\n    .reveal-item:hover .reveal-icon { background: var(--white); color: var(--barre-green); transform: rotate(360deg); }\r\n    .reveal-item:hover h3, .reveal-item:hover p { color: var(--white); }\r\n\r\n    \/* --- THE BRAND GREEN BUTTON (HOVER TO BLACK) --- *\/\r\n    .reveal-btn { \r\n        background: var(--barre-green) !important; \r\n        color: #FFFFFF !important;    \r\n        padding: 16px 35px;\r\n        border-radius: 8px;\r\n        font-weight: 800; \r\n        text-decoration: none !important; \r\n        font-size: 1rem; \r\n        transition: 0.3s;\r\n        display: inline-block;\r\n        box-shadow: 0 10px 20px rgba(4, 142, 57, 0.2);\r\n    }\r\n    .reveal-btn:visited, .reveal-btn:active { color: #FFFFFF !important; }\r\n    \r\n    .reveal-btn:hover { \r\n        background: #000000 !important; \/* Changes to black on hover *\/\r\n        color: #FFFFFF !important;\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    \/* --- RESPONSIVE UPDATES --- *\/\r\n\r\n    @media (max-width: 991px) {\r\n        .barre-reveal-wrap { padding: 50px 0; }\r\n        .reveal-main-layout { display: flex; flex-direction: column; gap: 30px; }\r\n        .reveal-header-area { order: 1; text-align: center; margin-bottom: 10px; }\r\n        .reveal-visual { order: 2; width: 100%; max-width: 450px; margin: 0 auto; }\r\n        .reveal-img-frame { height: 280px; border-radius: 15px; }\r\n        .reveal-year-tag { top: 20px; right: 20px; width: 75px; height: 75px; }\r\n        .reveal-content-area { order: 3; text-align: center; width: 100%; }\r\n        .reveal-list { gap: 15px; margin-bottom: 25px; } \r\n        .reveal-item-inner { text-align: left; padding: 20px 25px; }\r\n        .reveal-btn { width: 100%; max-width: 300px; margin: 0 auto; }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b118f5f e-flex e-con-boxed e-con e-parent\" data-id=\"b118f5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae72d67 elementor-widget elementor-widget-html\" data-id=\"ae72d67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bcat-section\">\r\n  <div class=\"bcat-inner\">\r\n\r\n    <div class=\"bcat-head\">\r\n      <span class=\"bcat-eyebrow\">Catalog<\/span>\r\n      <h2 class=\"bcat-title\">What we supply.<\/h2>\r\n      <p class=\"bcat-sub\">Six staple categories, kept in stock, sold in the pack sizes B2B buyers actually order.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bcat-grid\">\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586201375761-83865001e31c?w=600&q=80\" alt=\"Rice\">\r\n          <div class=\"bcat-card__badge\">BARRE GOLD<\/div>\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Rice<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>25 kg<\/span><span>50 kg<\/span><\/div>\r\n          <\/div>\r\n          <p>Long-grain & basmati. BARRE GOLD in-house brand.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559181567-c3190ca9d5db?w=600&q=80\" alt=\"Sugar\">\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Sugar<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>25 kg<\/span><span>50 kg<\/span><\/div>\r\n          <\/div>\r\n          <p>Refined white. Best for wholesale and retail buyers.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574323347407-f5e1ad6d020b?w=600&q=80\" alt=\"Flour\">\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Flour<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>25 kg<\/span><span>50 kg<\/span><\/div>\r\n          <\/div>\r\n          <p>Wheat flour for bakeries and retail. 25 kg \/ 50 kg.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1474979266404-7eaacbcd87c5?w=600&q=80\" alt=\"Cooking Oil\">\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Cooking Oil<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>5 L<\/span><span>20 L<\/span><\/div>\r\n          <\/div>\r\n          <p>Palm and vegetable. 5 L \/ 20 L bulk supply.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551462147-ff29053bfc14?w=600&q=80\" alt=\"Pasta\">\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Pasta<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>Retail<\/span><span>Bulk<\/span><\/div>\r\n          <\/div>\r\n          <p>Spaghetti and macaroni. Retail packs and bulk.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"bcat-card\">\r\n        <div class=\"bcat-card__img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515543237350-b3ecd2609a61?w=600&q=80\" alt=\"Legumes and Grains\">\r\n          <div class=\"bcat-card__overlay\"><\/div>\r\n        <\/div>\r\n        <div class=\"bcat-card__body\">\r\n          <div class=\"bcat-card__top\">\r\n            <h3><strong>Legumes & Grains<\/strong><\/h3>\r\n            <div class=\"bcat-card__sizes\"><span>25 kg<\/span><span>50 kg<\/span><\/div>\r\n          <\/div>\r\n          <p>Lentils, beans. 25 kg \/ 50 kg wholesale supply.<\/p>\r\n          <div class=\"bcat-card__cta\">Request Quote <span>\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bcat-footer\">\r\n      <a href=\"#\" class=\"bcat-footer__link\">See full catalog \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bcat-section {\r\n  background: #f8fdf9;\r\n  padding: 90px 0;\r\n  font-family: Inter, Poppins, sans-serif;\r\n}\r\n.bcat-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n\/* Head *\/\r\n.bcat-head {\r\n  text-align: center;\r\n  margin-bottom: 52px;\r\n}\r\n.bcat-eyebrow {\r\n  display: inline-block;\r\n  background: #048E39;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  padding: 6px 18px;\r\n  border-radius: 4px;\r\n  margin-bottom: 18px;\r\n}\r\n.bcat-title {\r\n  font-size: clamp(30px, 3.8vw, 48px);\r\n  font-weight: 800;\r\n  color: #0a0a0a;\r\n  letter-spacing: -.025em;\r\n  line-height: 1.1;\r\n  margin: 0 0 14px;\r\n}\r\n.bcat-sub {\r\n  font-size: 16px;\r\n  color: #666;\r\n  line-height: 1.7;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Grid *\/\r\n.bcat-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n\/* Card *\/\r\n.bcat-card {\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  display: block;\r\n  background: #fff;\r\n  border: 1px solid #e2ede7;\r\n  transition: all 0.32s cubic-bezier(.22,.68,0,1.1);\r\n  position: relative;\r\n}\r\n.bcat-card:hover {\r\n  border-color: #048E39;\r\n  box-shadow: 0 20px 48px rgba(4,142,57,.14);\r\n  transform: translateY(-6px);\r\n}\r\n\r\n\/* Image *\/\r\n.bcat-card__img {\r\n  height: 200px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.bcat-card__img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n.bcat-card:hover .bcat-card__img img {\r\n  transform: scale(1.07);\r\n}\r\n.bcat-card__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, transparent 40%, rgba(4,142,57,0.18) 100%);\r\n  transition: opacity 0.3s;\r\n}\r\n.bcat-card:hover .bcat-card__overlay {\r\n  opacity: 1.5;\r\n}\r\n\r\n\/* Badge *\/\r\n.bcat-card__badge {\r\n  position: absolute;\r\n  top: 12px; right: 12px;\r\n  background: #048E39;\r\n  color: #fff;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n  padding: 4px 12px;\r\n  border-radius: 100px;\r\n  z-index: 2;\r\n  box-shadow: 0 2px 8px rgba(4,142,57,.4);\r\n}\r\n\r\n\/* Body *\/\r\n.bcat-card__body {\r\n  padding: 22px 20px 18px;\r\n  border-top: 1px solid #e8f0eb;\r\n}\r\n.bcat-card__top {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-bottom: 8px;\r\n}\r\n.bcat-card__body h3 {\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: #0a0a0a;\r\n  margin: 0;\r\n  line-height: 1.3;\r\n  transition: color 0.25s;\r\n}\r\n.bcat-card:hover h3 { color: #048E39; }\r\n.bcat-card__body h3 strong { font-weight: 800; }\r\n\r\n.bcat-card__sizes {\r\n  display: flex;\r\n  gap: 5px;\r\n  flex-shrink: 0;\r\n}\r\n.bcat-card__sizes span {\r\n  background: #e8f5ee;\r\n  color: #048E39;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  padding: 3px 9px;\r\n  border-radius: 100px;\r\n  border: 1px solid #c8e8d4;\r\n  white-space: nowrap;\r\n}\r\n.bcat-card__body p {\r\n  font-size: 13px;\r\n  color: #777;\r\n  line-height: 1.6;\r\n  margin: 0 0 16px;\r\n}\r\n.bcat-card__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #048E39;\r\n  transition: gap 0.2s;\r\n}\r\n.bcat-card__cta span {\r\n  transition: transform 0.25s;\r\n}\r\n.bcat-card:hover .bcat-card__cta { gap: 8px; }\r\n.bcat-card:hover .bcat-card__cta span { transform: translateX(3px); }\r\n\r\n\/* Footer *\/\r\n.bcat-footer {\r\n  text-align: center;\r\n}\r\n.bcat-footer__link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  background: #048E39;\r\n  padding: 14px 32px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  transition: all 0.25s;\r\n  box-shadow: 0 4px 16px rgba(4,142,57,.25);\r\n}\r\n.bcat-footer__link:hover {\r\n  background: #036830;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(4,142,57,.35);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .bcat-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n  .bcat-section { padding: 60px 0; }\r\n  .bcat-inner { padding: 0 16px; }\r\n  .bcat-grid { grid-template-columns: 1fr; }\r\n  .bcat-card__img { height: 180px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var cards = document.querySelectorAll('.bcat-card');\r\n  if(!cards.length) return;\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry, i){\r\n      if(entry.isIntersecting){\r\n        setTimeout(function(){\r\n          entry.target.style.opacity = '1';\r\n          entry.target.style.transform = 'translateY(0)';\r\n        }, i * 90);\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {threshold: 0.1});\r\n  cards.forEach(function(card){\r\n    card.style.opacity = '0';\r\n    card.style.transform = 'translateY(28px)';\r\n    card.style.transition = 'opacity 0.55s ease, transform 0.55s ease, box-shadow 0.32s ease, border-color 0.32s ease';\r\n    io.observe(card);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f14320 e-flex e-con-boxed e-con e-parent\" data-id=\"6f14320\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ab0b1 elementor-widget elementor-widget-html\" data-id=\"22ab0b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === HTML STRUCTURE === -->\r\n<div class=\"barre-big-num-wrap\">\r\n    <div class=\"barre-container\">\r\n        \r\n        <!-- HEADER -->\r\n        <div class=\"bn-header\">\r\n            <span class=\"bn-eyebrow\">ORIGINS<\/span>\r\n            <h2 class=\"bn-h2\">Where our <span>stock comes from.<\/span><\/h2>\r\n            <p class=\"bn-desc\">Direct supplier relationships in four countries \u2014 built over a decade of trading.<\/p>\r\n        <\/div>\r\n\r\n        <!-- THE BIG NUM GRID -->\r\n        <div class=\"bn-grid\">\r\n            \r\n            <!-- 1: PAKISTAN (GREEN) -->\r\n            <div class=\"bn-card bn-green\">\r\n                <div class=\"bn-card-content\">\r\n                    <span class=\"bn-big-num\">1<\/span>\r\n                    <div class=\"bn-icon\">\ud83c\uddf5\ud83c\uddf0<\/div>\r\n                    <h3>Pakistan<\/h3>\r\n                    <p>Long-grain and basmati rice varieties.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2: TURKEY -->\r\n            <div class=\"bn-card\">\r\n                <div class=\"bn-card-content\">\r\n                    <span class=\"bn-big-num\">2<\/span>\r\n                    <div class=\"bn-icon\">\ud83c\uddf9\ud83c\uddf7<\/div>\r\n                    <h3>Turkey<\/h3>\r\n                    <p>Pasta and select wheat products.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3: MALAYSIA (GREEN) -->\r\n            <div class=\"bn-card bn-green\">\r\n                <div class=\"bn-card-content\">\r\n                    <span class=\"bn-big-num\">3<\/span>\r\n                    <div class=\"bn-icon\">\ud83c\uddf2\ud83c\uddfe<\/div>\r\n                    <h3>Malaysia<\/h3>\r\n                    <p>Palm and vegetable cooking oil.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4: INDIA -->\r\n            <div class=\"bn-card\">\r\n                <div class=\"bn-card-content\">\r\n                    <span class=\"bn-big-num\">4<\/span>\r\n                    <div class=\"bn-icon\">\ud83c\uddee\ud83c\uddf3<\/div>\r\n                    <h3>India<\/h3>\r\n                    <p>Sugar, rice varieties, and grains.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === CSS STYLING === -->\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-navy: #0A1F16;\r\n        --bn-bg: #CDE8D7;\r\n        --white: #FFFFFF;\r\n    }\r\n\r\n    .barre-big-num-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--bn-bg);\r\n        padding: 120px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    .barre-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .bn-header { text-align: center; margin-bottom: 100px; }\r\n    .bn-eyebrow { font-size: 13px; font-weight: 800; color: var(--barre-green); text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 20px; }\r\n    .bn-h2 { font-size: clamp(2.2rem, 5vw, 2.8rem); font-weight: 800; color: var(--barre-navy); line-height: 1.1; margin-bottom: 20px; }\r\n    .bn-h2 span { color: var(--barre-green); }\r\n    .bn-desc { font-size: 1.1rem; color: #4A5D52; max-width: 600px; margin: 0 auto; line-height: 1.7; }\r\n\r\n    \/* GRID *\/\r\n    .bn-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* CARD DESIGN *\/\r\n    .bn-card {\r\n        background: var(--white);\r\n        padding: 60px 40px;\r\n        border-radius: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: 0.5s cubic-bezier(0.2, 0, 0, 1);\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        border: 1px solid rgba(0,0,0,0.04);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* BIG NUMBER *\/\r\n    .bn-big-num {\r\n        font-size: 6rem;\r\n        font-weight: 900;\r\n        color: var(--barre-green);\r\n        opacity: 0.08;\r\n        position: absolute;\r\n        top: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        transition: 0.5s cubic-bezier(0.2, 0, 0, 1);\r\n        z-index: -1;\r\n        line-height: 1;\r\n    }\r\n\r\n    .bn-card-content { position: relative; z-index: 10; }\r\n    .bn-icon { font-size: 3rem; margin-bottom: 30px; display: block; transition: 0.4s; }\r\n    .bn-card h3 { font-size: 1.8rem; font-weight: 800; color: var(--barre-navy); margin-bottom: 12px; transition: 0.4s; }\r\n    .bn-card p { font-size: 1rem; color: #55665e; line-height: 1.6; margin: 0; transition: 0.4s; }\r\n\r\n    \/* GREEN CARD STYLE *\/\r\n    .bn-card.bn-green {\r\n        background: var(--barre-green);\r\n        box-shadow: 0 20px 50px rgba(4, 142, 57, 0.2);\r\n        border: none;\r\n    }\r\n    .bn-card.bn-green .bn-big-num { color: white; opacity: 0.15; }\r\n    .bn-card.bn-green h3, .bn-card.bn-green p { color: white; }\r\n\r\n    \/* HOVER INTERACTIONS *\/\r\n    .bn-card:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 40px 80px rgba(4, 142, 57, 0.15);\r\n    }\r\n    .bn-card:hover .bn-big-num {\r\n        opacity: 0.25;\r\n        transform: translateX(-50%) scale(1.4);\r\n        top: 0;\r\n    }\r\n    .bn-card.bn-green:hover .bn-big-num { opacity: 0.3; }\r\n\r\n    .bn-card:hover .bn-icon { transform: scale(1.1); }\r\n    .bn-card:hover:not(.bn-green) h3 { color: var(--barre-green); }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1100px) { .bn-grid { grid-template-columns: 1fr 1fr; } }\r\n    @media (max-width: 600px) { .bn-grid { grid-template-columns: 1fr; } .bn-card { padding: 50px 40px; } }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-247798c e-flex e-con-boxed e-con e-parent\" data-id=\"247798c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4888ec9 elementor-widget elementor-widget-html\" data-id=\"4888ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === HTML STRUCTURE === -->\r\n<div class=\"barre-why-wrap\">\r\n    <div class=\"barre-container\">\r\n        \r\n        <!-- HEADER -->\r\n        <div class=\"why-header\">\r\n            <span class=\"w-eyebrow\">WHY BARRE<\/span>\r\n            <h2 class=\"w-h2\">What we <span>get right.<\/span><\/h2>\r\n            <p class=\"w-desc\">Six things every buyer can count on, every order.<\/p>\r\n        <\/div>\r\n\r\n        <!-- THE 6-POINT GRID -->\r\n        <div class=\"why-grid\">\r\n            \r\n            <!-- 01: STOCK -->\r\n            <div class=\"why-card animate-up\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 8V21H3V8\"\/><path d=\"M1 3H23V8H1V3Z\"\/><path d=\"M10 12H14\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Stock in both warehouses<\/h3>\r\n                <p>Buffer stock held in Mogadishu and Berbera. You don't wait for the next container.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- 02: WRITTEN QUOTES -->\r\n            <div class=\"why-card animate-up delay-1\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Written quotes<\/h3>\r\n                <p>Every quote is in writing. No verbal pricing, no hidden margins.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- 03: TURNAROUND -->\r\n            <div class=\"why-card animate-up delay-2\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Same-day quote turnaround<\/h3>\r\n                <p>Most quote requests answered within 4 business hours.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- 04: ONE CONTACT -->\r\n            <div class=\"why-card animate-up\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                <\/div>\r\n                <h3>One contact per account<\/h3>\r\n                <p>Dedicated salesperson for active buyers. No bouncing between departments.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- 05: STORAGE -->\r\n            <div class=\"why-card animate-up delay-1\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Controlled storage<\/h3>\r\n                <p>Palletised, ventilated, batch-tracked. Grains and oils kept in separate zones.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- 06: DECADE OF TRADING -->\r\n            <div class=\"why-card animate-up delay-2\">\r\n                <div class=\"w-icon-box\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Decade of trading<\/h3>\r\n                <p>Active in the Somali food import trade since 2012. Long-standing supplier relationships.<\/p>\r\n                <div class=\"w-card-line\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === CSS STYLING === -->\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-navy: #0A1F16;\r\n        --white: #FFFFFF;\r\n        --soft-gray: #F5F7F6;\r\n    }\r\n\r\n    .barre-why-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: #F9FBFA;\r\n        padding: 120px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    .barre-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .why-header { text-align: center; margin-bottom: 80px; }\r\n    .w-eyebrow { font-size: 13px; font-weight: 800; color: var(--barre-green); text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 20px; }\r\n    .w-h2 { font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 800; color: var(--barre-navy); line-height: 1.1; margin-bottom: 20px; }\r\n    .w-h2 span { color: var(--barre-green); }\r\n    .w-desc { font-size: 1.1rem; color: #55665e; max-width: 500px; margin: 0 auto; line-height: 1.7; }\r\n\r\n    \/* GRID *\/\r\n    .why-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* CARD DESIGN *\/\r\n    .why-card {\r\n        background: var(--white);\r\n        padding: 50px 40px;\r\n        border-radius: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: 0.5s cubic-bezier(0.2, 0, 0, 1);\r\n        cursor: pointer;\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .w-icon-box {\r\n        width: 60px; height: 60px;\r\n        background: #EAF4EE;\r\n        color: var(--barre-green);\r\n        border-radius: 16px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        margin-bottom: 30px;\r\n        transition: 0.4s;\r\n    }\r\n    .w-icon-box svg { width: 28px; height: 28px; }\r\n\r\n    .why-card h3 { font-size: 1.5rem; font-weight: 800; color: var(--barre-navy); margin-bottom: 15px; transition: 0.3s; }\r\n    .why-card p { font-size: 0.95rem; color: #55665e; line-height: 1.6; margin: 0; }\r\n\r\n    .w-card-line {\r\n        position: absolute; bottom: 0; left: 0; width: 0; height: 4px;\r\n        background: var(--barre-green); transition: 0.4s cubic-bezier(0.2, 0, 0, 1);\r\n    }\r\n\r\n    \/* HOVER INTERACTION *\/\r\n    .why-card:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 40px 80px rgba(4, 142, 57, 0.1);\r\n        border-color: var(--barre-green);\r\n    }\r\n    .why-card:hover .w-icon-box { background: var(--barre-green); color: white; transform: rotate(10deg); }\r\n    .why-card:hover h3 { color: var(--barre-green); }\r\n    .why-card:hover .w-card-line { width: 100%; }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n    .animate-up { animation: fadeInUp 0.8s forwards ease; opacity: 0; }\r\n    .delay-1 { animation-delay: 0.1s; }\r\n    .delay-2 { animation-delay: 0.2s; }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 991px) { .why-grid { grid-template-columns: 1fr 1fr; } }\r\n    @media (max-width: 600px) { .why-grid { grid-template-columns: 1fr; } .why-card { padding: 40px; } }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddc4d58 e-flex e-con-boxed e-con e-parent\" data-id=\"ddc4d58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8e1a4c elementor-widget elementor-widget-html\" data-id=\"a8e1a4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- === HTML STRUCTURE === -->\r\n<div class=\"barre-cta-wrap\">\r\n    \r\n    <!-- CINEMATIC BACKGROUND WITH OVERLAY -->\r\n    <div class=\"cta-bg-visual\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=2070&auto=format&fit=crop\" alt=\"Barre Logistics\">\r\n        <div class=\"cta-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"barre-container\">\r\n        <div class=\"cta-content-box\">\r\n            \r\n            <!-- HEADER -->\r\n            <div class=\"cta-header\">\r\n                <span class=\"cta-eyebrow\">READY TO SCALE?<\/span>\r\n                <h2 class=\"cta-h2\">Send a quote request. <br><span>Get a written price.<\/span><\/h2>\r\n                <p class=\"cta-desc\">Tell us what you need and the volume. We come back with a delivered price the same business day.<\/p>\r\n            <\/div>\r\n\r\n            <!-- BUTTONS -->\r\n            <div class=\"cta-actions\">\r\n                <a href=\"#quote\" class=\"btn-primary\">Request a Quote &rarr;<\/a>\r\n                <a href=\"tel:+252615591918\" class=\"btn-secondary\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                    Call +252 61 5591918\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- TRUST TAG -->\r\n            <div class=\"cta-trust\">\r\n                <span>Fast Response Guaranteed<\/span>\r\n                <span class=\"dot\">\u2022<\/span>\r\n                <span>Direct Wholesale Support<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- === CSS STYLING === -->\r\n<style>\r\n    :root {\r\n        --barre-green: #048E39;\r\n        --barre-navy: #0A1F16;\r\n        --white: #FFFFFF;\r\n    }\r\n\r\n    .barre-cta-wrap {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        height: 600px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    \/* BACKGROUND LAYER *\/\r\n    .cta-bg-visual {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 1;\r\n    }\r\n    .cta-bg-visual img { width: 100%; height: 100%; object-fit: cover; }\r\n    .cta-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(135deg, rgba(10, 31, 22, 0.95) 0%, rgba(4, 142, 57, 0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .barre-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        padding: 0 5%;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .cta-eyebrow { font-size: 13px; font-weight: 800; color: #8CFFB4; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 25px; }\r\n    .cta-h2 { font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 800; color: white; line-height: 1.1; margin-bottom: 25px; }\r\n    .cta-h2 span { color: #8CFFB4; }\r\n    .cta-desc { font-size: 1.2rem; color: rgba(255,255,255,0.8); max-width: 700px; margin: 0 auto 50px; line-height: 1.7; }\r\n\r\n    \/* ACTIONS *\/\r\n    .cta-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .btn-primary {\r\n        background: var(--barre-green);\r\n        color: white;\r\n        padding: 20px 45px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        font-weight: 800;\r\n        font-size: 1.1rem;\r\n        transition: 0.4s cubic-bezier(0.2, 0, 0, 1);\r\n        box-shadow: 0 20px 40px rgba(4, 142, 57, 0.3);\r\n    }\r\n    .btn-primary:hover { transform: translateY(-5px); background: white; color: var(--barre-navy); box-shadow: 0 25px 50px rgba(0,0,0,0.3); }\r\n\r\n    .btn-secondary {\r\n        background: rgba(255,255,255,0.1);\r\n        backdrop-filter: blur(10px);\r\n        color: white;\r\n        padding: 20px 45px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        font-weight: 800;\r\n        font-size: 1.1rem;\r\n        display: flex; align-items: center; gap: 15px;\r\n        transition: 0.4s;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n    .btn-secondary svg { width: 20px; height: 20px; }\r\n    .btn-secondary:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); }\r\n\r\n    \/* TRUST TAG *\/\r\n    .cta-trust {\r\n        display: flex; justify-content: center; gap: 20px; align-items: center;\r\n        color: rgba(255,255,255,0.6); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;\r\n    }\r\n    .cta-trust .dot { color: var(--barre-green); font-size: 1.5rem; }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .barre-cta-wrap { height: auto; padding: 100px 0; }\r\n        .cta-actions { flex-direction: column; align-items: stretch; }\r\n        .btn-primary, .btn-secondary { justify-content: center; }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Trusted Partner for Quality Wholesale Staples Worldwide We supply a wide range of high-quality products at competitive prices with reliable service, fast delivery, and long-term value for your business. Request Quote View Products Our Business Core A Legacy of Quality, Flipped for the Future. Established 2012 01 Our History Founded by Hassan Moalim, we [&hellip;]<\/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-552","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","a021d615acb00704d22a215bb20821ff":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"d0505c9bc2c3a100918983b7672c5e6d":"","hero_alignment1":"left","hero_alignment2":"center","hero_vertical_alignment":"center","69a73150cebfaece67402936f1c0455f":"","hero_structure":"narrow","bd1080d581870d75437a0aec7ce14d23":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"a45ed0d64b9a771c158335017296bd80":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":{"desktop":"12px","tablet":"12px","mobile":"12px"},"line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"default":{"color":"rgba(41, 51, 60, 0.2)"}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#EDEFF2"}}},"c0700eea2d5f2a79943114245d9b0d3c":"","page_structure_type":"default","content_style":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#ffffff"}}},"content_boxed_spacing":{"desktop":"40px","tablet":"35px","mobile":"20px"},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"content_boxed_shadow":{"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"05c14464af83440d2458a3b59cd3c7c8":"","disable_featured_image":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[]}},"_links":{"self":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":189,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/552\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/552\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/media?parent=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}