{"product_id":"sunsway-striped-canvas-hammock","title":"SunSway Striped Canvas Hammock","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cmeta name=\"description\" content=\"Meet the SunSway Striped Canvas Hammock — a comfortable, durable hammock made for camping, bushveld getaways, the stoep, garden and outdoor adventures.\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n\/* =====================================================\n   BRAND COLOURS\n===================================================== *\/\n\n:root {\n  --deep: #25424c;\n  --orange: #e56e38;\n  --cream: #fff0c2;\n  --green: #6da48f;\n  --dark: #13262c;\n  --white: #ffffff;\n  --soft: #f8f4e5;\n  --text: #435b61;\n}\n\n\n\/* =====================================================\n   GLOBAL\n===================================================== *\/\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: Arial, Helvetica, sans-serif;\n  background: var(--cream);\n  color: var(--deep);\n  line-height: 1.6;\n}\n\nimg {\n  max-width: 100%;\n  display: block;\n}\n\na {\n  text-decoration: none;\n}\n\n\n\/* =====================================================\n   TOP BAR\n===================================================== *\/\n\n.top-bar {\n  background: var(--orange);\n  color: var(--white);\n  text-align: center;\n  padding: 11px 15px;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.hero {\n  position: relative;\n  overflow: hidden;\n  background: var(--deep);\n  color: white;\n  padding: 75px 20px 90px;\n}\n\n.hero::before {\n  content: \"\";\n  position: absolute;\n  width: 600px;\n  height: 600px;\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 50%;\n  right: -300px;\n  top: -250px;\n}\n\n.hero::after {\n  content: \"\";\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border: 1px solid rgba(229,110,56,0.18);\n  border-radius: 50%;\n  left: -220px;\n  bottom: -250px;\n}\n\n.hero-container {\n  max-width: 1200px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: 0.95fr 1.05fr;\n  gap: 55px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =====================================================\n   HERO CONTENT\n===================================================== *\/\n\n.hero-content {\n  position: relative;\n  z-index: 3;\n}\n\n.kicker {\n  display: inline-block;\n  border-left: 4px solid var(--orange);\n  padding-left: 12px;\n  color: var(--cream);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 22px;\n}\n\n.hero h1 {\n  font-size: clamp(43px, 6vw, 76px);\n  line-height: 0.95;\n  text-transform: uppercase;\n  letter-spacing: -3px;\n  font-weight: 950;\n  margin-bottom: 25px;\n}\n\n.hero h1 span {\n  color: var(--orange);\n}\n\n.hero-description {\n  max-width: 570px;\n  color: #e1e9e5;\n  font-size: 18px;\n  margin-bottom: 30px;\n}\n\n.hero-buttons {\n  display: flex;\n  gap: 13px;\n  flex-wrap: wrap;\n}\n\n.btn {\n  display: inline-block;\n  padding: 17px 28px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  transition: 0.2s ease;\n}\n\n.btn-orange {\n  background: var(--orange);\n  color: white;\n  box-shadow: 0 12px 30px rgba(229,110,56,0.25);\n}\n\n.btn-orange:hover {\n  transform: translateY(-3px);\n}\n\n.btn-outline {\n  border: 1px solid rgba(255,255,255,0.4);\n  color: white;\n}\n\n.btn-outline:hover {\n  background: rgba(255,255,255,0.08);\n}\n\n\n\/* =====================================================\n   HAMMOCK IMAGE AREA\n===================================================== *\/\n\n.product-stage {\n  min-height: 510px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(109,164,143,0.22),\n      rgba(37,66,76,0) 68%\n    );\n}\n\n.product-stage img {\n  width: 100%;\n  max-width: 600px;\n  position: relative;\n  z-index: 2;\n  filter: drop-shadow(0 30px 35px rgba(0,0,0,0.35));\n}\n\n\n\/* Floating labels *\/\n\n.product-label {\n  position: absolute;\n  z-index: 5;\n  padding: 11px 16px;\n  background: var(--cream);\n  color: var(--deep);\n  font-size: 11px;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  box-shadow: 0 12px 25px rgba(0,0,0,0.2);\n}\n\n.label-one {\n  top: 65px;\n  right: 5px;\n}\n\n.label-two {\n  bottom: 65px;\n  left: 0;\n  background: var(--orange);\n  color: white;\n}\n\n\n\/* =====================================================\n   BENEFITS BAR\n===================================================== *\/\n\n.benefits {\n  background: var(--green);\n  color: white;\n  padding: 20px;\n}\n\n.benefits-inner {\n  max-width: 1150px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n}\n\n.benefit {\n  text-align: center;\n  padding: 12px 10px;\n  border-right: 1px solid rgba(255,255,255,0.25);\n}\n\n.benefit:last-child {\n  border-right: none;\n}\n\n.benefit-icon {\n  display: block;\n  font-size: 23px;\n  margin-bottom: 3px;\n}\n\n.benefit strong {\n  display: block;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n}\n\n.benefit span {\n  font-size: 11px;\n  opacity: 0.85;\n}\n\n\n\/* =====================================================\n   INTRODUCTION\n===================================================== *\/\n\n.intro {\n  background: var(--cream);\n  padding: 95px 20px;\n  text-align: center;\n}\n\n.intro-inner {\n  max-width: 850px;\n  margin: auto;\n}\n\n.section-label {\n  color: var(--orange);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n.intro h2 {\n  font-size: clamp(34px,5vw,56px);\n  line-height: 1;\n  text-transform: uppercase;\n  font-weight: 950;\n  margin-bottom: 22px;\n}\n\n.intro h2 span {\n  color: var(--orange);\n}\n\n.intro p {\n  color: var(--text);\n  font-size: 17px;\n}\n\n\n\/* =====================================================\n   STORY SECTION\n===================================================== *\/\n\n.story {\n  background: var(--soft);\n  padding: 90px 20px;\n}\n\n.story-inner {\n  max-width: 1100px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n\n\n\/* Story visual *\/\n\n.story-visual {\n  min-height: 430px;\n  border-radius: 8px;\n\n  background:\n    linear-gradient(\n      rgba(37,66,76,0.1),\n      rgba(37,66,76,0.4)\n    ),\n    url(\"YOUR-HAMMOCK-LIFESTYLE-IMAGE.jpg\")\n    center\/cover;\n\n  box-shadow: 15px 18px 0 var(--green);\n}\n\n\n\/* Story text *\/\n\n.story-content h2 {\n  font-size: clamp(34px,5vw,52px);\n  line-height: 1;\n  text-transform: uppercase;\n  font-weight: 950;\n  margin-bottom: 22px;\n}\n\n.story-content h2 span {\n  color: var(--orange);\n}\n\n.story-content p {\n  color: var(--text);\n  font-size: 17px;\n  margin-bottom: 18px;\n}\n\n\n\/* =====================================================\n   FEATURE SECTION\n===================================================== *\/\n\n.features {\n  background: var(--dark);\n  color: white;\n  padding: 95px 20px;\n}\n\n.features-inner {\n  max-width: 1150px;\n  margin: auto;\n}\n\n.features-header {\n  max-width: 720px;\n  margin-bottom: 45px;\n}\n\n.features-header h2 {\n  font-size: clamp(36px,5vw,58px);\n  line-height: 0.98;\n  text-transform: uppercase;\n  font-weight: 950;\n}\n\n.features-header h2 span {\n  color: var(--orange);\n}\n\n.features-header p {\n  color: #b9c9c5;\n  margin-top: 18px;\n  font-size: 16px;\n}\n\n\n\/* Feature cards *\/\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 16px;\n}\n\n.feature-card {\n  background: #1b2d33;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 6px;\n  padding: 30px;\n  transition: 0.2s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n  border-color: var(--orange);\n}\n\n.feature-number {\n  color: var(--orange);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  margin-bottom: 14px;\n}\n\n.feature-card h3 {\n  font-size: 19px;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n\n.feature-card p {\n  color: #b7c6c2;\n  font-size: 14px;\n}\n\n\n\/* =====================================================\n   WHERE TO USE\n===================================================== *\/\n\n.uses {\n  background: var(--cream);\n  padding: 95px 20px;\n}\n\n.uses-inner {\n  max-width: 1100px;\n  margin: auto;\n}\n\n.uses-heading {\n  text-align: center;\n  margin-bottom: 45px;\n}\n\n.uses-heading h2 {\n  font-size: clamp(35px,5vw,55px);\n  line-height: 1;\n  text-transform: uppercase;\n  font-weight: 950;\n}\n\n.uses-heading h2 span {\n  color: var(--orange);\n}\n\n\n\/* Use cards *\/\n\n.use-grid {\n  display: grid;\n  grid-template-columns: repeat(2,1fr);\n  gap: 18px;\n}\n\n.use-card {\n  background: white;\n  padding: 30px;\n  border-radius: 7px;\n  border-left: 5px solid var(--green);\n  box-shadow: 0 10px 30px rgba(37,66,76,0.08);\n  transition: 0.2s ease;\n}\n\n.use-card:hover {\n  transform: translateY(-3px);\n}\n\n.use-card h3 {\n  font-size: 20px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n\n.use-card p {\n  color: #627478;\n  font-size: 14px;\n}\n\n\n\/* =====================================================\n   COMFORT SECTION\n===================================================== *\/\n\n.comfort {\n  background: var(--green);\n  color: white;\n  padding: 90px 20px;\n  text-align: center;\n}\n\n.comfort-inner {\n  max-width: 800px;\n  margin: auto;\n}\n\n.comfort h2 {\n  font-size: clamp(38px,5vw,60px);\n  line-height: 1;\n  text-transform: uppercase;\n  font-weight: 950;\n  margin-bottom: 20px;\n}\n\n.comfort h2 span {\n  color: var(--cream);\n}\n\n.comfort p {\n  font-size: 18px;\n  color: rgba(255,255,255,0.9);\n}\n\n\n\/* =====================================================\n   WHAT'S IN THE BOX\n===================================================== *\/\n\n.box {\n  background: var(--cream);\n  padding: 90px 20px;\n}\n\n.box-inner {\n  max-width: 1050px;\n  margin: auto;\n  text-align: center;\n}\n\n.box h2 {\n  font-size: clamp(34px,5vw,52px);\n  line-height: 1;\n  text-transform: uppercase;\n  font-weight: 950;\n}\n\n.box-grid {\n  margin-top: 40px;\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 20px;\n}\n\n.box-item {\n  background: white;\n  padding: 35px 20px;\n  border-radius: 7px;\n  border-bottom: 5px solid var(--orange);\n  box-shadow: 0 10px 30px rgba(37,66,76,0.08);\n}\n\n.box-icon {\n  font-size: 35px;\n  margin-bottom: 12px;\n}\n\n.box-item strong {\n  display: block;\n  font-size: 17px;\n  text-transform: uppercase;\n}\n\n.box-item span {\n  color: #69797c;\n  font-size: 13px;\n}\n\n\n\/* =====================================================\n   FINAL CTA\n===================================================== *\/\n\n.final-cta {\n  background: var(--orange);\n  color: white;\n  padding: 95px 20px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.final-cta::before {\n  content: \"\";\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  border: 2px solid rgba(255,255,255,0.15);\n  border-radius: 50%;\n  left: -220px;\n  top: -200px;\n}\n\n.final-cta::after {\n  content: \"\";\n  position: absolute;\n  width: 450px;\n  height: 450px;\n  border: 2px solid rgba(255,255,255,0.12);\n  border-radius: 50%;\n  right: -250px;\n  bottom: -250px;\n}\n\n.final-cta-inner {\n  max-width: 750px;\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.final-cta h2 {\n  font-size: clamp(40px,6vw,68px);\n  line-height: 0.95;\n  text-transform: uppercase;\n  font-weight: 950;\n  margin-bottom: 20px;\n}\n\n.final-cta p {\n  font-size: 18px;\n  margin-bottom: 30px;\n}\n\n.cta-button {\n  display: inline-block;\n  background: var(--deep);\n  color: white;\n  padding: 18px 40px;\n  border-radius: 4px;\n  font-size: 13px;\n  font-weight: 950;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 12px 25px rgba(37,66,76,0.25);\n  transition: 0.2s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-3px);\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\nfooter {\n  background: var(--dark);\n  color: #9eafab;\n  text-align: center;\n  padding: 30px 20px;\n  font-size: 12px;\n}\n\nfooter strong {\n  color: var(--orange);\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:800px) {\n\n  .hero {\n    padding: 55px 18px 70px;\n  }\n\n  .hero-container {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .kicker {\n    border-left: none;\n    border-bottom: 3px solid var(--orange);\n    padding-left: 0;\n    padding-bottom: 5px;\n  }\n\n  .hero-description {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hero-buttons {\n    justify-content: center;\n  }\n\n  .product-stage {\n    min-height: 370px;\n  }\n\n  .label-one {\n    top: 20px;\n    right: 0;\n  }\n\n  .label-two {\n    bottom: 30px;\n    left: 0;\n  }\n\n  .benefits-inner {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .benefit {\n    border-right: none;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n    padding: 15px 5px;\n  }\n\n  .story-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .story-visual {\n    min-height: 320px;\n  }\n\n  .story-content {\n    text-align: center;\n  }\n\n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .use-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .box-grid {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n@media(max-width:450px) {\n\n  .hero h1 {\n    font-size: 43px;\n  }\n\n  .btn {\n    width: 100%;\n    text-align: center;\n  }\n\n  .product-stage {\n    min-height: 300px;\n  }\n\n  .intro,\n  .story,\n  .features,\n  .uses,\n  .box,\n  .comfort,\n  .final-cta {\n    padding-top: 70px;\n    padding-bottom: 70px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- =====================================================\n     ANNOUNCEMENT\n===================================================== --\u003e\n\u003cdiv class=\"top-bar\"\u003eBuilt For Weekends • Made For The Outdoors\u003c\/div\u003e\n\u003c!-- =====================================================\n     HERO\n===================================================== --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"kicker\"\u003eSunSway • Outdoor Comfort\u003c\/div\u003e\n\u003ch1\u003eYour Backyard.\u003cbr\u003eYour Bush \u003cspan\u003eGetaway.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eClose your eyes. Feel the breeze. Forget the clock. The SunSway Striped Canvas Hammock turns your garden, stoep or campsite into your own personal outdoor retreat.\u003c\/p\u003e\n\u003cdiv class=\"hero-buttons\"\u003e\n\u003c!-- CHANGE THIS TO YOUR SHOPIFY PRODUCT URL --\u003e \u003ca href=\"#buy\" class=\"btn btn-orange\"\u003e Get Your Hammock → \u003c\/a\u003e \u003ca href=\"#features\" class=\"btn btn-outline\"\u003e Explore The Details \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGE --\u003e\n\u003cdiv class=\"product-stage\"\u003e\n\u003c!--\n        Replace this with your Shopify product image URL.\n      --\u003e \u003cimg alt=\"SunSway blue and green striped canvas hammock\"\u003e\n\u003cdiv class=\"product-label label-one\"\u003eDurable Canvas\u003c\/div\u003e\n\u003cdiv class=\"product-label label-two\"\u003eWeekend Ready\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     BENEFITS\n===================================================== --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv class=\"benefits-inner\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e \u003cstrong\u003eBreathable Canvas\u003c\/strong\u003e \u003cspan\u003eMade for warm days\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🏕️\u003c\/span\u003e \u003cstrong\u003eAdventure Ready\u003c\/strong\u003e \u003cspan\u003eCamping \u0026amp; getaways\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e☀️\u003c\/span\u003e \u003cstrong\u003eOutdoor Relaxation\u003c\/strong\u003e \u003cspan\u003eYour space, your escape\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎒\u003c\/span\u003e \u003cstrong\u003ePackable\u003c\/strong\u003e \u003cspan\u003eTake it with you\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     INTRO\n===================================================== --\u003e\n\u003csection class=\"intro\"\u003e\n\u003cdiv class=\"intro-inner\"\u003e\n\u003cdiv class=\"section-label\"\u003eMeet The SunSway\u003c\/div\u003e\n\u003ch2\u003eYour Perfect Hang.\u003cbr\u003e\u003cspan\u003eAnywhere You Go.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you're escaping to the bushveld, spending the afternoon on the stoep or setting up camp under the stars, the SunSway gives you somewhere comfortable to slow down, switch off and simply enjoy being outside.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     STORY\n===================================================== --\u003e\n\u003csection class=\"story\"\u003e\n\u003cdiv class=\"story-inner\"\u003e\n\u003cdiv class=\"story-visual\"\u003e\u003c!--\n        Replace the background image in the CSS\n        with a lifestyle image of the hammock.\n      --\u003e\u003c\/div\u003e\n\u003cdiv class=\"story-content\"\u003e\n\u003cdiv class=\"section-label\"\u003eSlow Down. Stay Awhile.\u003c\/div\u003e\n\u003ch2\u003eFrom The \u003cspan\u003eStoep\u003c\/span\u003e\u003cbr\u003eTo The Bush.\u003c\/h2\u003e\n\u003cp\u003eImagine a warm afternoon, a light breeze drifting through the trees and nowhere you need to be.\u003c\/p\u003e\n\u003cp\u003eThe SunSway wraps you in a comfortable canvas sling, giving you the perfect spot to read, nap, enjoy your coffee or simply watch the world go by.\u003c\/p\u003e\n\u003cp\u003eIt's not just somewhere to lie down. It's an invitation to slow down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FEATURES\n===================================================== --\u003e\n\u003csection class=\"features\" id=\"features\"\u003e\n\u003cdiv class=\"features-inner\"\u003e\n\u003cdiv class=\"features-header\"\u003e\n\u003cdiv class=\"section-label\"\u003eBuilt For The Outdoors\u003c\/div\u003e\n\u003ch2\u003eComfort That\u003cbr\u003e\u003cspan\u003eGoes The Distance.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDesigned for outdoor relaxation without sacrificing durability, portability or style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e01 \/ MATERIAL\u003c\/div\u003e\n\u003ch3\u003eHeavy-Duty Canvas\u003c\/h3\u003e\n\u003cp\u003eTightly woven canvas provides a breathable, comfortable surface that's made for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e02 \/ COMFORT\u003c\/div\u003e\n\u003ch3\u003eSpreader Bars\u003c\/h3\u003e\n\u003cp\u003eThe spreader bars help keep the hammock open and provide a flatter, more accessible place to relax.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e03 \/ ATTACHMENT\u003c\/div\u003e\n\u003ch3\u003eRope Hanging System\u003c\/h3\u003e\n\u003cp\u003eDurable rope loops make it easy to secure the hammock between suitable trees or other appropriate anchor points.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e04 \/ STYLE\u003c\/div\u003e\n\u003ch3\u003eBlue \u0026amp; Green Stripes\u003c\/h3\u003e\n\u003cp\u003eA vibrant striped design adds personality and colour to your garden, stoep, campsite or outdoor space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e05 \/ SPACE\u003c\/div\u003e\n\u003ch3\u003eGenerous Size\u003c\/h3\u003e\n\u003cp\u003eDesigned to give one adult plenty of room to stretch out and enjoy a comfortable outdoor break.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-number\"\u003e06 \/ PORTABILITY\u003c\/div\u003e\n\u003ch3\u003eLightweight \u0026amp; Packable\u003c\/h3\u003e\n\u003cp\u003eTake your comfort with you on camping trips, weekends away, beach days and outdoor adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     WHERE TO USE\n===================================================== --\u003e\n\u003csection class=\"uses\"\u003e\n\u003cdiv class=\"uses-inner\"\u003e\n\u003cdiv class=\"uses-heading\"\u003e\n\u003cdiv class=\"section-label\"\u003eWherever The Weekend Takes You\u003c\/div\u003e\n\u003ch2\u003eOne Hammock.\u003cbr\u003e\u003cspan\u003eSo Many Places.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-grid\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🏕️ Bushveld Getaways\u003c\/h3\u003e\n\u003cp\u003eSet up your own comfortable retreat at camp and enjoy the sounds of nature around you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🌳 Garden \u0026amp; Stoep\u003c\/h3\u003e\n\u003cp\u003eTurn your everyday outdoor space into somewhere you'll actually want to spend your afternoons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🏖️ Beach Days\u003c\/h3\u003e\n\u003cp\u003eBring it along for relaxed outdoor days when you want somewhere comfortable to unwind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🎪 Festivals \u0026amp; Events\u003c\/h3\u003e\n\u003cp\u003eCreate your own little relaxation zone wherever your outdoor adventures take you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🧺 Parks \u0026amp; Picnics\u003c\/h3\u003e\n\u003cp\u003eMake lazy afternoons outdoors even better with a comfortable place to stretch out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003ch3\u003e🚙 Weekend Road Trips\u003c\/h3\u003e\n\u003cp\u003ePack it into your adventure gear and take a little bit of comfort wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     COMFORT MESSAGE\n===================================================== --\u003e\n\u003csection class=\"comfort\"\u003e\n\u003cdiv class=\"comfort-inner\"\u003e\n\u003cdiv class=\"section-label\"\u003eYour New Favourite Spot\u003c\/div\u003e\n\u003ch2\u003eHang Around.\u003cbr\u003e\u003cspan\u003eYou've Earned It.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eLife moves fast. Your hammock doesn't. Slow down, breathe in the fresh air and make a little more room for doing absolutely nothing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     WHAT'S INCLUDED\n===================================================== --\u003e\n\u003csection class=\"box\"\u003e\n\u003cdiv class=\"box-inner\"\u003e\n\u003cdiv class=\"section-label\"\u003eReady For Your Next Escape\u003c\/div\u003e\n\u003ch2\u003eWhat's Included?\u003c\/h2\u003e\n\u003cdiv class=\"box-grid\"\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e🏕️\u003c\/div\u003e\n\u003cstrong\u003e SunSway Hammock \u003c\/strong\u003e \u003cspan\u003e 1 × Striped Canvas Hammock \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e🪢\u003c\/div\u003e\n\u003cstrong\u003e Rope System \u003c\/strong\u003e \u003cspan\u003e Durable hanging ropes \u0026amp; loops \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"box-item\"\u003e\n\u003cdiv class=\"box-icon\"\u003e🌿\u003c\/div\u003e\n\u003cstrong\u003e Spreader Bars \u003c\/strong\u003e \u003cspan\u003e Open, comfortable hammock design \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FINAL CTA\n===================================================== --\u003e\n\u003csection class=\"final-cta\" id=\"buy\"\u003e\n\u003cdiv class=\"final-cta-inner\"\u003e\n\u003cdiv class=\"section-label\"\u003eYour Perfect Hang Is Waiting\u003c\/div\u003e\n\u003ch2\u003eLife Is Short.\u003cbr\u003eHang Around More.\u003c\/h2\u003e\n\u003cp\u003eFrom the backyard to the bushveld, make your next outdoor escape a little more comfortable.\u003c\/p\u003e\n\u003c!--\n      CHANGE # TO YOUR SHOPIFY PRODUCT URL\n    --\u003e \u003ca href=\"#\" class=\"cta-button\"\u003e Get Your SunSway Hammock → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     FOOTER\n===================================================== --\u003e\u003cfooter\u003e\n\u003cp\u003e© 2026 \u003cstrong\u003eYour Outdoor Brand\u003c\/strong\u003e • Made For The Outdoors\u003c\/p\u003e\n\u003c\/footer\u003e","brand":"The Outdoor Co. ZA","offers":[{"title":"Blue","offer_id":44668341715032,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Red","offer_id":44668341747800,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/0084\/9240\/files\/sunsway-blue-hammock-clean.png?v=1787860314","url":"https:\/\/www.theoutdoorstoreza.co.za\/products\/sunsway-striped-canvas-hammock","provider":"The Outdoor Co. ZA","version":"1.0","type":"link"}