{"id":9,"date":"2026-01-21T10:10:33","date_gmt":"2026-01-21T10:10:33","guid":{"rendered":"https:\/\/skyleygroup.co.za\/?page_id=9"},"modified":"2026-02-03T07:39:19","modified_gmt":"2026-02-03T07:39:19","slug":"home","status":"publish","type":"page","link":"https:\/\/skyleygroup.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afe53a3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"afe53a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c84ba2 elementor-widget elementor-widget-html\" data-id=\"8c84ba2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSKYLEY GROUP \u2013 HERO (MORE MODERN, YOUR 4 BACKGROUNDS)\n\u2705 Uses your 4 images in the background slideshow\n\u2705 More modern look: glass chips + subtle gradient glow + cleaner spacing\n\u2705 Still clean (no contact details \/ no right card)\nColors: #80bc02 | (blue removed from buttons)\n========================================================= -->\n\n<section class=\"sg-hero\" aria-label=\"Hero\">\n  <!-- Background slideshow -->\n  <div class=\"sg-hero__bg\" aria-hidden=\"true\">\n    <span class=\"sg-hero__slide is-active\" style=\"--bg:url('https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/01\/3d-rendering-living-room-family-space-scaled.jpg');\"><\/span>\n    <span class=\"sg-hero__slide\" style=\"--bg:url('https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/01\/beautiful-kitchen-interior-design-1-scaled.jpg');\"><\/span>\n    <span class=\"sg-hero__slide\" style=\"--bg:url('https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/01\/beautiful-shot-modern-house-kitchen-1-scaled.jpg');\"><\/span>\n    <span class=\"sg-hero__slide\" style=\"--bg:url('https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/01\/beautiful-shot-modern-house-kitchen-scaled.jpg');\"><\/span>\n  <\/div>\n\n  <!-- Modern overlay for readability -->\n  <div class=\"sg-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n  <!-- Subtle \u201cmodern\u201d accent glow (very light) -->\n  <div class=\"sg-hero__glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sg-hero__wrap\">\n    <div class=\"sg-hero__content\">\n      <p class=\"sg-hero__sub\">Reliable Home Improvement Specialists<\/p>\n\n      <h1 class=\"sg-hero__title\">Complete Kitchen &amp; Home Solutions<\/h1>\n\n      <p class=\"sg-hero__desc\">\n        Professional home improvement services delivering quality workmanship, practical solutions, and reliable results you can trust.\n      <\/p>\n\n      <div class=\"sg-hero__actions\">\n        <a class=\"sg-btn sg-btn--primary\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\">View Our Services<\/a>\n        <a class=\"sg-btn sg-btn--outline\" href=\"https:\/\/skyleygroup.co.za\/index.php\/contact-us\/\">Get a Quote<\/a>\n      <\/div>\n\n      <!-- Modern chips -->\n      <div class=\"sg-hero__strip\" role=\"list\" aria-label=\"Highlights\">\n        <div class=\"sg-pill\" role=\"listitem\">Neat finishes<\/div>\n        <div class=\"sg-pill\" role=\"listitem\">Reliable turnaround<\/div>\n        <div class=\"sg-pill\" role=\"listitem\">Quality workmanship<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --sg-green:#80bc02;\n    --sg-blue:#38b6ff; \/* kept for glow accents only *\/\n    --sg-text:#ffffff;\n    --sg-muted:rgba(255,255,255,.78);\n    --sg-border:rgba(255,255,255,.16);\n  }\n\n  .sg-hero, .sg-hero *{ box-sizing:border-box; }\n\n  .sg-hero{\n    position:relative;\n    min-height: clamp(640px, 82vh, 900px);\n    display:flex;\n    align-items:center;\n    overflow:hidden;\n    background:#000;\n  }\n\n  .sg-hero__bg{ position:absolute; inset:0; z-index:0; }\n  .sg-hero__slide{\n    position:absolute;\n    inset:0;\n    background-image: var(--bg);\n    background-size: cover;\n    background-position: center;\n    transform: scale(1.06);\n    opacity:0;\n    transition: opacity 950ms ease;\n    will-change: opacity, transform;\n  }\n  .sg-hero__slide.is-active{ opacity:1; }\n\n  \/* Modern readability overlay: stronger left, softer right *\/\n  .sg-hero__overlay{\n    position:absolute;\n    inset:0;\n    z-index:1;\n    background:\n      radial-gradient(900px 560px at 18% 42%, rgba(0,0,0,.78) 0%, rgba(0,0,0,.60) 45%, rgba(0,0,0,.28) 70%, rgba(0,0,0,.18) 100%),\n      linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.56) 44%, rgba(0,0,0,.22) 74%, rgba(0,0,0,.10) 100%);\n  }\n\n  \/* Subtle accent glow *\/\n  .sg-hero__glow{\n    position:absolute;\n    inset:0;\n    z-index:2;\n    pointer-events:none;\n    background:\n      radial-gradient(520px 320px at 18% 40%, rgba(56,182,255,.16), rgba(56,182,255,0) 70%),\n      radial-gradient(520px 320px at 30% 62%, rgba(128,188,2,.14), rgba(128,188,2,0) 72%);\n    mix-blend-mode: screen;\n    opacity: .85;\n  }\n\n  .sg-hero__wrap{\n    position:relative;\n    z-index:3;\n    width:100%;\n    max-width:1200px;\n    margin:0 auto;\n    padding: 44px 18px;\n    display:grid;\n    grid-template-columns: 1fr;\n    align-items:center;\n  }\n\n  .sg-hero__content{ max-width: 700px; }\n\n  \/* Modern glass badge *\/\n  .sg-hero__sub{\n    margin:0 0 12px;\n    display:inline-flex;\n    align-items:center;\n    gap: 8px;\n    font-weight: 900;\n    letter-spacing:.2px;\n    color: rgba(255,255,255,.92);\n    padding: 9px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,.18);\n    background: rgba(255,255,255,.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow: 0 10px 26px rgba(0,0,0,.25);\n  }\n\n  .sg-hero__title{\n    margin: 0 0 12px;\n    color: var(--sg-text);\n    font-size: clamp(36px, 4.9vw, 60px);\n    line-height: 1.04;\n    letter-spacing: -0.8px;\n    font-weight: 950;\n    text-shadow: 0 16px 42px rgba(0,0,0,.50);\n  }\n\n  .sg-hero__desc{\n    margin: 0 0 20px;\n    color: rgba(255,255,255,.80);\n    font-size: 16.5px;\n    line-height: 1.7;\n    max-width: 60ch;\n  }\n\n  .sg-hero__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n\n  .sg-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding: 12px 16px;\n    border-radius: 14px;\n    text-decoration:none;\n    font-weight: 950;\n    letter-spacing:.2px;\n    transition: transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;\n    user-select:none;\n  }\n\n  \/* \u2705 PRIMARY BUTTON: NOW PURE GREEN (no blue) *\/\n  .sg-btn--primary{\n    color:#07130a;\n    background: linear-gradient(90deg, var(--sg-green), rgba(128,188,2,.92));\n    box-shadow: 0 18px 40px rgba(0,0,0,.45);\n  }\n  .sg-btn--primary:hover,\n  .sg-btn--primary:focus-visible{\n    transform: translateY(-1px);\n    filter: brightness(1.05);\n    box-shadow: 0 24px 52px rgba(0,0,0,.55);\n    outline:none;\n  }\n\n  \/* \u2705 OUTLINE BUTTON: GREEN HOVER + GREEN BORDER (no blue) *\/\n  .sg-btn--outline{\n    color: rgba(255,255,255,.95);\n    background: rgba(255,255,255,.08);\n    border: 1px solid rgba(255,255,255,.22);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  .sg-btn--outline:hover,\n  .sg-btn--outline:focus-visible{\n    transform: translateY(-1px);\n    background: rgba(128,188,2,.14);\n    border-color: rgba(128,188,2,.45);\n    outline:none;\n  }\n\n  \/* Modern chips *\/\n  .sg-hero__strip{\n    display:flex;\n    flex-wrap:wrap;\n    gap: 10px;\n    margin-top: 4px;\n  }\n  .sg-pill{\n    padding: 9px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.08);\n    border: 1px solid rgba(255,255,255,.18);\n    color: rgba(255,255,255,.90);\n    font-weight: 800;\n    font-size: 13px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  \/* Mobile tweaks *\/\n  @media (max-width: 900px){\n    .sg-hero{ min-height: clamp(620px, 86vh, 860px); }\n    .sg-hero__wrap{ padding: 38px 18px; }\n    .sg-hero__title{ letter-spacing: -0.6px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sg-hero__slide{ transition:none !important; }\n    .sg-btn{ transition:none !important; }\n  }\n<\/style>\n\n<script>\n  \/\/ Gentle fade slideshow\n  (function(){\n    const slides = Array.from(document.querySelectorAll('.sg-hero__slide'));\n    if(slides.length < 2) return;\n\n    let i = 0;\n    const intervalMs = 5200;\n\n    setInterval(() => {\n      slides[i].classList.remove('is-active');\n      i = (i + 1) % slides.length;\n      slides[i].classList.add('is-active');\n    }, intervalMs);\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b9ff2f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2b9ff2f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba36069 elementor-widget elementor-widget-html\" data-id=\"ba36069\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSKYLEY GROUP \u2013 3 KEY POINTS (COMPACT)\n- Smaller cards, tighter padding, lighter shadow\n- 3 columns desktop, stacked mobile\nColors: #80bc02 | #38b6ff\n========================================================= -->\n\n<section class=\"sgk\" aria-label=\"Key points\">\n  <div class=\"sgk-wrap\">\n    <div class=\"sgk-grid\">\n      <article class=\"sgk-card\">\n        <div class=\"sgk-top\">\n          <span class=\"sgk-dot\" aria-hidden=\"true\"><\/span>\n          <h3 class=\"sgk-title\">Quality Work<\/h3>\n        <\/div>\n        <p class=\"sgk-text\">\n          High-quality workmanship focused on durability, functionality, and refined finishes for residential properties.\n        <\/p>\n      <\/article>\n\n      <article class=\"sgk-card\">\n        <div class=\"sgk-top\">\n          <span class=\"sgk-dot\" aria-hidden=\"true\"><\/span>\n          <h3 class=\"sgk-title\">One-Stop Service<\/h3>\n        <\/div>\n        <p class=\"sgk-text\">\n          Complete home improvement and maintenance solutions under one trusted name, saving time, cost, and stress.\n        <\/p>\n      <\/article>\n\n      <article class=\"sgk-card\">\n        <div class=\"sgk-top\">\n          <span class=\"sgk-dot\" aria-hidden=\"true\"><\/span>\n          <h3 class=\"sgk-title\">Customer Focus<\/h3>\n        <\/div>\n        <p class=\"sgk-text\">\n          Customer satisfaction through attention to detail, honest pricing, and reliable, professional service delivery.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --sgk-green:#80bc02;\n    --sgk-blue:#38b6ff;\n    --sgk-border:rgba(15,23,42,.14);\n    --sgk-text:#0f172a;\n    --sgk-muted:rgba(15,23,42,.72);\n  }\n\n  .sgk{ padding: 18px 18px; } \/* \u2705 smaller overall section *\/\n  .sgk-wrap{ max-width: 1200px; margin: 0 auto; }\n\n  .sgk-grid{\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px; \/* \u2705 tighter gap *\/\n  }\n\n  .sgk-card{\n    background:#fff;\n    border:1px solid var(--sgk-border);\n    border-radius: 14px;       \/* \u2705 smaller radius *\/\n    padding: 12px 12px;        \/* \u2705 smaller padding *\/\n    box-shadow: 0 10px 22px rgba(0,0,0,.04); \/* \u2705 softer shadow *\/\n    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;\n  }\n\n  .sgk-card:hover{\n    transform: translateY(-1px);\n    box-shadow: 0 14px 28px rgba(0,0,0,.06);\n    border-color: rgba(56,182,255,.28);\n  }\n\n  .sgk-top{\n    display:flex;\n    align-items:center;\n    gap: 8px;\n    margin-bottom: 6px;\n  }\n\n  .sgk-dot{\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--sgk-green), var(--sgk-blue));\n    flex: 0 0 auto;\n  }\n\n  .sgk-title{\n    margin:0;\n    font-size: 14px;     \/* \u2705 smaller heading *\/\n    font-weight: 900;\n    color: var(--sgk-text);\n    letter-spacing: .1px;\n  }\n\n  .sgk-text{\n    margin:0;\n    font-size: 13px;     \/* \u2705 smaller text *\/\n    line-height: 1.45;   \/* \u2705 tighter *\/\n    color: var(--sgk-muted);\n  }\n\n  @media (max-width: 900px){\n    .sgk{ padding: 14px 18px; }\n    .sgk-grid{ grid-template-columns: 1fr; gap: 10px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sgk-card{ transition:none !important; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9034b0b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9034b0b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8600ee9 elementor-widget elementor-widget-html\" data-id=\"8600ee9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSKYLEY GROUP \u2013 ABOUT SECTION (HOME) \u2013 CREATIVE COLLAGE + FLOATING HAMMER ICON\nColors: #80bc02 | #38b6ff\n\u2705 Button: BLUE with WHITE text\n========================================================= -->\n\n<section class=\"sga\" aria-label=\"About Skyley Group\">\n  <div class=\"sga-wrap\">\n    <div class=\"sga-grid\">\n      <!-- Text -->\n      <div class=\"sga-text\">\n        <p class=\"sga-sub\">Your Trusted Home Improvement Partner<\/p>\n        <h2 class=\"sga-title\">About Skyley Group<\/h2>\n        <p class=\"sga-desc\">\n          Skyley Group is a professional home improvement and maintenance company specialising in custom kitchens and general household services. We deliver reliable, high-quality solutions that enhance functionality, appearance, and long-term value for residential properties.\n        <\/p>\n\n        <a class=\"sga-btn\" href=\"https:\/\/skyleygroup.co.za\/index.php\/about-us\/\">Read More<\/a>\n      <\/div>\n\n      <!-- Creative Collage -->\n      <div class=\"sga-media\">\n        <div class=\"sga-collage\" aria-label=\"Skyley Group work highlights\">\n          <!-- BACK CARD -->\n          <figure class=\"sga-card sga-card--back\">\n            <img decoding=\"async\"\n              src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/employee-working-project-side-view-scaled.jpg\"\n              alt=\"Skyley Group team working on a project\"\n              loading=\"lazy\"\n            \/>\n          <\/figure>\n\n          <!-- FRONT CARD -->\n          <figure class=\"sga-card sga-card--front\">\n            <img decoding=\"async\"\n              src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/bathroom-with-mirror-that-says-spam-scaled.jpg\"\n              alt=\"Bathroom renovation and finishing\"\n              loading=\"lazy\"\n            \/>\n          <\/figure>\n\n          <!-- Floating Hammer Icon (white background) -->\n          <span class=\"sga-badge\" aria-hidden=\"true\">\n            <svg class=\"sga-badge__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n              <path d=\"M14.2 3.2c.5-.5 1.4-.5 1.9 0l2.7 2.7c.5.5.5 1.4 0 1.9l-2 2c-.4.4-1 .5-1.5.3l-1.1-.4-7.9 7.9c-.4.4-1 .6-1.6.6H3.5c-.8 0-1.5-.7-1.5-1.5v-1.2c0-.6.2-1.2.6-1.6l7.9-7.9-.4-1.1c-.2-.5-.1-1.1.3-1.5l2-2zM4.1 16.6v.4h.4l7.8-7.8-.4-1.2-7.8 7.8z\"\/>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --sga-green:#80bc02;\n    --sga-blue:#38b6ff;\n    --sga-text:#0f172a;\n    --sga-muted:rgba(15,23,42,.74);\n    --sga-border:rgba(15,23,42,.14);\n  }\n\n  .sga{\n    padding: 34px 18px;\n    background: transparent;\n  }\n\n  .sga-wrap{\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .sga-grid{\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 18px;\n    align-items:center;\n  }\n\n  .sga-sub{\n    margin: 0 0 8px;\n    display:inline-block;\n    font-weight: 850;\n    font-size: 13px;\n    letter-spacing: .18px;\n    color: rgba(6,26,46,.88);\n    padding: 7px 10px;\n    border-radius: 999px;\n    border: 1px solid rgba(56,182,255,.22);\n    background: linear-gradient(90deg, rgba(128,188,2,.10), rgba(56,182,255,.10));\n  }\n\n  .sga-title{\n    margin: 0 0 10px;\n    font-size: clamp(24px, 2.4vw, 34px);\n    line-height: 1.12;\n    letter-spacing: -0.25px;\n    font-weight: 950;\n    color: var(--sga-text);\n  }\n\n  .sga-desc{\n    margin: 0 0 16px;\n    color: var(--sga-muted);\n    font-size: 15px;\n    line-height: 1.65;\n    max-width: 62ch;\n  }\n\n  \/* Button (blue + white text) *\/\n  .sga-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding: 11px 14px;\n    border-radius: 14px;\n    text-decoration:none;\n    font-weight: 900;\n    letter-spacing: .2px;\n    color: #ffffff;\n    background: var(--sga-blue);\n    box-shadow: 0 14px 30px rgba(0,0,0,.10);\n    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;\n  }\n\n  .sga-btn:hover,\n  .sga-btn:focus-visible{\n    transform: translateY(-1px);\n    filter: brightness(1.05);\n    box-shadow: 0 18px 36px rgba(0,0,0,.14);\n    outline:none;\n  }\n\n  .sga-media{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    background: transparent;\n  }\n\n  \/* Creative collage container (fits in grid, not huge) *\/\n  .sga-collage{\n    position: relative;\n    width: min(340px, 92%);\n    height: 280px;\n    isolation: isolate;\n  }\n\n  .sga-card{\n    position:absolute;\n    overflow:hidden;\n    border-radius: 18px;\n    background: rgba(255,255,255,.6);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n  }\n\n  .sga-card img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit: cover;\n  }\n\n  \/* Back card: smaller + rotated + glow frame *\/\n  .sga-card--back{\n    left: 0;\n    top: 18px;\n    width: 72%;\n    height: 76%;\n    transform: rotate(-4deg);\n    z-index: 1;\n    box-shadow:\n      0 18px 40px rgba(0,0,0,.14),\n      0 0 0 3px rgba(56,182,255,.25),\n      0 0 0 7px rgba(128,188,2,.16);\n    filter: saturate(1.05) contrast(1.03);\n  }\n\n  \/* Front card: sharper + stronger shadow *\/\n  .sga-card--front{\n    right: 0;\n    top: 0;\n    width: 74%;\n    height: 82%;\n    transform: rotate(2deg);\n    z-index: 2;\n    box-shadow: 0 26px 60px rgba(0,0,0,.22);\n  }\n\n  \/* Floating hammer icon (white background) *\/\n  .sga-badge{\n    position:absolute;\n    left: 14px;\n    bottom: 10px;\n    width: 62px;\n    height: 62px;\n    border-radius: 18px;\n    z-index: 3;\n\n    background: rgba(255,255,255,.98);\n\n    box-shadow:\n      0 18px 45px rgba(0,0,0,.18),\n      0 0 0 3px rgba(56,182,255,.18),\n      0 0 0 7px rgba(128,188,2,.12);\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n  }\n\n  .sga-badge__icon{\n    width: 30px;\n    height: 30px;\n    fill: #0f172a;\n    opacity: .95;\n    filter: drop-shadow(0 6px 10px rgba(0,0,0,.16));\n  }\n\n  @media (max-width: 900px){\n    .sga{ padding: 26px 18px; }\n    .sga-grid{ grid-template-columns: 1fr; }\n    .sga-media{ justify-content:flex-start; }\n\n    .sga-collage{\n      width: min(320px, 92%);\n      height: 260px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sga-btn{ transition:none !important; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5d48e7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f5d48e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cab0226 elementor-widget elementor-widget-html\" data-id=\"cab0226\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nSKYLEY GROUP \u2013 THIN SECTION DIVIDER\n- Not thick\n- Uses brand colours subtly (#80bc02 | #38b6ff)\n========================= -->\n\n<div class=\"sg-divider\" aria-hidden=\"true\">\n  <span class=\"sg-divider__line\"><\/span>\n<\/div>\n\n<style>\n  .sg-divider{\n    padding: 10px 18px;   \/* small spacing, not chunky *\/\n  }\n\n  .sg-divider__line{\n    display:block;\n    max-width: 1200px;\n    margin: 0 auto;\n    height: 2px;          \/* thin *\/\n    border-radius: 999px;\n    background: linear-gradient(90deg,\n      rgba(128,188,2,.10),\n      rgba(56,182,255,.85),\n      rgba(128,188,2,.10)\n    );\n    box-shadow: 0 10px 26px rgba(0,0,0,.06); \/* very subtle *\/\n  }\n\n  @media (max-width: 700px){\n    .sg-divider{ padding: 8px 18px; }\n    .sg-divider__line{ height: 2px; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-604750f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"604750f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-666c258 elementor-widget elementor-widget-html\" data-id=\"666c258\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSKYLEY GROUP \u2013 SERVICES (HOME) \u2013 CREATIVE BUT CLEAN\n\u2705 Images replaced for: Kitchen, Cupboards, Home Maintenance, Tiling, Painting, Plumbing\n\u2705 Hover stripe is WHITE (not green\/blue)\n========================================================= -->\n\n<section class=\"sgs2\" aria-label=\"Our Services\">\n  <div class=\"sgs2-wrap\">\n    <div class=\"sgs2-head\">\n      <div>\n        <h2 class=\"sgs2-title\">Our Services<\/h2>\n        <p class=\"sgs2-sub\">Six core services delivered with reliable workmanship and consistent, professional finishes.<\/p>\n      <\/div>\n\n      <a class=\"sgs2-all\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\">\n        View All Services <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"sgs2-grid\">\n      <!-- 1 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Kitchen Installations\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/interior-modern-kitchen-minimalist-style-scaled.jpg\" alt=\"Kitchen Installations\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Kitchen Installations<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>Custom kitchen design, installations, cabinetry, countertops, and refurbishments tailored to your home\u2019s functionality.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 2 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Built-In Cupboards\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/open-dishwasher-bright-modern-kitchen-clean-living-scaled.jpg\" alt=\"Built-In Cupboards\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Built-In Cupboards<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>Custom-built cupboards for bedrooms and storage, designed for practicality, space efficiency, and modern interiors.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 3 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Home Maintenance\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/construction-props-3d-render-realistic-style-v-6-job-id-c93969a1ff5843c7b06349b86c2ecefb-1-scaled.jpg\" alt=\"Home Maintenance\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Home Maintenance<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>General repairs, minor carpentry, door and lock fixes, and ongoing maintenance for residential properties.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 4 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Tiling Services\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/tiler-working-renovation-apartment-2-scaled.jpg\" alt=\"Tiling Services\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Tiling Services<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>Professional floor and wall tiling for kitchens and bathrooms, including repairs and full upgrades.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 5 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Painting Services\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/painting-walls-pink-scaled.jpg\" alt=\"Painting Services\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Painting Services<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>Interior and exterior painting with preparation, neat finishes, touch-ups, and full home repainting solutions.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 6 -->\n      <article class=\"sgs2-card\">\n        <a class=\"sgs2-link\" href=\"https:\/\/skyleygroup.co.za\/index.php\/services\/\" aria-label=\"Minor Plumbing Maintenance\">\n          <div class=\"sgs2-media\">\n            <img decoding=\"async\" src=\"https:\/\/skyleygroup.co.za\/wp-content\/uploads\/2026\/02\/plumber-using-adjustable-wrench-repairing-sink-pipe-scaled.jpg\" alt=\"Minor Plumbing Maintenance\" loading=\"lazy\">\n            <span class=\"sgs2-wash\" aria-hidden=\"true\"><\/span>\n            <span class=\"sgs2-accent\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"sgs2-body\">\n            <div class=\"sgs2-topline\">\n              <h3>Minor Plumbing Maintenance<\/h3>\n              <span class=\"sgs2-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/div>\n            <p>Leak detection, tap replacements, toilet installations, and general plumbing maintenance with reliable servicing.<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --sgs2-green:#80bc02;\n    --sgs2-blue:#38b6ff;\n    --sgs2-text:#0f172a;\n    --sgs2-muted:rgba(15,23,42,.72);\n    --sgs2-border:rgba(15,23,42,.14);\n  }\n\n  .sgs2{ padding: 38px 18px; }\n  .sgs2-wrap{ max-width:1200px; margin:0 auto; }\n\n  .sgs2-head{\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap: 14px;\n    margin-bottom: 14px;\n  }\n\n  .sgs2-title{\n    margin:0;\n    font-size: clamp(22px, 2.3vw, 32px);\n    font-weight: 950;\n    letter-spacing:-0.2px;\n    color: var(--sgs2-text);\n  }\n\n  .sgs2-sub{\n    margin:6px 0 0;\n    color: var(--sgs2-muted);\n    line-height:1.55;\n    font-size: 14px;\n    max-width: 58ch;\n  }\n\n  .sgs2-all{\n    text-decoration:none;\n    font-weight: 900;\n    color: rgba(6,26,46,.86);\n    padding: 10px 12px;\n    border-radius: 12px;\n    border: 1px solid rgba(56,182,255,.22);\n    background: linear-gradient(90deg, rgba(128,188,2,.10), rgba(56,182,255,.10));\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\n    white-space: nowrap;\n  }\n  .sgs2-all:hover,\n  .sgs2-all:focus-visible{\n    transform: translateY(-1px);\n    border-color: rgba(56,182,255,.38);\n    background: linear-gradient(90deg, rgba(128,188,2,.14), rgba(56,182,255,.14));\n    outline:none;\n  }\n\n  .sgs2-grid{\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .sgs2-card{\n    background:#fff;\n    border:1px solid var(--sgs2-border);\n    border-radius: 18px;\n    overflow:hidden;\n    transform: perspective(900px) translateZ(0);\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    box-shadow: 0 14px 30px rgba(0,0,0,.06);\n  }\n\n  .sgs2-link{\n    display:block;\n    color:inherit;\n    text-decoration:none;\n    height:100%;\n  }\n\n  .sgs2-media{\n    position:relative;\n    height: 170px;\n    overflow:hidden;\n    background:#f6f7f9;\n  }\n\n  .sgs2-media img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transform: scale(1.02);\n    transition: transform .55s ease;\n  }\n\n  .sgs2-wash{\n    position:absolute;\n    inset:0;\n    opacity:0;\n    transition: opacity .28s ease;\n    background: linear-gradient(\n      90deg,\n      rgba(6,26,46,.62) 0%,\n      rgba(6,26,46,.20) 55%,\n      rgba(6,26,46,.06) 100%\n    );\n  }\n\n  \/* \u2705 WHITE STRIPE *\/\n  .sgs2-accent{\n    position:absolute;\n    left: 12px;\n    right: 12px;\n    bottom: 10px;\n    height: 2px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.95);\n    transform: scaleX(.35);\n    transform-origin: left;\n    transition: transform .28s ease;\n    opacity:.95;\n  }\n\n  .sgs2-body{\n    padding: 12px 12px 14px;\n  }\n\n  .sgs2-topline{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 10px;\n    margin-bottom: 6px;\n  }\n\n  .sgs2-body h3{\n    margin:0;\n    font-size: 15px;\n    font-weight: 950;\n    letter-spacing: .1px;\n    color: var(--sgs2-text);\n  }\n\n  .sgs2-arrow{\n    font-weight: 950;\n    color: rgba(6,26,46,.55);\n    transform: translateX(-6px);\n    opacity: 0;\n    transition: transform .22s ease, opacity .22s ease, color .22s ease;\n  }\n\n  .sgs2-body p{\n    margin:0;\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: var(--sgs2-muted);\n  }\n\n  .sgs2-card:hover{\n    transform: perspective(900px) translateY(-3px) rotateX(1deg);\n    box-shadow: 0 22px 48px rgba(0,0,0,.10);\n    border-color: rgba(56,182,255,.30);\n  }\n  .sgs2-card:hover .sgs2-media img{ transform: scale(1.08); }\n  .sgs2-card:hover .sgs2-wash{ opacity: 1; }\n  .sgs2-card:hover .sgs2-accent{ transform: scaleX(1); }\n  .sgs2-card:hover .sgs2-arrow{\n    opacity: 1;\n    transform: translateX(0);\n    color: rgba(6,26,46,.8);\n  }\n\n  .sgs2-link:focus-visible{\n    outline: 3px solid rgba(56,182,255,.35);\n    outline-offset: 3px;\n    border-radius: 18px;\n  }\n\n  @media (max-width: 980px){\n    .sgs2-head{ flex-direction:column; align-items:flex-start; }\n    .sgs2-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  }\n  @media (max-width: 640px){\n    .sgs2{ padding: 30px 18px; }\n    .sgs2-grid{ grid-template-columns: 1fr; }\n    .sgs2-media{ height: 185px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sgs2-card, .sgs2-media img, .sgs2-wash, .sgs2-accent, .sgs2-arrow, .sgs2-all{\n      transition:none !important;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b29a4e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3b29a4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aaf70a elementor-widget elementor-widget-html\" data-id=\"2aaf70a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSKYLEY GROUP \u2013 CTA (HOME PAGE) \u2013 BUTTON UPDATED\n\u2705 CTA button now BLUE with WHITE text\n========================================================= -->\n\n<section class=\"sg-cta\" aria-label=\"Call to action\">\n  <div class=\"sg-cta__wrap\">\n    <div class=\"sg-cta__content\">\n      <h2 class=\"sg-cta__title\">Upgrade Your Home Today<\/h2>\n      <p class=\"sg-cta__text\">\n        Get professional home improvement services delivered with quality workmanship, reliability, and customer-focused care.\n      <\/p>\n    <\/div>\n\n    <div class=\"sg-cta__action\">\n      <a class=\"sg-cta__btn\" href=\"https:\/\/skyleygroup.co.za\/index.php\/contact-us\/\">\n        Contact Us\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --cta-green:#80bc02;\n    --cta-blue:#38b6ff;\n    --cta-text:#0f172a;\n    --cta-muted:rgba(15,23,42,.72);\n    --cta-border:rgba(15,23,42,.14);\n  }\n\n  .sg-cta{\n    padding: 44px 18px;\n    background:\n      linear-gradient(90deg,\n        rgba(128,188,2,.08),\n        rgba(56,182,255,.10)\n      );\n  }\n\n  .sg-cta__wrap{\n    max-width: 1200px;\n    margin: 0 auto;\n    border-radius: 20px;\n    padding: 28px 28px;\n    background: #fff;\n    border: 1px solid var(--cta-border);\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap: 18px;\n  }\n\n  .sg-cta__title{\n    margin: 0 0 6px;\n    font-size: clamp(22px, 2.6vw, 32px);\n    font-weight: 950;\n    letter-spacing: -0.2px;\n    color: var(--cta-text);\n  }\n\n  .sg-cta__text{\n    margin: 0;\n    max-width: 56ch;\n    color: var(--cta-muted);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* \u2705 BUTTON CHANGE ONLY *\/\n  .sg-cta__btn{\n    display:inline-flex;\n    align-items:center;\n    gap: 8px;\n    padding: 14px 18px;\n    border-radius: 16px;\n    text-decoration:none;\n    font-weight: 950;\n    letter-spacing: .2px;\n\n    color: #ffffff;\n    background: var(--cta-blue);\n\n    box-shadow: 0 18px 40px rgba(0,0,0,.12);\n    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n    white-space: nowrap;\n  }\n\n  .sg-cta__btn span{\n    transform: translateX(0);\n    transition: transform .18s ease;\n  }\n\n  .sg-cta__btn:hover,\n  .sg-cta__btn:focus-visible{\n    transform: translateY(-2px);\n    box-shadow: 0 24px 52px rgba(0,0,0,.18);\n    filter: brightness(1.05);\n    outline:none;\n  }\n\n  .sg-cta__btn:hover span{\n    transform: translateX(4px);\n  }\n\n  @media (max-width: 900px){\n    .sg-cta{\n      padding: 32px 18px;\n    }\n    .sg-cta__wrap{\n      flex-direction: column;\n      align-items:flex-start;\n      text-align:left;\n    }\n    .sg-cta__btn{\n      margin-top: 6px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sg-cta__btn,\n    .sg-cta__btn span{\n      transition:none !important;\n    }\n  }\n<\/style>\n\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>Reliable Home Improvement Specialists Complete Kitchen &amp; Home Solutions Professional home improvement services delivering quality workmanship, practical solutions, and reliable results you can trust. View Our Services Get a Quote Neat finishes Reliable turnaround Quality workmanship Quality Work High-quality workmanship focused on durability, functionality, and refined finishes for residential properties. One-Stop Service Complete home improvement and maintenance solutions under one trusted name, saving time, cost, and stress. Customer Focus Customer satisfaction through attention to detail, honest pricing, and reliable, professional service delivery. Your Trusted Home Improvement Partner About Skyley Group Skyley Group is a professional home improvement and maintenance company specialising in custom kitchens and general household services. We deliver reliable, high-quality solutions that enhance functionality, appearance, and long-term value for residential properties. Read More Our Services Six core services delivered with reliable workmanship and consistent, professional finishes. View All Services \u2192 Kitchen Installations \u2192 Custom kitchen design, installations, cabinetry, countertops, and refurbishments tailored to your home\u2019s functionality. Built-In Cupboards \u2192 Custom-built cupboards for bedrooms and storage, designed for practicality, space efficiency, and modern interiors. Home Maintenance \u2192 General repairs, minor carpentry, door and lock fixes, and ongoing maintenance for residential properties. Tiling Services \u2192 Professional floor and wall tiling for kitchens and bathrooms, including repairs and full upgrades. Painting Services \u2192 Interior and exterior painting with preparation, neat finishes, touch-ups, and full home repainting solutions. Minor Plumbing Maintenance \u2192 Leak detection, tap replacements, toilet installations, and general plumbing maintenance with reliable servicing. Upgrade Your Home Today Get professional home improvement services delivered with quality workmanship, reliability, and customer-focused care. Contact Us \u2192<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":31,"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/skyleygroup.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}