{"product_id":"before-and-after","title":"Before and After","description":"\u003cdiv class=\"grid-cols-1 grid gap-2.5 [\u0026amp;_\u0026gt;_*]:min-w-0 standard-markdown\"\u003e\n\u003cp class=\"whitespace-normal break-words\"\u003eA powerful before-and-after comparison section that visually demonstrates transformation, progress, or improvement through side-by-side content cards. Perfect for showcasing product results, service benefits, customer transformations, or any \"problem vs solution\" narrative that drives conversions.\u003c\/p\u003e\n\u003cp class=\"whitespace-normal break-words\"\u003e\u003cstrong\u003eKey Features:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"[\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc space-y-1.5 pl-7\"\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003e\n\u003cstrong\u003eTwo customizable content cards\u003c\/strong\u003e with independent styling for contrasting before\/after states - ideal for highlighting dramatic improvements or changes\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003e\n\u003cstrong\u003eCenter media support\u003c\/strong\u003e with both image and video options, plus an optional floating overlay image for enhanced visual storytelling\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003e\n\u003cstrong\u003eComplete typography control\u003c\/strong\u003e with separate font sizing, colors, and spacing for headings and content in each card\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words\"\u003e\n\u003cstrong\u003eFully responsive design\u003c\/strong\u003e that adapts from horizontal layout on desktop to stacked cards on mobile, with optional tablet image hiding for cleaner presentation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"whitespace-normal break-words\"\u003e\u003cstrong\u003ePerfect for:\u003c\/strong\u003e Product transformations, service outcomes, customer success stories, feature comparisons, or any content that benefits from dramatic before\/after visual contrast.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Bungalow Creative","offers":[{"title":"Default Title","offer_id":46314349297833,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0602\/9538\/1161\/files\/BeforeandAfter.jpg?v=1760717561","url":"https:\/\/bungalowcreative.co\/products\/before-and-after","provider":"Bungalow Creative","version":"1.0","type":"link"}