{"id":1031,"date":"2026-05-11T09:15:53","date_gmt":"2026-05-11T09:15:53","guid":{"rendered":"https:\/\/barefoods.so\/?page_id=1031"},"modified":"2026-05-12T14:23:56","modified_gmt":"2026-05-12T14:23:56","slug":"products","status":"publish","type":"page","link":"https:\/\/barefoods.so\/index.php\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1031\" class=\"elementor elementor-1031\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c22789 e-flex e-con-boxed e-con e-parent\" data-id=\"4c22789\" 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-0330e00 elementor-widget elementor-widget-html\" data-id=\"0330e00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RADIANT PRODUCTS HERO -->\r\n<section class=\"barre-products-hero-radiant\">\r\n  \r\n  <!-- Deep Brand Gradient Base -->\r\n  <div class=\"radiant-bg-base\"><\/div>\r\n\r\n  <!-- Atmospheric Beam Overlay -->\r\n  <div class=\"beam-overlay\" aria-hidden=\"true\">\r\n    <div class=\"beam beam-1\"><\/div>\r\n    <div class=\"beam beam-2\"><\/div>\r\n    <div class=\"beam beam-3\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Soft vignette for contrast -->\r\n  <div class=\"radiant-vignette\"><\/div>\r\n\r\n  <div class=\"barre-hero-content\">\r\n    \r\n    <!-- Badge Style -->\r\n    <div class=\"barre-badge-inverted reveal-now\" style=\"--delay: 0s\" data-en=\"Products Catalog\" data-so=\"Buugga Alaabta\">\r\n      Products \r\n    <\/div>\r\n    \r\n    <!-- Title Style -->\r\n    <h1 class=\"hero-title-white reveal-now\" style=\"--delay: 0.15s\">\r\n      <span data-en=\"Essential Goods\" data-so=\"Alaabta Daruuriga ah\">Essential Goods<\/span><br>\r\n      <span class=\"text-white-stroke\" data-en=\"We Supply.\" data-so=\"ee aan Bixino.\">We Supply.<\/span>\r\n    <\/h1>\r\n    \r\n    <!-- Paragraph Style -->\r\n    <p class=\"hero-p-white reveal-now\" style=\"--delay: 0.3s\" \r\n       data-en=\"Explore our full range of premium staple commodities. We highlight the BARRE GOLD brand, ensuring reliable, high-quality bulk pricing for businesses.\"\r\n       data-so=\"Baadh alaabadayada cunnada ee kala duwan. Waxaan xoogga saaraynaa sumadda BARRE GOLD, annagoo hubinayna qiimayaal jumlada ah oo la isku halleyn karo oo tayo sare leh.\">\r\n      Explore our full range of premium staple commodities. We highlight the BARRE GOLD brand, ensuring reliable, high-quality bulk pricing for businesses.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* RADIANT HERO SYSTEM *\/\r\n.barre-products-hero-radiant {\r\n  position: relative;\r\n  background: #022812;\r\n  \r\n  \/* PULL UP BEHIND HEADER *\/\r\n  margin-top: -120px !important;\r\n  padding: 180px 20px 140px;\r\n  \r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  isolation: isolate;\r\n  min-height: 65vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Background & Beams *\/\r\n.radiant-bg-base {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background: linear-gradient(135deg, #022812 0%, #048E39 50%, #022812 100%);\r\n}\r\n.beam-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }\r\n.beam {\r\n  position: absolute; width: 150%; height: 100%;\r\n  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.08) 50%, transparent 100%);\r\n  filter: blur(40px); transform-origin: center;\r\n}\r\n.beam-1 { top: -20%; left: -50%; transform: rotate(-45deg); animation: beamMove 12s infinite alternate ease-in-out; }\r\n.beam-2 { bottom: -20%; right: -50%; transform: rotate(-45deg); animation: beamMove 15s infinite alternate-reverse ease-in-out; }\r\n.beam-3 { top: 10%; left: 10%; width: 100%; height: 150%; background: radial-gradient(circle, rgba(166, 227, 40, 0.1) 0%, transparent 70%); }\r\n\r\n@keyframes beamMove { \r\n  0% { transform: rotate(-40deg) translate(-5%, -5%); opacity: 0.3; } \r\n  100% { transform: rotate(-50deg) translate(5%, 5%); opacity: 0.8; } \r\n}\r\n\r\n.radiant-vignette { position: absolute; inset: 0; z-index: 2; background: radial-gradient(circle at 50% 50%, transparent 20%, rgba(0,0,0,0.5) 100%); }\r\n\r\n.barre-hero-content { position: relative; z-index: 10; max-width: 1300px; margin: 0 auto; }\r\n\r\n\/* Inverted Badge *\/\r\n.barre-badge-inverted {\r\n  display: inline-block; padding: 8px 24px; border-radius: 6px;\r\n  background: #ffffff; color: #048E39; \r\n  font-size: 13px; font-weight: 800; letter-spacing: 0.15em; \r\n  text-transform: uppercase; margin-bottom: 35px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* White Title *\/\r\n.hero-title-white {\r\n  font-family: 'Poppins', 'Outfit', sans-serif; font-size: clamp(38px, 5vw, 76px);\r\n  font-weight: 300; line-height: 1.15; color: #ffffff;\r\n  letter-spacing: -0.03em; margin: 0 0 35px 0;\r\n}\r\n\r\n\/* White Stroke Underline *\/\r\n.text-white-stroke { position: relative; display: inline-block; font-weight: 800; color: #ffffff; z-index: 1; }\r\n.text-white-stroke::after {\r\n  content: \"\"; position: absolute; left: -2%; width: 104%; bottom: -4px; height: 16px; z-index: -1;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M 3 18 C 80 4, 200 14, 297 16' stroke='%23ffffff' stroke-width='6' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-size: 100% 100%; background-repeat: no-repeat;\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* Paragraph *\/\r\n.hero-p-white { font-size: clamp(16px, 2vw, 20px); line-height: 1.8; color: rgba(255,255,255,0.9); max-width: 760px; margin: 0 auto; }\r\n\r\n\/* Animations *\/\r\n.reveal-now { opacity: 0; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: var(--delay); }\r\n.reveal-now.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n@media (max-width:1024px){\r\n  .barre-products-hero-radiant { padding: 160px 20px 100px; margin-top: -80px !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const targets = document.querySelectorAll(\".barre-products-hero-radiant .reveal-now\");\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  targets.forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\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-5aa2667 e-flex e-con-boxed e-con e-parent\" data-id=\"5aa2667\" 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-9b64e49 elementor-widget elementor-widget-html\" data-id=\"9b64e49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 2: FULL-WIDTH CLEAN CORE (WITH HOVER ANIMATIONS) -->\r\n<section class=\"barre-full-clean-core\">\r\n  <div class=\"full-container\">\r\n    \r\n    <!-- Large Statement -->\r\n    <div class=\"core-intro reveal\">\r\n      <h2 data-en=\"Uncompromising Quality.<br>Consistent Supply.\" data-so=\"Tayo aan la Isku Hallayn karin.<br>Sahay Joogto ah.\">\r\n        Uncompromising Quality.<br>Consistent Supply.\r\n      <\/h2>\r\n      <p data-en=\"Since 2012, we have redefined food distribution in Somalia by bridging the gap between global producers and local businesses.\"\r\n         data-so=\"Tan iyo sanadkii 2012, waxaan dib u qeexnay qaybinta cuntada Soomaaliya annagoo isku xireyna soosaarayaasha caalamka iyo ganacsiyada maxalliga ah.\">\r\n        Since 2012, we have redefined food distribution in Somalia by bridging the gap between global producers and local businesses.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Wide Three-Column Grid -->\r\n    <div class=\"core-grid\">\r\n      \r\n      <!-- Quality -->\r\n      <div class=\"core-item reveal\" style=\"--delay: 0.1s\">\r\n        <div class=\"core-icon-wrap\">\r\n          <div class=\"core-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#048E39\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"core-text\">\r\n          <h3 data-en=\"Quality First\" data-so=\"Tayada Koowaad\">Quality First<\/h3>\r\n          <p data-en=\"Directly sourced from Turkey, India, and Thailand.\" data-so=\"Si toos ah looga keenay caalamka.\">Directly sourced from Turkey, India, and Thailand.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Regional -->\r\n      <div class=\"core-item reveal\" style=\"--delay: 0.2s\">\r\n        <div class=\"core-icon-wrap\">\r\n          <div class=\"core-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#048E39\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"core-text\">\r\n          <h3 data-en=\"Regional Reach\" data-so=\"Gaadhista Gobolka\">Regional Reach<\/h3>\r\n          <p data-en=\"Active hubs in Mogadishu and Berbera Port.\" data-so=\"Xarumo firfircoon Muqdisho iyo Berbera.\">Active hubs in Mogadishu and Berbera Port.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Storage -->\r\n      <div class=\"core-item reveal\" style=\"--delay: 0.3s\">\r\n        <div class=\"core-icon-wrap\">\r\n          <div class=\"core-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#048E39\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"core-text\">\r\n          <h3 data-en=\"Secure Storage\" data-so=\"Kayd Ammaan ah\">Secure Storage<\/h3>\r\n          <p data-en=\"Hygienic warehouse facilities for all staples.\" data-so=\"Bakhaaro nadaafad leh oo cuntooyinka lagu kaydiyo.\">Hygienic warehouse facilities for all staples.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* FULL-WIDTH CLEAN CORE STYLES *\/\r\n.barre-full-clean-core {\r\n  padding: 140px 0;\r\n  background: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.full-container { max-width: 1400px; margin: 0 auto; padding: 0 60px; }\r\n\r\n\/* Intro Header *\/\r\n.core-intro { text-align: center; max-width: 900px; margin: 0 auto 100px; }\r\n.core-intro h2 {\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(38px, 6vw, 68px);\r\n  font-weight: 800; color: #048E39; line-height: 1.1; margin-bottom: 30px;\r\n}\r\n.core-intro p { font-size: 20px; color: #555; line-height: 1.8; }\r\n\r\n\/* Grid *\/\r\n.core-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 80px;\r\n}\r\n\r\n\/* INTERACTIVE CARD *\/\r\n.core-item { \r\n  display: flex; align-items: flex-start; gap: 24px; \r\n  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  cursor: default;\r\n}\r\n.core-item:hover { transform: translateX(10px); }\r\n\r\n.core-icon-wrap { position: relative; }\r\n.core-icon {\r\n  flex-shrink: 0; width: 56px; height: 56px; \r\n  background: rgba(4, 142, 57, 0.05); border-radius: 14px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: all 0.4s ease;\r\n}\r\n.core-item:hover .core-icon { \r\n  background: #048E39; \r\n  box-shadow: 0 10px 20px rgba(4, 142, 57, 0.2);\r\n  transform: scale(1.1);\r\n}\r\n.core-item:hover .core-icon svg { stroke: #ffffff; }\r\n\r\n.core-text h3 {\r\n  font-family: 'Outfit', sans-serif; font-size: 24px; font-weight: 800;\r\n  color: #111; margin: 0 0 12px 0; position: relative; display: inline-block;\r\n}\r\n\/* Title Underline Hover *\/\r\n.core-text h3::after {\r\n  content: \"\"; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px;\r\n  background: #048E39; transition: width 0.3s ease;\r\n}\r\n.core-item:hover .core-text h3::after { width: 40px; }\r\n\r\n.core-text p { font-size: 15px; color: #777; line-height: 1.7; margin: 0; }\r\n\r\n\/* REVEAL *\/\r\n.reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n@media (max-width: 1024px) {\r\n  .full-container { padding: 0 30px; }\r\n  .core-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .core-intro { text-align: left; }\r\n  .core-item:hover { transform: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.barre-full-clean-core .reveal').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\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-9be6bfd e-flex e-con-boxed e-con e-parent\" data-id=\"9be6bfd\" 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-ef90d7e elementor-widget elementor-widget-html\" data-id=\"ef90d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 3: THE GALLERY GRID (MINIMALIST MODERN) -->\r\n<section class=\"barre-gallery-catalog\">\r\n  <div class=\"full-container\">\r\n    \r\n    <div class=\"gallery-header reveal\">\r\n      <div class=\"pill-tag-soft\" data-en=\"Our Collection\" data-so=\"Ururintayada\">Our Collection<\/div>\r\n      <h2 data-en=\"The World's Finest Staples.\" data-so=\"Cuntada Dunida ugu Fiican.\">The World's Finest Staples.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n      \r\n      <!-- 1. RICE -->\r\n      <div class=\"gallery-card reveal\" style=\"--delay: 0.1s\">\r\n        <div class=\"gallery-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586201375761-83865001e31c?auto=format&fit=crop&q=80&w=800\" alt=\"Rice\">\r\n          <div class=\"gallery-badge\">BARRE GOLD<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-info\">\r\n          <h3 data-en=\"Long-Grain Rice\" data-so=\"Bariiska Cad\">Long-Grain Rice<\/h3>\r\n          <p data-en=\"Sourced from Pakistan's most fertile plains.\" data-so=\"Laga keenay dhulka barwaaqada ah ee Bakistaan.\">Sourced from Pakistan's most fertile plains.<\/p>\r\n          <a href=\"\/contact\" class=\"gallery-btn\" data-en=\"Request Quote\" data-so=\"Codso Qiimaha\">Request Quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2. SUGAR -->\r\n      <div class=\"gallery-card reveal\" style=\"--delay: 0.2s\">\r\n        <div class=\"gallery-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581447100595-3773d726ba37?auto=format&fit=crop&q=80&w=800\" alt=\"Sugar\">\r\n          <div class=\"gallery-badge\">REFINED<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-info\">\r\n          <h3 data-en=\"Cane Sugar\" data-so=\"Sokorta Cad\">Cane Sugar<\/h3>\r\n          <p data-en=\"High-purity crystalline sugar from Brazil.\" data-so=\"Sokor tayo sare leh oo laga keenay Brazil.\">High-purity crystalline sugar from Brazil.<\/p>\r\n          <a href=\"\/contact\" class=\"gallery-btn\" data-en=\"Request Quote\" data-so=\"Codso Qiimaha\">Request Quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3. FLOUR -->\r\n      <div class=\"gallery-card reveal\" style=\"--delay: 0.3s\">\r\n        <div class=\"gallery-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1627485601819-74c1bdecdd57?auto=format&fit=crop&q=80&w=800\" alt=\"Flour\">\r\n          <div class=\"gallery-badge\">PREMIUM<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-info\">\r\n          <h3 data-en=\"Wheat Flour\" data-so=\"Daqiiqda Qamadiga\">Wheat Flour<\/h3>\r\n          <p data-en=\"Fine grade flour for bakeries and retail.\" data-so=\"Daqiiq tayo leh oo loo isticmaalo dubista.\">Fine grade flour for bakeries and retail.<\/p>\r\n          <a href=\"\/contact\" class=\"gallery-btn\" data-en=\"Request Quote\" data-so=\"Codso Qiimaha\">Request Quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4. OIL -->\r\n      <div class=\"gallery-card reveal\" style=\"--delay: 0.4s\">\r\n        <div class=\"gallery-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1474979266404-7eaacbcd87c5?auto=format&fit=crop&q=80&w=800\" alt=\"Oil\">\r\n          <div class=\"gallery-badge\">VEGETABLE<\/div>\r\n        <\/div>\r\n        <div class=\"gallery-info\">\r\n          <h3 data-en=\"Cooking Oil\" data-so=\"Saliidda Cuntada\">Cooking Oil<\/h3>\r\n          <p data-en=\"Triple-refined pure vegetable oil.\" data-so=\"Saliid nadiif ah oo saddex jeer la sifeeyay.\">Triple-refined pure vegetable oil.<\/p>\r\n          <a href=\"\/contact\" class=\"gallery-btn\" data-en=\"Request Quote\" data-so=\"Codso Qiimaha\">Request Quote<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* GALLERY GRID STYLES *\/\r\n.barre-gallery-catalog {\r\n  padding: 120px 0;\r\n  background: #ffffff;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.full-container { max-width: 1440px; margin: 0 auto; padding: 0 60px; }\r\n\r\n.gallery-header { margin-bottom: 80px; text-align: center; }\r\n.pill-tag-soft {\r\n  display: inline-block; padding: 6px 20px; background: #f4f4f4;\r\n  color: #555; font-size: 11px; font-weight: 800; border-radius: 50px;\r\n  text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 25px;\r\n}\r\n.gallery-header h2 { font-family: 'Outfit', sans-serif; font-size: 48px; color: #111; font-weight: 800; }\r\n\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 40px;\r\n}\r\n\r\n.gallery-card {\r\n  background: transparent;\r\n  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n\r\n.gallery-media {\r\n  position: relative;\r\n  height: 320px;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  margin-bottom: 25px;\r\n  background: #f9f9f9;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.04);\r\n  transition: 0.5s;\r\n}\r\n.gallery-card:hover .gallery-media {\r\n  transform: scale(0.98) translateY(-10px);\r\n  box-shadow: 0 40px 80px rgba(0,0,0,0.1);\r\n}\r\n\r\n.gallery-media img { width: 100%; height: 100%; object-fit: cover; transition: 0.8s ease; }\r\n.gallery-card:hover .gallery-media img { transform: scale(1.1); }\r\n\r\n.gallery-badge {\r\n  position: absolute; bottom: 20px; left: 20px;\r\n  background: #048E39; color: #fff; font-size: 9px; font-weight: 900;\r\n  padding: 6px 14px; border-radius: 4px; letter-spacing: 0.1em;\r\n}\r\n\r\n.gallery-info h3 { font-family: 'Outfit', sans-serif; font-size: 22px; color: #111; margin: 0 0 10px 0; }\r\n.gallery-info p { font-size: 14px; color: #777; line-height: 1.6; margin-bottom: 20px; }\r\n\r\n.gallery-btn {\r\n  display: inline-block; padding: 12px 25px; border: 1.5px solid #048E39;\r\n  color: #048E39; text-decoration: none; font-weight: 800; font-size: 13px;\r\n  border-radius: 50px; transition: 0.3s;\r\n}\r\n.gallery-btn:hover { background: #048E39; color: #fff; box-shadow: 0 10px 20px rgba(4,142,57,0.2); }\r\n\r\n\/* REVEAL *\/\r\n.reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n@media (max-width: 1200px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 768px) { .gallery-grid { grid-template-columns: 1fr; } .full-container { padding: 0 20px; } }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.barre-gallery-catalog .reveal').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\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-4380a51 e-flex e-con-boxed e-con e-parent\" data-id=\"4380a51\" 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-47b80cf elementor-widget elementor-widget-html\" data-id=\"47b80cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 4: FEATURED BRAND CALLOUT (BARRE GOLD SPOTLIGHT) -->\r\n<section class=\"barre-gold-callout\">\r\n  <div class=\"full-container\">\r\n    <div class=\"spotlight-wrap\">\r\n      \r\n      <!-- Left Side: Cinematic Media -->\r\n      <div class=\"spotlight-media reveal\">\r\n        <div class=\"media-frame\">\r\n          <div class=\"badge-gold\">FLAGSHIP BRAND<\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586201375761-83865001e31c?auto=format&fit=crop&q=80&w=1200\" alt=\"BARRE GOLD Rice\">\r\n          \r\n          <!-- Floating Quality Indicators -->\r\n          <div class=\"indicator-pills\">\r\n            <div class=\"pill-glass\">99.9% PURITY<\/div>\r\n            <div class=\"pill-glass\">GRADE A++<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side: Brand Story -->\r\n      <div class=\"spotlight-content reveal\" style=\"transition-delay: 0.2s;\">\r\n        <div class=\"eyebrow-green\" data-en=\"Our Signature Commodity\" data-so=\"Badeecadayada Khaaska ah\">Our Signature Commodity<\/div>\r\n        \r\n        <h2 class=\"spotlight-h2\">\r\n          <span class=\"light-text\">BARRE<\/span><br>\r\n          <span class=\"bold-text\">GOLD RICE.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"spotlight-p\" \r\n           data-en=\"Directly sourced from the most fertile plains, BARRE GOLD is double-polished and aged to perfection. It is the foundation of quality for kitchens and businesses across Somalia.\"\r\n           data-so=\"BARRE GOLD waxaa si toos ah looga keenay dhulka barwaaqada ah. Waxaa loo sifeeyay laba jeer waana bariis tayo sare leh oo loogu talagalay ganacsiyada Soomaaliya.\">\r\n          Directly sourced from the most fertile plains, BARRE GOLD is double-polished and aged to perfection. It is the foundation of quality for kitchens and businesses across Somalia.\r\n        <\/p>\r\n\r\n        <!-- Feature List -->\r\n        <div class=\"feature-stack\">\r\n          <div class=\"f-item\">\r\n            <div class=\"f-dot\"><\/div>\r\n            <div class=\"f-text\">\r\n              <strong data-en=\"Double Polished\" data-so=\"Laba jeer la sifeeyay\">Double Polished<\/strong>\r\n              <span data-en=\"Superior Texture & Grain\" data-so=\"Midab iyo qaab aad u wanaagsan\">Superior Texture & Grain<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"f-item\">\r\n            <div class=\"f-dot\"><\/div>\r\n            <div class=\"f-text\">\r\n              <strong data-en=\"Direct Import\" data-so=\"Keenis Toos ah\">Direct Import<\/strong>\r\n              <span data-en=\"Trusted Global Logistics\" data-so=\"Nidaam keenis oo la isku halleyn karo\">Trusted Global Logistics<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"\/contact\" class=\"btn-gold-spot\" data-en=\"Request Bulk Pricing\" data-so=\"Codso Qiimaha Jumlada\">Request Bulk Pricing<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SPOTLIGHT STYLES *\/\r\n.barre-gold-callout {\r\n  padding: 140px 0;\r\n  background: #fdfdfd;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.full-container { max-width: 1400px; margin: 0 auto; padding: 0 60px; }\r\n\r\n.spotlight-wrap {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 100px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Media Side *\/\r\n.spotlight-media { position: relative; }\r\n.media-frame {\r\n  position: relative;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 50px 100px rgba(0,0,0,0.08);\r\n}\r\n.media-frame img { width: 100%; height: auto; display: block; transition: transform 0.8s ease; }\r\n.media-frame:hover img { transform: scale(1.05); }\r\n\r\n.badge-gold {\r\n  position: absolute; top: 30px; left: 30px; z-index: 10;\r\n  background: #048E39; color: #fff; font-size: 10px; font-weight: 900;\r\n  padding: 8px 20px; border-radius: 4px; letter-spacing: 0.2em;\r\n}\r\n\r\n.indicator-pills {\r\n  position: absolute; bottom: 30px; right: 30px; z-index: 10;\r\n  display: flex; gap: 10px;\r\n}\r\n.pill-glass {\r\n  background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 15px;\r\n  border-radius: 50px; font-size: 10px; font-weight: 800; color: #111;\r\n}\r\n\r\n\/* Content Side *\/\r\n.eyebrow-green { font-size: 11px; font-weight: 800; color: #048E39; letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 25px; }\r\n\r\n.spotlight-h2 { font-family: 'Outfit', sans-serif; font-size: clamp(48px, 6vw, 84px); line-height: 1; color: #111; margin-bottom: 30px; }\r\n.spotlight-h2 .light-text { font-weight: 200; opacity: 0.5; }\r\n.spotlight-h2 .bold-text { font-weight: 800; color: #048E39; }\r\n\r\n.spotlight-p { font-size: 19px; line-height: 1.8; color: #555; margin-bottom: 50px; }\r\n\r\n\/* Feature Stack *\/\r\n.feature-stack { margin-bottom: 50px; }\r\n.f-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; }\r\n.f-dot { width: 8px; height: 8px; background: #048E39; border-radius: 50%; margin-top: 8px; }\r\n.f-text strong { display: block; font-size: 16px; color: #111; margin-bottom: 4px; }\r\n.f-text span { font-size: 13px; color: #888; }\r\n\r\n.btn-gold-spot {\r\n  display: inline-block; padding: 20px 50px; background: #111; color: #fff;\r\n  text-decoration: none; font-weight: 800; font-size: 15px; border-radius: 8px; transition: 0.3s;\r\n}\r\n.btn-gold-spot:hover { background: #048E39; transform: translateY(-5px); box-shadow: 0 20px 40px rgba(4,142,57,0.2); }\r\n\r\n\/* REVEAL *\/\r\n.reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }\r\n.reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n@media (max-width: 1100px) {\r\n  .spotlight-wrap { grid-template-columns: 1fr; gap: 60px; text-align: center; }\r\n  .full-container { padding: 0 20px; }\r\n  .feature-stack { display: flex; flex-direction: column; align-items: center; }\r\n  .f-item { text-align: left; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.barre-gold-callout .reveal').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\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-0bbd435 e-flex e-con-boxed e-con e-parent\" data-id=\"0bbd435\" 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-18f4a71 elementor-widget elementor-widget-html\" data-id=\"18f4a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION 5: THE MODERN BRIDGE (SIMPLE & MODERN) -->\r\n<section class=\"barre-modern-bridge\">\r\n  <div class=\"bridge-wrap\">\r\n    \r\n    <!-- Left: Industrial Image -->\r\n    <div class=\"bridge-media reveal\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?auto=format&fit=crop&q=80&w=1200\" alt=\"Supply Chain\">\r\n      <!-- Minimal Floating Trust -->\r\n      <div class=\"bridge-trust-pill reveal\" style=\"transition-delay: 0.5s;\">\r\n        <span class=\"bt-dot\"><\/span>\r\n        <span data-en=\"12+ Years of Supply Excellence\" data-so=\"12+ Sano oo Khibrad ah\">12+ Years of Supply Excellence<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: Clean Content -->\r\n    <div class=\"bridge-content\">\r\n      <div class=\"content-box\">\r\n        <div class=\"bridge-badge reveal\" style=\"transition-delay: 0.1s;\" data-en=\"Get in Touch\" data-so=\"Nagala soo Xiriir\">Get in Touch<\/div>\r\n        \r\n        <h2 class=\"bridge-h2 reveal\" style=\"transition-delay: 0.2s;\" data-en=\"Building the Future of Somalia's Food Supply.\" data-so=\"Dhisidda Mustaqbalka Sahayda Cunnada.\">\r\n          Building the Future of Somalia's Food Supply.\r\n        <\/h2>\r\n\r\n        <p class=\"bridge-p reveal\" style=\"transition-delay: 0.3s;\" \r\n           data-en=\"Partner with BARRE for reliable wholesale solutions. Our experts are ready to handle your global sourcing and local distribution needs.\"\r\n           data-so=\"La shaqeyso BARRE si aad u hesho xalal jumlad ah oo la isku halleyn karo.\">\r\n          Partner with BARRE for reliable wholesale solutions. Our experts are ready to handle your global sourcing and local distribution needs.\r\n        <\/p>\r\n\r\n        <div class=\"bridge-actions reveal\" style=\"transition-delay: 0.4s;\">\r\n          <a href=\"https:\/\/wa.me\/252615000000\" class=\"btn-bridge btn-b-green\">\r\n            <span data-en=\"WhatsApp Inquiry\" data-so=\"Weydiiso WhatsApp\">WhatsApp Inquiry<\/span>\r\n          <\/a>\r\n          <a href=\"\/contact\" class=\"btn-bridge btn-b-outline\">\r\n            <span data-en=\"Contact Sales\" data-so=\"Wac Kooxda Iibka\">Contact Sales<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* MODERN BRIDGE STYLES *\/\r\n.barre-modern-bridge {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  background: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.bridge-wrap {\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  min-height: 650px;\r\n}\r\n\r\n\/* Media Side *\/\r\n.bridge-media { position: relative; overflow: hidden; background: #eee; }\r\n.bridge-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }\r\n.barre-modern-bridge:hover .bridge-media img { transform: scale(1.05); }\r\n\r\n.bridge-trust-pill {\r\n  position: absolute; bottom: 30px; left: 30px;\r\n  background: #ffffff; padding: 10px 20px; border-radius: 50px;\r\n  display: flex; align-items: center; gap: 10px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  font-size: 11px; font-weight: 800; color: #111; text-transform: uppercase; letter-spacing: 0.05em;\r\n}\r\n.bt-dot { width: 6px; height: 6px; background: #048E39; border-radius: 50%; }\r\n\r\n\/* Content Side *\/\r\n.bridge-content {\r\n  display: flex; align-items: center; padding: 100px 80px;\r\n  background: #ffffff;\r\n}\r\n.content-box { max-width: 580px; }\r\n\r\n.bridge-badge {\r\n  display: inline-block; padding: 6px 18px; background: rgba(4, 142, 57, 0.05);\r\n  color: #048E39; font-size: 11px; font-weight: 800; border-radius: 50px;\r\n  text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 25px;\r\n}\r\n\r\n.bridge-h2 {\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(32px, 4vw, 56px);\r\n  line-height: 1.1; color: #111; margin-bottom: 25px; font-weight: 800;\r\n}\r\n\r\n.bridge-p { font-size: 18px; color: #555; line-height: 1.8; margin-bottom: 45px; }\r\n\r\n\/* Actions *\/\r\n.bridge-actions { display: flex; gap: 20px; flex-wrap: wrap; }\r\n.btn-bridge {\r\n  padding: 18px 45px; border-radius: 8px; text-decoration: none;\r\n  font-weight: 800; font-size: 15px; transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n.btn-b-green { background: #048E39; color: #fff; }\r\n.btn-b-green:hover { background: #023816; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(4,142,57,0.2); }\r\n\r\n.btn-b-outline { background: transparent; color: #111; border: 1.5px solid #eee; }\r\n.btn-b-outline:hover { border-color: #048E39; color: #048E39; }\r\n\r\n\/* REVEAL ANIMATIONS *\/\r\n.reveal { opacity: 0; transform: translateY(30px); transition: all 1s ease; }\r\n.reveal.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n@media (max-width: 1024px) {\r\n  .bridge-wrap { grid-template-columns: 1fr; }\r\n  .bridge-media { height: 400px; }\r\n  .bridge-content { padding: 60px 20px; }\r\n  .bridge-trust-pill { left: 20px; bottom: 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.barre-modern-bridge .reveal').forEach(el => observer.observe(el));\r\n})();\r\n<\/script>\r\n\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>Products Essential Goods We Supply. Explore our full range of premium staple commodities. We highlight the BARRE GOLD brand, ensuring reliable, high-quality bulk pricing for businesses.<\/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-1031","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/1031","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=1031"}],"version-history":[{"count":37,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/1031\/revisions"}],"predecessor-version":[{"id":1153,"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/pages\/1031\/revisions\/1153"}],"wp:attachment":[{"href":"https:\/\/barefoods.so\/index.php\/wp-json\/wp\/v2\/media?parent=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}