{"id":36,"date":"2025-10-11T22:01:52","date_gmt":"2025-10-11T22:01:52","guid":{"rendered":"https:\/\/renovateelectricity.arksbay.com\/?page_id=36"},"modified":"2025-10-11T22:04:11","modified_gmt":"2025-10-11T22:04:11","slug":"test","status":"publish","type":"page","link":"https:\/\/renovateelectric.com\/index.php\/test\/","title":{"rendered":"Test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\">\n\t\t\t\t<div class=\"elementor-element elementor-element-160572a e-con-full e-flex e-con e-parent\" data-id=\"160572a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d611949 elementor-widget elementor-widget-html\" data-id=\"d611949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== Testimonial Section (drop this whole block in a WP HTML widget) ====== -->\r\n<style>\r\n  \/* ---- Scoped variables (change to match your brand) ---- *\/\r\n  :root {\r\n    --bg-start: #eef4fb;          \/* left top background tint *\/\r\n    --bg-end:   #f7efdc;          \/* right bottom background tint *\/\r\n    --card-bg: #ffffff;\r\n    --text: #1b1f24;\r\n    --muted: #6b7280;\r\n    --accent: #0f172a;            \/* heading color *\/\r\n    --gold: #f5b301;\r\n    --dot: #c9ced6;\r\n    --dot-active: #1f2937;\r\n    --shadow: 0 10px 25px rgba(0,0,0,.06);\r\n    --radius: 14px;\r\n  }\r\n\r\n  \/* ---- Section wrapper ---- *\/\r\n  .revo-testimonials {\r\n    font-family: ui-sans-serif, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n    color: var(--text);\r\n    background: radial-gradient(1200px 600px at -10% 10%, var(--bg-start), transparent 60%),\r\n                radial-gradient(1200px 600px at 110% 110%, var(--bg-end), transparent 60%),\r\n                linear-gradient(90deg, #ffffff, #ffffff);\r\n    padding: clamp(36px, 6vw, 72px) 16px;\r\n  }\r\n\r\n  .revo-testimonials .revo-container {\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .revo-testimonials h2 {\r\n    text-align: center;\r\n    font-weight: 800;\r\n    letter-spacing: .2px;\r\n    color: var(--accent);\r\n    margin: 0 0 clamp(18px, 3.5vw, 28px);\r\n    font-size: clamp(24px, 2.6vw, 34px);\r\n  }\r\n\r\n  \/* ---- Card ---- *\/\r\n  .revo-card {\r\n    position: relative;\r\n    background: var(--card-bg);\r\n    border-radius: var(--radius);\r\n    box-shadow: var(--shadow);\r\n    padding: clamp(22px, 3.5vw, 36px);\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ---- Arrows ---- *\/\r\n  .revo-nav {\r\n    position: absolute;\r\n    top: 20px;\r\n    width: 34px; height: 34px;\r\n    border: none;\r\n    border-radius: 50%;\r\n    display: grid; place-items: center;\r\n    cursor: pointer;\r\n    background: radial-gradient(circle at 30% 30%, #c1d0df, #516579);\r\n    color: #fff;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.15);\r\n    transition: transform .2s ease, filter .2s ease;\r\n  }\r\n  .revo-nav:hover { transform: translateY(-1px); filter: brightness(1.05); }\r\n  .revo-prev { left: 16px; }\r\n  .revo-next { right: 16px; }\r\n\r\n  .revo-nav svg { width: 16px; height: 16px; }\r\n\r\n  \/* ---- Slider ---- *\/\r\n  .revo-track {\r\n    display: flex;\r\n    transition: transform .5s ease;\r\n    will-change: transform;\r\n  }\r\n  .revo-slide {\r\n    width: 100%;\r\n    flex: 0 0 100%;\r\n    display: grid;\r\n    justify-items: center;\r\n    text-align: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  \/* Avatar *\/\r\n  .revo-avatar {\r\n    width: 64px; height: 64px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 4px solid #fff;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,.10);\r\n  }\r\n  .revo-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n  \/* Stars *\/\r\n  .revo-stars { display: inline-flex; gap: 4px; margin-top: 6px; }\r\n  .revo-star { width: 16px; height: 16px; color: var(--gold); }\r\n\r\n  \/* Quote text *\/\r\n  .revo-quote {\r\n    max-width: 680px;\r\n    line-height: 1.55;\r\n    font-size: clamp(14px, 1.6vw, 16px);\r\n    color: #2b313a;\r\n    margin: 6px auto 4px;\r\n  }\r\n  .revo-quote em { color: #4b5563; }\r\n\r\n  \/* Name + meta *\/\r\n  .revo-name {\r\n    font-weight: 700;\r\n    color: #0d1b2a;\r\n    margin-top: 6px;\r\n    text-decoration: none;\r\n  }\r\n  .revo-meta {\r\n    font-size: 12px;\r\n    color: var(--muted);\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .revo-dots {\r\n    display: flex; gap: 8px;\r\n    justify-content: center; align-items: center;\r\n    margin-top: 14px;\r\n  }\r\n  .revo-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--dot);\r\n    border: 0;\r\n    padding: 0;\r\n    cursor: pointer;\r\n  }\r\n  .revo-dot[aria-current=\"true\"] { background: var(--dot-active); }\r\n\r\n  \/* Accessibility \/ reduced motion *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .revo-track { transition: none; }\r\n    .revo-nav { transition: none; }\r\n  }\r\n\r\n  \/* Small screens: give arrows breathing room *\/\r\n  @media (max-width: 480px) {\r\n    .revo-nav { top: 14px; width: 32px; height: 32px; }\r\n    .revo-prev { left: 10px; }\r\n    .revo-next { right: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"revo-testimonials\" aria-label=\"Client Testimonials\">\r\n  <div class=\"revo-container\">\r\n    <h2>What Our Clients Say<\/h2>\r\n\r\n    <div class=\"revo-card\">\r\n      <!-- Prev -->\r\n      <button class=\"revo-nav revo-prev\" aria-label=\"Previous testimonial\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M15.5 19a1 1 0 0 1-.7-.3l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.4 1.4L9.9 11.0l6.3 6.3A1 1 0 0 1 15.5 19z\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <!-- Next -->\r\n      <button class=\"revo-nav revo-next\" aria-label=\"Next testimonial\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M8.5 19a1 1 0 0 0 .7-.3l7-7a1 1 0 0 0 0-1.4l-7-7A1 1 0 1 0 7.1 4.7L13.4 11l-6.3 6.3A1 1 0 0 0 8.5 19z\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <!-- Slider -->\r\n      <div class=\"revo-viewport\" aria-live=\"polite\">\r\n        <div class=\"revo-track\">\r\n          <!-- Slide 1 -->\r\n          <article class=\"revo-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\r\n            <span class=\"revo-avatar\">\r\n              <!-- Replace src with your image -->\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?q=80&w=240&auto=format&fit=crop\" alt=\"Sarah Johnson headshot\">\r\n            <\/span>\r\n\r\n            <div class=\"revo-stars\" aria-label=\"5 out of 5 stars\">\r\n              <!-- Five stars -->\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n            <\/div>\r\n\r\n            <p class=\"revo-quote\">\r\n              \u201cRenovate Electric did an amazing job upgrading our electrical panel. Professional, clean work,\r\n              and excellent communication throughout the process. Highly recommended!\u201d\r\n            <\/p>\r\n\r\n            <a class=\"revo-name\" href=\"#\" aria-label=\"Testimonial by Sarah Johnson\">Sarah Johnson<\/a>\r\n            <div class=\"revo-meta\">Homeowner, Dallas TX<\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 2 -->\r\n          <article class=\"revo-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\r\n            <span class=\"revo-avatar\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?q=80&w=240&auto=format&fit=crop\" alt=\"Michael Carter headshot\">\r\n            <\/span>\r\n            <div class=\"revo-stars\" aria-label=\"5 out of 5 stars\">\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"revo-quote\">\r\n              \u201cQuick response, fair pricing, and tidy workmanship. Our lighting retrofit looks incredible and\r\n              has already lowered our bill.\u201d\r\n            <\/p>\r\n            <a class=\"revo-name\" href=\"#\">Michael Carter<\/a>\r\n            <div class=\"revo-meta\">Small Business Owner, Austin TX<\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 3 -->\r\n          <article class=\"revo-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\r\n            <span class=\"revo-avatar\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520975922203-b1c8a6c6ce2c?q=80&w=240&auto=format&fit=crop\" alt=\"Priya Nair headshot\">\r\n            <\/span>\r\n            <div class=\"revo-stars\" aria-label=\"5 out of 5 stars\">\r\n              <svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg><svg class=\"revo-star\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 17.27-5.18 3.04 1.4-5.99L3 9.75l6.05-.52L12 3.5l2.95 5.73 6.05.52-5.22 4.57 1.4 5.99z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"revo-quote\">\r\n              \u201cFrom estimate to final inspection, the team was on time and respectful of our home. The EV\r\n              charger install is flawless.\u201d\r\n            <\/p>\r\n            <a class=\"revo-name\" href=\"#\">Priya Nair<\/a>\r\n            <div class=\"revo-meta\">Homeowner, Frisco TX<\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Dots -->\r\n      <div class=\"revo-dots\" role=\"tablist\" aria-label=\"Testimonials pagination\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    const root = document.currentScript.closest('.revo-testimonials');\r\n    const track = root.querySelector('.revo-track');\r\n    const slides = Array.from(root.querySelectorAll('.revo-slide'));\r\n    const prev = root.querySelector('.revo-prev');\r\n    const next = root.querySelector('.revo-next');\r\n    const dotsWrap = root.querySelector('.revo-dots');\r\n\r\n    let index = 0, startX = 0, deltaX = 0;\r\n\r\n    \/\/ Build dots\r\n    slides.forEach((_, i) => {\r\n      const dot = document.createElement('button');\r\n      dot.className = 'revo-dot';\r\n      dot.type = 'button';\r\n      dot.setAttribute('role', 'tab');\r\n      dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\r\n      dot.addEventListener('click', () => goTo(i));\r\n      dotsWrap.appendChild(dot);\r\n    });\r\n\r\n    function update() {\r\n      track.style.transform = `translateX(${index * -100}%)`;\r\n      dotsWrap.querySelectorAll('.revo-dot').forEach((d, i) => {\r\n        d.setAttribute('aria-current', String(i === index));\r\n      });\r\n      \/\/ Update aria labels\r\n      slides.forEach((s, i) => s.setAttribute('aria-label', `${i+1} of ${slides.length}`));\r\n    }\r\n\r\n    function goTo(i) {\r\n      index = (i + slides.length) % slides.length;\r\n      update();\r\n    }\r\n\r\n    prev.addEventListener('click', () => goTo(index - 1));\r\n    next.addEventListener('click', () => goTo(index + 1));\r\n\r\n    \/\/ Keyboard\r\n    root.addEventListener('keydown', (e) => {\r\n      if (e.key === 'ArrowLeft') { e.preventDefault(); goTo(index - 1); }\r\n      if (e.key === 'ArrowRight') { e.preventDefault(); goTo(index + 1); }\r\n    });\r\n\r\n    \/\/ Touch \/ swipe\r\n    track.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; deltaX = 0; }, {passive:true});\r\n    track.addEventListener('touchmove',  (e) => { deltaX = e.touches[0].clientX - startX; }, {passive:true});\r\n    track.addEventListener('touchend',   () => {\r\n      const threshold = 45; \/\/ pixels\r\n      if (deltaX > threshold) goTo(index - 1);\r\n      else if (deltaX < -threshold) goTo(index + 1);\r\n    });\r\n\r\n    \/\/ Init\r\n    update();\r\n  }());\r\n<\/script>\r\n<!-- ====== \/Testimonial Section ====== -->\r\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>What Our Clients Say \u201cRenovate Electric did an amazing job upgrading our electrical panel. Professional, clean work, and excellent communication throughout the process. Highly recommended!\u201d Sarah Johnson Homeowner, Dallas TX \u201cQuick response, fair pricing, and tidy workmanship. Our lighting retrofit looks incredible and has already lowered our bill.\u201d Michael Carter Small Business Owner, Austin TX [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":4,"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/renovateelectric.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}