{"id":35,"date":"2026-06-04T04:47:09","date_gmt":"2026-06-04T04:47:09","guid":{"rendered":"https:\/\/stagingloom.com\/steamcleansydney\/?page_id=35"},"modified":"2026-06-09T09:04:19","modified_gmt":"2026-06-09T09:04:19","slug":"gallery-before-after","status":"publish","type":"page","link":"https:\/\/stagingloom.com\/steamcleansydney\/gallery-before-after\/","title":{"rendered":"Gallery \/ Before &amp; After"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53efec2 e-con-full e-flex e-con e-parent\" data-id=\"53efec2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51d5f92 elementor-widget elementor-widget-html\" data-id=\"51d5f92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- STEAM CLEAN SYDNEY - WORK \/ GALLERY PAGE -->\r\n<!-- Scoped CSS: all styles prefixed with .scg-page -->\r\n\r\n<div class=\"scg-page\">\r\n\r\n  <!-- ========== HERO ========== -->\r\n  <section class=\"scg-hero\">\r\n    <div class=\"scg-hero__bg\"><\/div>\r\n    <div class=\"scg-container\">\r\n      <div class=\"scg-hero__content\">\r\n        <span class=\"scg-label\">Our Work<\/span>\r\n        <h1 class=\"scg-hero__title\">Real Results.<br><span class=\"scg-hero__accent\">Real Clients.<\/span><\/h1>\r\n        <p class=\"scg-hero__sub\">Every photo on this page is from an actual job we've completed across Sydney. Drag the sliders to see the transformation.<\/p>\r\n        <div class=\"scg-hero__counts\">\r\n          <div class=\"scg-hero__count\">\r\n            <strong>9<\/strong>\r\n            <span>Before & After Jobs<\/span>\r\n          <\/div>\r\n          <div class=\"scg-hero__count-div\"><\/div>\r\n          <div class=\"scg-hero__count\">\r\n            <strong>100%<\/strong>\r\n            <span>Real Client Photos<\/span>\r\n          <\/div>\r\n          <div class=\"scg-hero__count-div\"><\/div>\r\n          <div class=\"scg-hero__count\">\r\n            <strong>500+<\/strong>\r\n            <span>Happy Clients<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========== BEFORE & AFTER SLIDERS ========== -->\r\n  <section class=\"scg-ba\" id=\"before-after\">\r\n    <div class=\"scg-container\">\r\n\r\n      <div class=\"scg-section-header\">\r\n        <span class=\"scg-label\">Before &amp; After<\/span>\r\n        <h2 class=\"scg-heading\">Drag to See the Difference<\/h2>\r\n        <p class=\"scg-section-sub\">Slide left and right on each card to compare before and after results<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"scg-ba__grid\">\r\n\r\n        <!-- 1. Carpet Cleaning -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl1\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-after.jpeg\" alt=\"Carpet Cleaning After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-before.jpeg\" alt=\"Carpet Cleaning Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Carpet Cleaning<\/span>\r\n              <h4>Deep Steam Clean<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Carpet Cleaning 2 -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl2\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-after-2.jpeg\" alt=\"Carpet Cleaning After 2\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-before-2.jpeg\" alt=\"Carpet Cleaning Before 2\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Carpet Cleaning<\/span>\r\n              <h4>Hallway Carpet Refresh<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Couch Cleaning -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl3\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Couch-cleaning-after.jpeg\" alt=\"Couch Cleaning After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Couch-cleaning-before-.jpeg\" alt=\"Couch Cleaning Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Couch Cleaning<\/span>\r\n              <h4>Upholstery Deep Clean<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Leather Couch -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl4\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Leather-couch-after.jpeg\" alt=\"Leather Couch After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Leather-couch-before.jpeg\" alt=\"Leather Couch Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Leather Couch<\/span>\r\n              <h4>Leather Restoration &amp; Clean<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Dining Chairs -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl5\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Dinning-chairs-cleaning-after.jpeg\" alt=\"Dining Chairs After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Dinning-chairs-cleaning-before.jpeg\" alt=\"Dining Chairs Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Dining Chairs<\/span>\r\n              <h4>Chair Upholstery Clean<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Stain Removal -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl6\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Stain-removal-after.jpeg\" alt=\"Stain Removal After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Stain-removal-before.jpeg\" alt=\"Stain Removal Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Stain &amp; Smell Removal<\/span>\r\n              <h4>Stain &amp; Odour Elimination<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. Carpet Repair -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl7\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-after.jpeg\" alt=\"Carpet Repair After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-before.jpeg\" alt=\"Carpet Repair Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Carpet Repair<\/span>\r\n              <h4>Seamless Patch Repair<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. Carpet Repair 2 -->\r\n        <div class=\"scg-ba__card\">\r\n          <div class=\"scg-slider\" id=\"sl8\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-after-2.jpeg\" alt=\"Carpet Repair After 2\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-before-2.jpeg\" alt=\"Carpet Repair Before 2\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat\">Carpet Repair<\/span>\r\n              <h4>Carpet Restretching &amp; Repair<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn\">Get Quote<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. Flood Damage -->\r\n        <div class=\"scg-ba__card scg-ba__card--emergency\">\r\n          <div class=\"scg-slider\" id=\"sl9\">\r\n            <div class=\"scg-slider__after\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Floor-damage-restoration-after.jpeg\" alt=\"Flood Damage After\"><\/div>\r\n            <div class=\"scg-slider__before\"><img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Floor-damage-restoration-before.jpeg\" alt=\"Flood Damage Before\"><\/div>\r\n            <div class=\"scg-slider__handle\">\r\n              <div class=\"scg-slider__circle\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"scg-tag scg-tag--b\">BEFORE<\/span>\r\n            <span class=\"scg-tag scg-tag--a\">AFTER<\/span>\r\n            <span class=\"scg-emergency-float\">\r\n              <span class=\"scg-pulse-dot\"><\/span> 24\/7 Emergency\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"scg-ba__info\">\r\n            <div class=\"scg-ba__info-left\">\r\n              <span class=\"scg-ba__cat scg-ba__cat--red\">Flood Damage Restoration<\/span>\r\n              <h4>Emergency Water Damage<\/h4>\r\n            <\/div>\r\n            <a href=\"\/contact\" class=\"scg-quote-btn scg-quote-btn--red\">Call Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========== PHOTO GALLERY ========== -->\r\n  <section class=\"scg-gallery\" id=\"gallery\">\r\n    <div class=\"scg-container\">\r\n      <div class=\"scg-section-header\">\r\n        <span class=\"scg-label\">Photo Gallery<\/span>\r\n        <h2 class=\"scg-heading\">More of Our Work<\/h2>\r\n        <p class=\"scg-section-sub\">A selection of completed jobs from across Sydney<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"scg-gallery__grid\">\r\n        <div class=\"scg-gallery__item scg-gallery__item--tall\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-after.jpeg\" alt=\"Carpet Cleaning Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Carpet Cleaning<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Couch-cleaning-after.jpeg\" alt=\"Couch Cleaning Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Couch Cleaning<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Leather-couch-after.jpeg\" alt=\"Leather Couch Cleaning\">\r\n          <div class=\"scg-gallery__overlay\"><span>Leather Couch<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Rug-cleaning.jpeg\" alt=\"Rug Cleaning Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Rug Cleaning<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item scg-gallery__item--wide\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-cleaning-after-2.jpeg\" alt=\"Carpet Cleaning Result\">\r\n          <div class=\"scg-gallery__overlay\"><span>Carpet Deep Clean<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Stain-removal-after.jpeg\" alt=\"Stain Removal Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Stain Removal<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Dinning-chairs-cleaning-after.jpeg\" alt=\"Dining Chairs Cleaning\">\r\n          <div class=\"scg-gallery__overlay\"><span>Dining Chairs<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item scg-gallery__item--tall\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-after.jpeg\" alt=\"Carpet Repair Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Carpet Repair<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Carpet-repair-after-2.jpeg\" alt=\"Carpet Restretching\">\r\n          <div class=\"scg-gallery__overlay\"><span>Carpet Restretching<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"scg-gallery__item scg-gallery__item--wide\">\r\n          <img decoding=\"async\" src=\"https:\/\/stagingloom.com\/steamcleansydney\/wp-content\/uploads\/2026\/06\/Floor-damage-restoration-after.jpeg\" alt=\"Flood Restoration Sydney\">\r\n          <div class=\"scg-gallery__overlay\"><span>Flood Restoration<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ========== CTA ========== -->\r\n  <section class=\"scg-cta\">\r\n    <div class=\"scg-container\">\r\n      <div class=\"scg-cta__inner\">\r\n        <div class=\"scg-cta__text\">\r\n          <h2>Like What You See?<\/h2>\r\n          <p>Get your free quote today. We service all of Sydney \u2014 residential and commercial.<\/p>\r\n        <\/div>\r\n        <div class=\"scg-cta__btns\">\r\n          <a href=\"\/contact\" class=\"scg-btn scg-btn--white\">Get a Free Quote<\/a>\r\n          <a href=\"tel:0400000000\" class=\"scg-btn scg-btn--outline-white\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"16\" height=\"16\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.72 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.63 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.96-.96a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- end .scg-page -->\r\n\r\n<!-- ============================================================\r\n     SCOPED STYLES\r\n     ============================================================ -->\r\n<style>\r\n.scg-page *, .scg-page *::before, .scg-page *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.scg-page {\r\n  --g-blue:     #0369a1;\r\n  --g-dark:     #0c4a6e;\r\n  --g-sky:      #38bdf8;\r\n  --g-sky-lt:   #e0f2fe;\r\n  --g-sky-pale: #f0f9ff;\r\n  --g-white:    #ffffff;\r\n  --g-text:     #1e293b;\r\n  --g-muted:    #64748b;\r\n  --g-border:   #e2e8f0;\r\n  --g-radius:   14px;\r\n  --g-shadow:   0 4px 24px rgba(3,105,161,0.10);\r\n  --g-shadow-lg:0 10px 40px rgba(3,105,161,0.18);\r\n  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n  color: var(--g-text);\r\n  line-height: 1.6;\r\n}\r\n.scg-page img { display: block; max-width: 100%; }\r\n.scg-page a   { text-decoration: none; }\r\n\r\n\/* Shared *\/\r\n.scg-page .scg-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n.scg-page .scg-label {\r\n  display: inline-block; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 2.5px; text-transform: uppercase;\r\n  color: var(--g-sky); margin-bottom: 8px;\r\n}\r\n.scg-page .scg-heading {\r\n  font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800;\r\n  color: var(--g-dark); line-height: 1.15; letter-spacing: -0.5px;\r\n}\r\n.scg-page .scg-section-header { text-align: center; margin-bottom: 52px; }\r\n.scg-page .scg-section-sub { font-size: 16px; color: var(--g-muted); max-width: 560px; margin: 0 auto; }\r\n\r\n\/* Buttons *\/\r\n.scg-page .scg-btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 14px 28px; border-radius: 50px; font-size: 15px;\r\n  font-weight: 700; border: 2px solid transparent; transition: all 0.25s;\r\n}\r\n.scg-page .scg-btn--white { background: #fff; color: var(--g-dark); border-color: #fff; }\r\n.scg-page .scg-btn--white:hover { background: var(--g-sky-lt); transform: translateY(-2px); }\r\n.scg-page .scg-btn--outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,0.5); }\r\n.scg-page .scg-btn--outline-white:hover { background: rgba(255,255,255,0.1); border-color: #fff; }\r\n\r\n\/* ============================================================\r\n   HERO\r\n   ============================================================ *\/\r\n.scg-page .scg-hero {\r\n  background: #050f1a;\r\n  padding: 100px 0 80px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.scg-page .scg-hero__bg {\r\n  position: absolute; inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 70% 80% at 20% 50%, rgba(3,105,161,0.28) 0%, transparent 70%),\r\n    radial-gradient(ellipse 50% 40% at 85% 20%, rgba(56,189,248,0.08) 0%, transparent 60%);\r\n  background-image:\r\n    radial-gradient(ellipse 70% 80% at 20% 50%, rgba(3,105,161,0.28) 0%, transparent 70%),\r\n    radial-gradient(ellipse 50% 40% at 85% 20%, rgba(56,189,248,0.08) 0%, transparent 60%),\r\n    linear-gradient(rgba(56,189,248,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(56,189,248,0.03) 1px, transparent 1px);\r\n  background-size: auto, auto, 60px 60px, 60px 60px;\r\n  pointer-events: none;\r\n}\r\n\r\n.scg-page .scg-hero .scg-container { position: relative; z-index: 2; }\r\n\r\n.scg-page .scg-hero__content { max-width: 680px; }\r\n\r\n.scg-page .scg-hero__title {\r\n  font-size: clamp(2.6rem, 6vw, 4.2rem); font-weight: 900;\r\n  color: #fff; line-height: 1.0; letter-spacing: -2px; margin-bottom: 18px;\r\n}\r\n.scg-page .scg-hero__accent { color: var(--g-sky); }\r\n\r\n.scg-page .scg-hero__sub {\r\n  font-size: 17px; color: rgba(255,255,255,0.55);\r\n  margin-bottom: 36px; max-width: 520px; line-height: 1.65;\r\n}\r\n\r\n.scg-page .scg-hero__counts {\r\n  display: flex; align-items: center; gap: 0;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 16px; padding: 20px 32px;\r\n  width: fit-content; flex-wrap: wrap;\r\n}\r\n.scg-page .scg-hero__count { display: flex; flex-direction: column; padding: 0 28px; }\r\n.scg-page .scg-hero__count:first-child { padding-left: 0; }\r\n.scg-page .scg-hero__count:last-child  { padding-right: 0; }\r\n.scg-page .scg-hero__count strong { font-size: 30px; font-weight: 900; color: var(--g-sky); line-height: 1; }\r\n.scg-page .scg-hero__count span   { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; }\r\n.scg-page .scg-hero__count-div    { width: 1px; height: 40px; background: rgba(255,255,255,0.12); }\r\n\r\n\/* ============================================================\r\n   BEFORE & AFTER\r\n   ============================================================ *\/\r\n.scg-page .scg-ba {\r\n  padding: 100px 0;\r\n  background: var(--g-sky-pale);\r\n}\r\n\r\n.scg-page .scg-ba__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n.scg-page .scg-ba__card {\r\n  background: var(--g-white);\r\n  border-radius: var(--g-radius);\r\n  overflow: hidden;\r\n  box-shadow: var(--g-shadow);\r\n  border: 1px solid var(--g-border);\r\n  transition: transform 0.25s, box-shadow 0.25s;\r\n}\r\n\r\n.scg-page .scg-ba__card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: var(--g-shadow-lg);\r\n}\r\n\r\n.scg-page .scg-ba__card--emergency {\r\n  border-top: 3px solid #dc2626;\r\n}\r\n\r\n\/* Slider *\/\r\n.scg-page .scg-slider {\r\n  position: relative;\r\n  height: 300px;\r\n  overflow: hidden;\r\n  cursor: ew-resize;\r\n  user-select: none;\r\n}\r\n\r\n.scg-page .scg-slider__after,\r\n.scg-page .scg-slider__before {\r\n  position: absolute; inset: 0;\r\n}\r\n\r\n.scg-page .scg-slider__after img,\r\n.scg-page .scg-slider__before img {\r\n  width: 100%; height: 100%; object-fit: cover;\r\n  display: block; pointer-events: none;\r\n}\r\n\r\n.scg-page .scg-slider__before {\r\n  clip-path: inset(0 50% 0 0);\r\n}\r\n\r\n.scg-page .scg-slider__handle {\r\n  position: absolute; top: 0; bottom: 0;\r\n  left: 50%; width: 3px;\r\n  background: rgba(255,255,255,0.9);\r\n  transform: translateX(-50%);\r\n  z-index: 10; pointer-events: none;\r\n}\r\n\r\n.scg-page .scg-slider__circle {\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 44px; height: 44px;\r\n  background: #fff; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center; gap: 2px;\r\n  box-shadow: 0 3px 16px rgba(0,0,0,0.25);\r\n  color: var(--g-blue);\r\n}\r\n\r\n\/* Tags *\/\r\n.scg-page .scg-tag {\r\n  position: absolute; bottom: 12px;\r\n  font-size: 10px; font-weight: 800;\r\n  letter-spacing: 1.5px; text-transform: uppercase;\r\n  padding: 4px 10px; border-radius: 4px;\r\n  z-index: 5; pointer-events: none;\r\n}\r\n.scg-page .scg-tag--b { left: 12px; background: rgba(0,0,0,0.75); color: #fff; }\r\n.scg-page .scg-tag--a { right: 12px; background: var(--g-blue); color: #fff; }\r\n\r\n\/* Emergency float tag *\/\r\n.scg-page .scg-emergency-float {\r\n  position: absolute; top: 12px; left: 12px;\r\n  background: rgba(220,38,38,0.9);\r\n  color: #fff; font-size: 11px; font-weight: 800;\r\n  letter-spacing: 1px; text-transform: uppercase;\r\n  padding: 5px 12px; border-radius: 50px;\r\n  display: flex; align-items: center; gap: 6px;\r\n  z-index: 5; pointer-events: none;\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n.scg-page .scg-pulse-dot {\r\n  width: 7px; height: 7px;\r\n  background: #fff; border-radius: 50%;\r\n  animation: scg-pulse 1.2s ease infinite;\r\n}\r\n\r\n@keyframes scg-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%       { opacity: 0.5; transform: scale(1.4); }\r\n}\r\n\r\n\/* Card info row *\/\r\n.scg-page .scg-ba__info {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 20px;\r\n  gap: 12px;\r\n}\r\n\r\n.scg-page .scg-ba__cat {\r\n  display: block; font-size: 11px; font-weight: 700;\r\n  letter-spacing: 1.5px; text-transform: uppercase;\r\n  color: var(--g-sky); margin-bottom: 3px;\r\n}\r\n\r\n.scg-page .scg-ba__cat--red { color: #dc2626; }\r\n\r\n.scg-page .scg-ba__info-left h4 {\r\n  font-size: 15px; font-weight: 700; color: var(--g-dark);\r\n}\r\n\r\n.scg-page .scg-quote-btn {\r\n  display: inline-block; padding: 9px 18px;\r\n  background: var(--g-blue); color: #fff;\r\n  border-radius: 50px; font-size: 13px; font-weight: 700;\r\n  white-space: nowrap; transition: all 0.2s; flex-shrink: 0;\r\n}\r\n.scg-page .scg-quote-btn:hover {\r\n  background: var(--g-dark); transform: translateY(-1px);\r\n  box-shadow: 0 4px 14px rgba(3,105,161,0.3);\r\n}\r\n.scg-page .scg-quote-btn--red { background: #dc2626; }\r\n.scg-page .scg-quote-btn--red:hover { background: #b91c1c; box-shadow: 0 4px 14px rgba(220,38,38,0.3); }\r\n\r\n\/* ============================================================\r\n   PHOTO GALLERY\r\n   ============================================================ *\/\r\n.scg-page .scg-gallery {\r\n  padding: 100px 0;\r\n  background: var(--g-white);\r\n}\r\n\r\n.scg-page .scg-gallery__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-auto-rows: 220px;\r\n  gap: 14px;\r\n}\r\n\r\n.scg-page .scg-gallery__item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: var(--g-radius);\r\n  cursor: pointer;\r\n}\r\n\r\n.scg-page .scg-gallery__item--tall {\r\n  grid-row: span 2;\r\n}\r\n\r\n.scg-page .scg-gallery__item--wide {\r\n  grid-column: span 2;\r\n}\r\n\r\n.scg-page .scg-gallery__item img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.scg-page .scg-gallery__item:hover img {\r\n  transform: scale(1.07);\r\n}\r\n\r\n.scg-page .scg-gallery__overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(12,74,110,0.75) 0%, transparent 60%);\r\n  display: flex; align-items: flex-end;\r\n  padding: 16px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.scg-page .scg-gallery__item:hover .scg-gallery__overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.scg-page .scg-gallery__overlay span {\r\n  font-size: 13px; font-weight: 700;\r\n  color: #fff; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* ============================================================\r\n   CTA\r\n   ============================================================ *\/\r\n.scg-page .scg-cta {\r\n  padding: 80px 0;\r\n  background: linear-gradient(135deg, #050f1a 0%, var(--g-dark) 100%);\r\n}\r\n\r\n.scg-page .scg-cta__inner {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between;\r\n  gap: 40px; flex-wrap: wrap;\r\n}\r\n\r\n.scg-page .scg-cta h2 {\r\n  font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n  font-weight: 800; color: #fff; margin-bottom: 8px;\r\n}\r\n\r\n.scg-page .scg-cta p { font-size: 15px; color: rgba(255,255,255,0.65); }\r\n\r\n.scg-page .scg-cta__btns { display: flex; gap: 14px; flex-wrap: wrap; flex-shrink: 0; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 1024px) {\r\n  .scg-page .scg-ba__grid      { grid-template-columns: repeat(2, 1fr); }\r\n  .scg-page .scg-gallery__grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .scg-page .scg-ba__grid      { grid-template-columns: 1fr; }\r\n  .scg-page .scg-gallery__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; }\r\n  .scg-page .scg-gallery__item--tall  { grid-row: span 1; }\r\n  .scg-page .scg-gallery__item--wide  { grid-column: span 2; }\r\n  .scg-page .scg-hero__counts { padding: 16px 20px; }\r\n  .scg-page .scg-hero__count  { padding: 0 16px; }\r\n  .scg-page .scg-cta__inner   { flex-direction: column; text-align: center; }\r\n  .scg-page .scg-ba, .scg-page .scg-gallery, .scg-page .scg-hero { padding: 70px 0; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .scg-page .scg-gallery__grid { grid-template-columns: 1fr; }\r\n  .scg-page .scg-gallery__item--wide { grid-column: span 1; }\r\n  .scg-page .scg-hero__counts  { flex-direction: column; gap: 16px; width: 100%; }\r\n  .scg-page .scg-hero__count   { padding: 0; }\r\n  .scg-page .scg-hero__count-div { width: 60px; height: 1px; }\r\n  .scg-page .scg-cta__btns     { flex-direction: column; width: 100%; }\r\n  .scg-page .scg-cta__btns .scg-btn { justify-content: center; }\r\n  .scg-page .scg-slider         { height: 220px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     SLIDER JAVASCRIPT\r\n     ============================================================ -->\r\n<script>\r\n(function () {\r\n  function makeSlider(slider) {\r\n    var before   = slider.querySelector('.scg-slider__before');\r\n    var handle   = slider.querySelector('.scg-slider__handle');\r\n    var dragging = false;\r\n\r\n    function setPos(x) {\r\n      var rect = slider.getBoundingClientRect();\r\n      var pct  = Math.min(Math.max((x - rect.left) \/ rect.width * 100, 1), 99);\r\n      before.style.clipPath = 'inset(0 ' + (100 - pct) + '% 0 0)';\r\n      handle.style.left = pct + '%';\r\n    }\r\n\r\n    slider.addEventListener('mousedown',  function (e) { dragging = true; setPos(e.clientX); e.preventDefault(); });\r\n    slider.addEventListener('touchstart', function (e) { dragging = true; setPos(e.touches[0].clientX); }, { passive: true });\r\n    document.addEventListener('mousemove',  function (e) { if (dragging) setPos(e.clientX); });\r\n    document.addEventListener('touchmove',  function (e) { if (dragging) setPos(e.touches[0].clientX); }, { passive: true });\r\n    document.addEventListener('mouseup',   function () { dragging = false; });\r\n    document.addEventListener('touchend',  function () { dragging = false; });\r\n  }\r\n\r\n  function init() {\r\n    document.querySelectorAll('.scg-slider').forEach(makeSlider);\r\n  }\r\n\r\n  document.readyState === 'loading'\r\n    ? document.addEventListener('DOMContentLoaded', init)\r\n    : init();\r\n})();\r\n<\/script>\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>Our Work Real Results.Real Clients. Every photo on this page is from an actual job we&#8217;ve completed across Sydney. Drag the sliders to see the transformation. 9 Before &#038; After Jobs 100% Real Client Photos 500+ Happy Clients Before &amp; After Drag to See the Difference Slide left and right on each card to compare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":16,"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/pages\/35\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/stagingloom.com\/steamcleansydney\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}