{"id":2512,"date":"2024-11-23T09:54:02","date_gmt":"2024-11-23T06:54:02","guid":{"rendered":"https:\/\/supersgsfurniture.com\/?page_id=2512"},"modified":"2024-11-25T16:09:18","modified_gmt":"2024-11-25T13:09:18","slug":"home","status":"publish","type":"page","link":"https:\/\/supersgsfurniture.com\/am\/home\/","title":{"rendered":"\u1264\u1275"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2512\" class=\"elementor elementor-2512\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3185b3b stickey_circle_wrap e-flex e-con-boxed e-con e-parent\" data-id=\"3185b3b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a36419c e-flex e-con-boxed e-con e-child\" data-id=\"a36419c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b09841 elementor-mobile-align-center elementor-widget__width-auto elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9b09841\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Welcome To<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d77babd elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"d77babd\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tSuper SGS Furniture\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a43f41d elementor-widget elementor-widget-heading\" data-id=\"a43f41d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your one-stop shop for high-quality, stylish, and affordable furniture. We are passionate about creating beautiful and functional spaces that reflect your unique style and personality.\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1430f8c elementor-mobile-align-center elementor-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"1430f8c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#down\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-solid\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Our Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e2ada7 e-con-full e-flex e-con e-child\" data-id=\"8e2ada7\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:100,&quot;sticky_effects_offset&quot;:100,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-65c403f e-con-full circle e-flex e-con e-child\" data-id=\"65c403f\" data-element_type=\"container\" id=\"down\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d97d606 e-flex e-con-boxed e-con e-child\" data-id=\"d97d606\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c30cd8 elementor-mobile-align-center elementor-widget__width-auto elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7c30cd8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Quality<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-579c0de reveal elementor-widget elementor-widget-heading\" data-id=\"579c0de\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Luxury <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5443f1 elementor-mobile-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a5443f1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-solid\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Our Luxury Products<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c1e3b1 elementor-widget elementor-widget-html\" data-id=\"7c1e3b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.8.0\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.8.0\/ScrollTrigger.min.js\"><\/script>\n<script>\ngsap.registerPlugin(ScrollTrigger);\n\nScrollTrigger.defaults({\n  markers: false\n});\n\n\/\/ Animate From To\n$(\".stickey_circle_wrap\").each(function (index) {\n  let triggerElement = $(this);\n  let targetElement = $(\".circle\");\n\n  let tl = gsap.timeline({\n    scrollTrigger: {\n      trigger: triggerElement,\n      \/\/ trigger element - viewport\n      start: \"top top\",\n      end: \"bottom bottom\",\n      scrub: 1\n    }\n  });\n\n  \/\/ Check screen width for breakpoint\n  if (window.matchMedia(\"(max-width: 768px)\").matches) {\n    \/\/ Mobile\/Tablet\n    tl.fromTo(targetElement, {\n        width: \"10em\", \/\/ Breakpoint width\n        height: \"30em\",\n        borderRadius: \"20em\"\n      },\n      {\n        width: \"100%\",\n        height: \"90vh\",\n        borderRadius: \"0px\",\n        duration: 1\n      }\n    );\n  } else {\n    \/\/ Desktop\n    tl.fromTo(targetElement, {\n        width: \"40em\", \/\/ Original width\n        height: \"30em\",\n        borderRadius: \"20em\"\n      },\n      {\n        width: \"100%\",\n        height: \"90vh\",\n        borderRadius: \"0px\",\n        duration: 1\n      }\n    );\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d13b60 e-con-full e-flex e-con e-parent\" data-id=\"1d13b60\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d432933 gallery e-flex e-con-boxed e-con e-child\" data-id=\"d432933\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8c4124a e-con-full left e-flex e-con e-child\" data-id=\"8c4124a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-454c5bf e-con-full desktopContent e-flex e-con e-child\" data-id=\"454c5bf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4775f4a e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"4775f4a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c085853 elementor-widget elementor-widget-heading\" data-id=\"c085853\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Welcome To<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51a2af7 reveal elementor-widget elementor-widget-heading\" data-id=\"51a2af7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Office Furniture Collection<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8607a49 e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"8607a49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-600d07e reveal elementor-widget elementor-widget-heading\" data-id=\"600d07e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Our Sofa Collection<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f60f6 elementor-widget elementor-widget-text-editor\" data-id=\"c0f60f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Immerse yourself in comfort and style with our diverse sofa collection. From cozy sectionals to sleek modern designs, we have the perfect sofa to suit your taste.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70a2c89 e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"70a2c89\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-510726e reveal elementor-widget elementor-widget-heading\" data-id=\"510726e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Our Bed Collection<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-655da88 elementor-widget elementor-widget-text-editor\" data-id=\"655da88\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Indulge in pure bliss with our exquisite bed collection. Our beds are crafted with the finest materials and designed to provide optimal comfort and support.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6baf60c e-con-full desktopContentSection e-flex e-con e-child\" data-id=\"6baf60c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16d3b19 reveal elementor-widget elementor-widget-heading\" data-id=\"16d3b19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Our Dinning Table Collection<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-616ada3 elementor-widget elementor-widget-text-editor\" data-id=\"616ada3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Gather your loved ones around our stunning dining table collection. Whether you prefer a classic or contemporary look, our dining tables are sure to impress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-653914a e-con-full e-flex e-con e-child\" data-id=\"653914a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a81d32c e-flex e-con-boxed e-con e-child\" data-id=\"a81d32c\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-27ea3fd e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"27ea3fd\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-d8cb8de e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"d8cb8de\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dd07d9 e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"6dd07d9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c4f926 e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"2c4f926\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af0068d e-con-full desktopPhoto e-flex e-con e-child\" data-id=\"af0068d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-129b12e e-flex e-con-boxed e-con e-parent\" data-id=\"129b12e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde466c elementor-widget elementor-widget-html\" data-id=\"cde466c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\nlet mediaAnimation = gsap.matchMedia();\r\nScrollTrigger.defaults({\r\n  markers: false\r\n});\r\n\r\nconst colors = [\"#2E4D71\", \"#856546\", \"#05625C\", \"#5A483E\", \"#886648\"];\r\n\r\nmediaAnimation.add(\"(min-width: 666px)\", () => {\r\n  \/\/ Desktop animations\r\n  const details = gsap.utils.toArray(\".desktopContentSection:not(:first-child)\");\r\n  const photos = gsap.utils.toArray(\".desktopPhoto:not(:first-child)\");\r\n\r\n  gsap.set(photos, { clipPath: 'inset(100% 0% 0% 0%)', autoAlpha: 1 });\r\n\r\n  const allPhotos = gsap.utils.toArray(\".desktopPhoto\");\r\n\r\n  details.forEach((section, i) => {\r\n      let bgColor = colors[i + 1];\r\n      ScrollTrigger.create({\r\n          trigger: section,\r\n          start: \"200 bottom\",\r\n          end: \"+=100%\",\r\n\r\n          onToggle: self => {\r\n              if (self.isActive) {\r\n                  gsap.to(\".gallery\", { backgroundColor: bgColor });\r\n              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {\r\n                  gsap.to(\".gallery\", { backgroundColor: \"#2E4D71\" });\r\n              }\r\n          }\r\n      });\r\n  });\r\n\r\n  details.forEach((detail, index) => {\r\n      let headline = detail.querySelector(\".reveal\");\r\n      let animation = gsap.timeline()\r\n          .to(photos[index], { clipPath: 'inset(0% 0% 0% 0%)', autoAlpha: 1, duration: 1.5 })\r\n          .set(allPhotos[index], { autoAlpha: 1, duration: 1.5 });\r\n\r\n      ScrollTrigger.create({\r\n          trigger: headline,\r\n          start: \"top 120%\",\r\n          end: \"top 60%\",\r\n          animation: animation,\r\n          scrub: true,\r\n          markers: false\r\n      });\r\n  });\r\n});\r\n\r\nmediaAnimation.add(\"(max-width: 665px)\", () => {\r\n  \/\/ Mobile animations\r\n  const details = gsap.utils.toArray(\".desktopContentSection:not(:first-child)\");\r\n\r\n  details.forEach((section, i) => {\r\n      let bgColor = colors[i + 1];\r\n      ScrollTrigger.create({\r\n          trigger: section,\r\n          start: \"200 bottom\",\r\n          end: \"+=100%\",\r\n\r\n          onToggle: self => {\r\n              if (self.isActive) {\r\n                  gsap.to(\".gallery\", { backgroundColor: bgColor });\r\n              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {\r\n                  gsap.to(\".gallery\", { backgroundColor: \"#2E4D71\" });\r\n              }\r\n          }\r\n      });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd6a722 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"dd6a722\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65163aa elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"65163aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"tofarver\"> Some of our luzury collections<\/span><br>Explore Our Collections<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b7dc09 elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"5b7dc09\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/supersgsfurniture.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/placeholder-1.png&quot;,&quot;id&quot;:2657,&quot;size&quot;:&quot;&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6057469 elementor-widget elementor-widget-html\" data-id=\"6057469\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Document<\/title>\r\n    <link rel=\"stylesheet\" href=\"main.css\" \/>\r\n  <\/head>\r\n  <body data-rsssl=\"1\">\r\n    <div class=\"wrapper\">\r\n      <div class=\"imgs-parent\">\r\n        <div class=\"img\" style=\"background-image: url(https:\/\/supersgsfurniture.com\/wp-content\/uploads\/2024\/11\/2T2A0249-scaled.webp)\">\r\n          <div class=\"content\">\r\n            <h3>Sofa<\/h3>\r\n            <a href=\"https:\/\/supersgsfurniture.com\/am\/product-category\/sofas\/\" class=\"btn\">See More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"img\" style=\"background-image: url(https:\/\/supersgsfurniture.com\/wp-content\/uploads\/2024\/11\/fdff-scaled.webp)\">\r\n          <div class=\"content\">\r\n            <h3>Dinning Table<\/h3>\r\n            <a href=\"https:\/\/supersgsfurniture.com\/am\/product-category\/dining-room\/\" class=\"btn\">See More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"img\" style=\"background-image: url(https:\/\/supersgsfurniture.com\/wp-content\/uploads\/2024\/11\/2T2A9034-scaled.webp)\">\r\n          <div class=\"content\">\r\n            <h3>\u12e8\u1262\u122e <\/h3>\r\n            <a href=\"https:\/\/supersgsfurniture.com\/am\/product-category\/office-furniture\/\" class=\"btn\">See More<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc12b8 elementor-widget elementor-widget-html\" data-id=\"fcc12b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n:root {\n  --transition: cubic-bezier(0.1, 0.7, 0, 1);\n}\n\nbody {\n  background: linear-gradient(90deg, black, #333);\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40vh;\n}\n\n.imgs-parent {\n  display: flex;\n  gap: 0.4rem;\n  perspective: 60rem;\n}\n\n.img {\n  width: 30rem;\n  height: 20rem;\n  background-size: cover;\n  background-position: center;\n  cursor: pointer;\n  transition: transform 1.25s var(--transition), filter 3s var(--transition), width 0.3s var(--transition);\n  position: relative;\n  filter: grayscale(0) brightness(0.7);\n  will-change: transform, filter;\n  border-radius: 8px;\n}\n\n.content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  color: white;\n  text-align: center;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\nh3 {\n  font-size: 15px;\n  margin-bottom: 5px;\n}\n\n\/* Knappen *\/\n.btn {\n  display: inline-block;\n   font-family: \"Montserrat\", Sans-serif;\n  padding: 4px 10px;\nbackground-color: transparent;\n    background-image: linear-gradient(140deg, #0071E3 42%, #25409E 100%);\n  color: white;\n  text-decoration: none;\n  font-size: 12px;\n      font-weight: 600;\n       fill: #000000;\n  border-radius: 15px;\n  text-align: center;\n  transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;\n  opacity: 0;\n  visibility: hidden;\n  margin-bottom: 8px;\n}\n\n.img:hover .btn,\n.img:hover .content {\n  opacity: 1;\n  visibility: visible;\n}\n\n.btn:hover {\n  background-color: #005bb5;\n}\n\n.img:hover {\n  transform: translateZ(17.375rem);\n  filter: grayscale(0) brightness(0.9);\n}\n\n.img:hover .content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.img::before,\n.img::after {\n  content: \"\";\n  position: absolute;\n  width: 1.25rem;\n  height: 100%;\n  right: -1.25rem;\n}\n\n.img::after {\n  left: -1.25rem;\n}\n\n.img:hover + * {\n  transform: translateZ(14.77rem) rotateY(35deg);\n  filter: grayscale(0.2) brightness(0.9);\n  z-index: -1;\n}\n\n.img:hover + * + * {\n  transform: translateZ(9.73rem) rotateY(40deg);\n  filter: grayscale(0.4) brightness(0.8);\n  z-index: -2;\n}\n\n.img:hover + * + * + * {\n  transform: translateZ(4.17rem) rotateY(35deg);\n  filter: grayscale(0.6) brightness(0.7);\n  z-index: -3;\n}\n\n.img:hover + * + * + * + * {\n  transform: translateZ(1.1rem) rotateY(25deg);\n  filter: grayscale(0.8) brightness(0.6);\n  z-index: -4;\n}\n\n.img:has(+ :hover) {\n  transform: translateZ(14.77rem) rotateY(-35deg);\n  filter: grayscale(0.2) brightness(0.9);\n}\n\n.img:has(+ * + :hover) {\n  transform: translateZ(9.73rem) rotateY(-40deg);\n  filter: grayscale(0.4) brightness(0.8);\n}\n\n.img:has(+ * + * + :hover) {\n  transform: translateZ(4.17rem) rotateY(-35deg);\n  filter: grayscale(0.6) brightness(0.7);\n}\n\n.img:has(+ * + * + * + :hover) {\n  transform: translateZ(1.1rem) rotateY(-25deg);\n  filter: grayscale(0.8) brightness(0.6);\n}\n\n.open {\n  width: 25vw;\n  transform: translateZ(17.375rem);\n  filter: inherit;\n  z-index: 1;\n  margin: 0 0.45vw;\n}\n\n@media (max-width: 820px) {\n  .img {\n    width: 4.0rem;\n    height: 19rem;\n  }\n\n  .img:hover {\n    transform: translateZ(17.375rem);\n    filter: inherit;\n  }\n\n  .open {\n    width: 20vw;\n    transform: translateZ(7.375rem);\n    filter: inherit;\n    z-index: 1;\n    margin: 0 0.45vw;\n  }\n  h3 {\n    font-size: 8px;\n  }\n\n  .btn {\n    font-size: 8px;\n    padding: 2px 5px;\n    border-radius: 10px;\n  }\n}\n\n    \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22134a1 elementor-widget elementor-widget-html\" data-id=\"22134a1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n    \n    document.body.addEventListener(\"click\", (event) => {\n  const clickedElement = event.target,\n    imgs = document.querySelectorAll(\".img\");\n\n  if (!clickedElement.classList.contains(\"img\")) {\n    imgs.forEach((img) => img.classList.remove(\"open\"));\n    return;\n  }\n\n  if (clickedElement.classList.contains(\"open\")) {\n    clickedElement.classList.remove(\"open\");\n    return;\n  }\n\n  imgs.forEach((img) => img.classList.remove(\"open\"));\n  clickedElement.classList.add(\"open\");\n});\n\ndocument.body.addEventListener(\"click\", (event) => {});\n    \n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Welcome To Super SGS Furniture Your one-stop shop for high-quality, stylish, and affordable furniture. We are passionate&#8230;<\/p>","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-2512","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/pages\/2512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/comments?post=2512"}],"version-history":[{"count":0,"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/pages\/2512\/revisions"}],"wp:attachment":[{"href":"https:\/\/supersgsfurniture.com\/am\/wp-json\/wp\/v2\/media?parent=2512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}