{"title":"Home page","description":null,"products":[{"product_id":"trailhaven™-compact-carry-foldable-bag","title":"TrailHaven™ Compact Carry (foldable bag)","description":"\u003c!-- ========================================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- TrailHaven™ Mobile Optimized Premium Section --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================= --\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800\u0026display=swap');\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n.trailhaven-section{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  padding:70px 18px;\n  font-family:'Poppins',sans-serif;\n  background:\n  linear-gradient(rgba(5,16,10,0.82), rgba(5,16,10,0.92)),\n  url('https:\/\/images.unsplash.com\/photo-1506744038136-46273834b3fb?q=80\u0026w=2000\u0026auto=format\u0026fit=crop');\n  background-size:cover;\n  background-position:center;\n}\n\n.trailhaven-section::before{\n  content:'';\n  position:absolute;\n  width:350px;\n  height:350px;\n  background:#22c55e;\n  filter:blur(130px);\n  opacity:0.12;\n  top:-120px;\n  right:-120px;\n}\n\n.trailhaven-container{\n  position:relative;\n  z-index:2;\n  max-width:1250px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:60px;\n  align-items:center;\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width:980px){\n\n  .trailhaven-container{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  .main-title{\n    font-size:42px !important;\n    text-align:center;\n  }\n\n  .description{\n    font-size:16px !important;\n    text-align:center;\n    line-height:1.8 !important;\n  }\n\n  .top-tag{\n    margin:auto auto 22px auto !important;\n    display:flex !important;\n    justify-content:center;\n    text-align:center;\n  }\n\n  .cta-row{\n    justify-content:center;\n    text-align:center;\n  }\n\n  .bottom-tags{\n    justify-content:center;\n  }\n\n  .floating-badge{\n    font-size:12px !important;\n    padding:10px 14px !important;\n  }\n\n  .feature-grid{\n    grid-template-columns:1fr !important;\n  }\n\n  .specs{\n    grid-template-columns:1fr !important;\n  }\n\n  .cta-btn{\n    width:100%;\n    max-width:320px;\n  }\n\n}\n\n\/* EXTRA SMALL DEVICES *\/\n\n@media(max-width:480px){\n\n  .trailhaven-section{\n    padding:55px 14px;\n  }\n\n  .main-title{\n    font-size:34px !important;\n    line-height:1.1 !important;\n  }\n\n  .description{\n    font-size:15px !important;\n  }\n\n  .feature-card{\n    padding:20px !important;\n  }\n\n  .spec-box{\n    padding:18px !important;\n  }\n\n  .cta-btn{\n    font-size:16px !important;\n    padding:16px 30px !important;\n  }\n\n  .bottom-tags span{\n    font-size:12px !important;\n    padding:10px 14px !important;\n  }\n\n}\n\n\/* ================= IMAGE ================= *\/\n\n.trailhaven-image{\n  position:relative;\n  animation:float 5s ease-in-out infinite;\n}\n\n.trailhaven-image img{\n  width:100%;\n  border-radius:28px;\n  display:block;\n  box-shadow:\n  0 30px 80px rgba(0,0,0,0.5),\n  0 0 40px rgba(34,197,94,0.15);\n  transition:0.4s ease;\n}\n\n.trailhaven-image img:hover{\n  transform:scale(1.02);\n}\n\n.floating-badge{\n  position:absolute;\n  padding:14px 20px;\n  border-radius:18px;\n  background:rgba(255,255,255,0.08);\n  border:1px solid rgba(255,255,255,0.1);\n  backdrop-filter:blur(14px);\n  color:#fff;\n  font-size:14px;\n  font-weight:600;\n  box-shadow:0 10px 35px rgba(0,0,0,0.25);\n}\n\n.badge-top{\n  top:20px;\n  left:-10px;\n  animation:floatSmall 4s ease-in-out infinite;\n}\n\n.badge-bottom{\n  bottom:20px;\n  right:-10px;\n  animation:floatSmall 5s ease-in-out infinite;\n}\n\n\/* ================= CONTENT ================= *\/\n\n.top-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:12px 22px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.08);\n  border:1px solid rgba(255,255,255,0.12);\n  backdrop-filter:blur(12px);\n  color:#fff;\n  margin-bottom:24px;\n  font-size:14px;\n  font-weight:500;\n  animation:fadeUp 1s ease;\n}\n\n.main-title{\n  color:#fff;\n  font-size:64px;\n  line-height:1.05;\n  font-weight:800;\n  margin-bottom:24px;\n  animation:fadeUp 1.2s ease;\n}\n\n.main-title span{\n  color:#4ade80;\n}\n\n.description{\n  color:#d1d5db;\n  font-size:18px;\n  line-height:1.9;\n  margin-bottom:38px;\n  animation:fadeUp 1.4s ease;\n}\n\n\/* ================= FEATURES ================= *\/\n\n.feature-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n  margin-bottom:38px;\n}\n\n.feature-card{\n  background:rgba(255,255,255,0.06);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:24px;\n  padding:24px;\n  backdrop-filter:blur(12px);\n  transition:0.35s ease;\n}\n\n.feature-card:hover{\n  transform:translateY(-6px);\n  background:rgba(255,255,255,0.09);\n  box-shadow:0 18px 40px rgba(0,0,0,0.25);\n}\n\n.feature-icon{\n  font-size:28px;\n  margin-bottom:12px;\n}\n\n.feature-title{\n  color:#fff;\n  font-size:18px;\n  font-weight:700;\n  margin-bottom:8px;\n}\n\n.feature-text{\n  color:#cbd5e1;\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* ================= SPECS ================= *\/\n\n.specs{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n  margin-bottom:40px;\n}\n\n.spec-box{\n  background:rgba(255,255,255,0.06);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:20px;\n  padding:22px;\n}\n\n.spec-heading{\n  color:#4ade80;\n  font-size:13px;\n  font-weight:700;\n  margin-bottom:10px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.spec-text{\n  color:#fff;\n  line-height:1.8;\n  font-size:15px;\n}\n\n\/* ================= CTA ================= *\/\n\n.cta-row{\n  display:flex;\n  align-items:center;\n  gap:18px;\n  flex-wrap:wrap;\n}\n\n.cta-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:18px 42px;\n  border-radius:999px;\n  text-decoration:none;\n  color:#fff;\n  font-size:18px;\n  font-weight:700;\n  background:linear-gradient(135deg,#22c55e,#16a34a);\n  box-shadow:0 15px 40px rgba(34,197,94,0.35);\n  transition:0.35s ease;\n}\n\n.cta-btn:hover{\n  transform:translateY(-4px) scale(1.02);\n  box-shadow:0 20px 50px rgba(34,197,94,0.45);\n}\n\n.trust-text{\n  color:#d1d5db;\n  font-size:14px;\n}\n\n\/* ================= BENEFITS ================= *\/\n\n.bottom-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  margin-top:30px;\n}\n\n.bottom-tags span{\n  padding:12px 18px;\n  border-radius:999px;\n  background:rgba(255,255,255,0.06);\n  border:1px solid rgba(255,255,255,0.08);\n  color:#fff;\n  font-size:14px;\n}\n\n\/* ================= ANIMATIONS ================= *\/\n\n@keyframes float{\n  0%,100%{\n    transform:translateY(0px);\n  }\n  50%{\n    transform:translateY(-14px);\n  }\n}\n\n@keyframes floatSmall{\n  0%,100%{\n    transform:translateY(0px);\n  }\n  50%{\n    transform:translateY(-8px);\n  }\n}\n\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(30px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\u003c\/style\u003e\n\u003csection class=\"trailhaven-section\"\u003e\n\u003cdiv class=\"trailhaven-container\"\u003e\n\u003c!-- IMAGE --\u003e\n\u003cdiv class=\"trailhaven-image\"\u003e\n\u003cimg alt=\"TrailHaven Compact Carry Backpack\"\u003e\n\u003cdiv class=\"floating-badge badge-top\"\u003e🌿 Nature Trail Inspired\u003c\/div\u003e\n\u003cdiv class=\"floating-badge badge-bottom\"\u003e🎒 Ultra-Light \u0026amp; Foldable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"top-tag\"\u003e🥾 Built For Hiking • Travel • Adventure\u003c\/div\u003e\n\u003ch1 class=\"main-title\"\u003eTrailHaven™ \u003cspan\u003eCompact Carry\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"description\"\u003eExperience total freedom on every journey with the TrailHaven™ Compact Carry — the premium foldable backpack inspired by nature, hiking trails, and outdoor adventure. \u003cbr\u003e\u003cbr\u003eDesigned for both men and women, this ultra-light backpack helps you travel lighter, hike longer, and stay prepared without bulky bags slowing you down.\u003c\/p\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eUltra Lightweight\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003eCarry more comfortably with almost no added weight.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e📦\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eFoldable Design\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003ePacks into a compact pouch for effortless storage anywhere.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eWater Resistant\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003eKeeps your essentials protected during outdoor adventures.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🌍\u003c\/div\u003e\n\u003cdiv class=\"feature-title\"\u003eAdventure Ready\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003ePerfect for hiking, travel, camping, gym, beach, and daily use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECS --\u003e\n\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"spec-box\"\u003e\n\u003cdiv class=\"spec-heading\"\u003e📏 Unfolded Size\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e43cm × 28cm × 15cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-box\"\u003e\n\u003cdiv class=\"spec-heading\"\u003e📦 Folded Size\u003c\/div\u003e\n\u003cdiv class=\"spec-text\"\u003e12cm × 7cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-row\"\u003e\n\u003ca href=\"#\" class=\"cta-btn\"\u003e Shop Now → \u003c\/a\u003e\n\u003cdiv class=\"trust-text\"\u003e⭐ Loved by hikers \u0026amp; travellers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"bottom-tags\"\u003e\n\u003cspan\u003e🎒 20L Capacity\u003c\/span\u003e \u003cspan\u003e🌿 Outdoor Inspired\u003c\/span\u003e \u003cspan\u003e✈️ Travel Friendly\u003c\/span\u003e \u003cspan\u003e👨👩 Unisex Design\u003c\/span\u003e \u003cspan\u003e🔥 Premium Build\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Trail Haven","offers":[{"title":"Lake Blue","offer_id":44826496729174,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/7076\/5398\/files\/PHOTO-2026-05-22-20-07-41_8.jpg?v=1779478445"}],"url":"https:\/\/trailhaven.co.za\/collections\/frontpage.oembed","provider":"Trail Haven","version":"1.0","type":"link"}