{"title":"Home page","description":null,"products":[{"product_id":"tenso-4d-neck-shoulder-massager","title":"Tenso 4D Neck \u0026 Shoulder Massager","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Premium Modern Google Fonts --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:ital,wght@0,400;0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Animate.css library for high-end scrolling animations --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --primary-green: #113c2b; \/* Match TEN logo *\/\n      --secondary-navy: #0b2240; \/* Match SO logo *\/\n      --accent-gold: #c5a880;    \/* Premium champagne luxury gold *\/\n      --text-white: #ffffff;\n      --text-muted: #d0dec2;\n    }\n\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--primary-green);\n      color: var(--text-white);\n      line-height: 1.7;\n      overflow-x: hidden;\n    }\n\n    h1, h2, h3, .serif-font {\n      font-family: 'Playfair Display', serif;\n    }\n\n    \/* Core Wrapper with Premium Deep Brand Gradient *\/\n    .tenso-landing-wrapper {\n      padding: 80px 0;\n      background: linear-gradient(135deg, var(--primary-green) 0%, var(--secondary-navy) 100%);\n    }\n\n    .tenso-container {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    \/* --- Hero Layout --- *\/\n    .hero-layout {\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr;\n      gap: 60px;\n      align-items: center;\n      min-height: 65vh;\n      margin-bottom: 90px;\n    }\n\n    .hero-text-block {\n      padding-right: 20px;\n    }\n\n    .brand-slogan {\n      font-size: 0.9rem;\n      text-transform: uppercase;\n      letter-spacing: 5px;\n      color: var(--accent-gold);\n      font-weight: 600;\n      margin-bottom: 20px;\n      display: inline-block;\n      position: relative;\n    }\n\n    .brand-slogan::after {\n      content: '';\n      position: absolute;\n      bottom: -6px;\n      left: 0;\n      width: 50px;\n      height: 2px;\n      background-color: var(--accent-gold);\n    }\n\n    .main-product-heading {\n      font-size: 3.2rem;\n      color: var(--text-white);\n      line-height: 1.2;\n      margin-bottom: 25px;\n      font-weight: 600;\n    }\n\n    .main-product-heading span {\n      color: var(--accent-gold);\n      font-style: italic;\n    }\n\n    .main-product-description {\n      font-size: 1.15rem;\n      color: var(--text-white);\n      margin-bottom: 40px;\n      font-weight: 400;\n      opacity: 0.95;\n    }\n\n    \/* Interactive Call to Action Button *\/\n    .purchase-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background-color: var(--accent-gold);\n      color: var(--secondary-navy);\n      text-decoration: none;\n      padding: 18px 45px;\n      font-size: 0.95rem;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n      border: 1px solid var(--accent-gold);\n    }\n\n    .purchase-cta:hover {\n      color: var(--text-white);\n      background-color: transparent;\n      transform: translateY(-4px);\n      box-shadow: 0 15px 30px rgba(197, 168, 128, 0.25);\n    }\n\n    \/* Elegant Floating Image Studio Aura Backdrop *\/\n    .hero-image-display {\n      position: relative;\n      display: flex;\n      justify-content: center;\n    }\n\n    .hero-image-display::before {\n      content: '';\n      position: absolute;\n      width: 90%;\n      height: 90%;\n      background: radial-gradient(circle, rgba(197, 168, 128, 0.18) 0%, rgba(0,0,0,0) 70%);\n      z-index: 1;\n      border-radius: 50%;\n    }\n\n    .hero-image-display img {\n      max-width: 100%;\n      height: auto;\n      object-fit: contain;\n      z-index: 2;\n      filter: drop-shadow(0 25px 35px rgba(0,0,0,0.4));\n      animation: floatMassager 6s ease-in-out infinite;\n    }\n\n    @keyframes floatMassager {\n      0% { transform: translateY(0px); }\n      50% { transform: translateY(-18px); }\n      100% { transform: translateY(0px); }\n    }\n\n    \/* --- Lifestyle Routine Grid Layout --- *\/\n    .lifestyle-section {\n      margin-bottom: 80px;\n    }\n\n    .lifestyle-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 40px;\n    }\n\n    .lifestyle-card {\n      background: rgba(255, 255, 255, 0.03);\n      padding: 45px;\n      border: 1px solid rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(8px);\n      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    }\n\n    .lifestyle-card:hover {\n      transform: translateY(-6px);\n      background: rgba(255, 255, 255, 0.06);\n      border-color: var(--accent-gold);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n    }\n\n    .card-emoji {\n      font-size: 2.4rem;\n      margin-bottom: 20px;\n      display: block;\n    }\n\n    .card-question {\n      font-size: 1.5rem;\n      color: var(--text-white);\n      margin-bottom: 15px;\n      font-weight: 600;\n    }\n\n    .card-solution {\n      font-size: 1.05rem;\n      color: var(--text-muted);\n    }\n\n    \/* --- Brand Manifesto \/ Outro Layout --- *\/\n    .brand-outro-block {\n      text-align: center;\n      padding: 60px 20px 20px 20px;\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .brand-outro-block hr {\n      border: 0;\n      height: 1px;\n      background: linear-gradient(to right, transparent, var(--accent-gold), transparent);\n      margin-bottom: 50px;\n    }\n\n    .outro-headline {\n      font-size: 2.4rem;\n      color: var(--text-white);\n      font-weight: 400;\n      line-height: 1.4;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n    }\n\n    .outro-tagline {\n      font-size: 1.2rem;\n      text-transform: uppercase;\n      letter-spacing: 5px;\n      color: var(--accent-gold);\n      font-weight: 700;\n      display: block;\n      margin-top: 25px;\n    }\n\n    \/* --- Mobile \u0026 Tablet Layout Adaptations --- *\/\n    @media (max-width: 968px) {\n      .hero-layout {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n      }\n      \n      .hero-text-block {\n        padding-right: 0;\n        order: 2;\n      }\n\n      .hero-image-display {\n        order: 1;\n      }\n\n      .brand-slogan::after {\n        left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .main-product-heading {\n        font-size: 2.6rem;\n      }\n\n      .lifestyle-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .lifestyle-card {\n        padding: 35px;\n      }\n\n      .outro-headline {\n        font-size: 1.8rem;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"tenso-landing-wrapper\"\u003e\n\u003cdiv class=\"tenso-container\"\u003e\n\u003c!-- 1. Hero Summary Layout --\u003e\n\u003csection class=\"hero-layout\"\u003e\n\u003cdiv class=\"hero-text-block animate__animated animate__fadeInLeft\"\u003e\n\u003cspan class=\"brand-slogan\"\u003eRelease the Tension\u003c\/span\u003e\n\u003ch1 class=\"main-product-heading\"\u003eTenso 4D\u003cbr\u003e\u003cspan\u003eNeck \u0026amp; Shoulder Massager\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"main-product-description\"\u003eThe Tenso 4D Neck \u0026amp; Shoulder Massager brings a relaxing massage into your everyday routine, turning your downtime into a little time for yourself.\u003c\/p\u003e\n\u003ca href=\"#purchase\" class=\"purchase-cta\"\u003eOrder Yours Today\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image-display animate__animated animate__fadeInRight\"\u003e\u003c!-- Remember to substitute 'massager.png' with your live Shopify storage link --\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. Core Lifestyle Solution Grid --\u003e\n\u003csection class=\"lifestyle-section\"\u003e\n\u003cdiv class=\"lifestyle-grid\"\u003e\n\u003c!-- Box 1 --\u003e\n\u003cdiv class=\"lifestyle-card\"\u003e\n\u003cspan class=\"card-emoji\"\u003e💆\u003c\/span\u003e\n\u003ch3 class=\"card-question\"\u003eTired neck and shoulders?\u003c\/h3\u003e\n\u003cp class=\"card-solution\"\u003eGive those hard-working areas some well-deserved attention after a busy day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Box 2 --\u003e\n\u003cdiv class=\"lifestyle-card\"\u003e\n\u003cspan class=\"card-emoji\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"card-question\"\u003eStruggling to switch off?\u003c\/h3\u003e\n\u003cp class=\"card-solution\"\u003eTurn your evening break into a soothing wind-down ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Box 3 --\u003e\n\u003cdiv class=\"lifestyle-card\"\u003e\n\u003cspan class=\"card-emoji\"\u003e🏡\u003c\/span\u003e\n\u003ch3 class=\"card-question\"\u003eNo time for a spa visit?\u003c\/h3\u003e\n\u003cp class=\"card-solution\"\u003eEnjoy a moment of massage at home, without fitting an appointment into your schedule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Box 4 --\u003e\n\u003cdiv class=\"lifestyle-card\"\u003e\n\u003cspan class=\"card-emoji\"\u003e🛋️\u003c\/span\u003e\n\u003ch3 class=\"card-question\"\u003eAlways on the go?\u003c\/h3\u003e\n\u003cp class=\"card-solution\"\u003eSlow down, settle in, and make your comfort a priority.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. Brand Manifesto Outro Layout --\u003e\n\u003csection class=\"brand-outro-block\"\u003e\u003chr\u003e\n\u003ch2 class=\"outro-headline\"\u003eLess rush. More relaxation.\u003c\/h2\u003e\n\u003cspan class=\"outro-tagline\"\u003eYour Tenso moment.\u003c\/span\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":67714272624794,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/9195\/9962\/files\/image_5382ba26_1.jpg?v=1791552371"}],"url":"https:\/\/tenso.co.za\/collections\/frontpage.oembed","provider":"TENSO","version":"1.0","type":"link"}