\u00c0 propos \u2014 Sunergy<\/title>\r\n\r\n<style>\r\n\/* ===========================\r\n Core stuff\r\n=========================== *\/\r\n:root {\r\n --yellow: #EAE735;\r\n --black: #111111;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --text-light: #555555;\r\n --max-w: 1370px;\r\n --font: 'Greycliff', sans-serif;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: var(--font);\r\n background: var(--black);\r\n color: var(--text);\r\n font-size: 16px;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n}\r\n\r\n.inner {\r\n width: 100%;\r\n max-width: var(--max-w);\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* ===========================\r\n Buttons\r\n=========================== *\/\r\n.btn-black {\r\n display: inline-block;\r\n background: var(--black);\r\n color: var(--yellow);\r\n font-family: var(--font);\r\n font-weight: 800;\r\n font-size: 1rem;\r\n padding: 14px 32px;\r\n border: 2.5px solid var(--black);\r\n cursor: pointer;\r\n text-decoration: none;\r\n letter-spacing: 0.02em;\r\n transition: background 0.2s, color 0.2s;\r\n border-radius: 0;\r\n white-space: nowrap;\r\n}\r\n.btn-black:hover {\r\n background: var(--yellow);\r\n color: var(--black);\r\n border-color: var(--black);\r\n}\r\n\r\n\/* ===========================\r\n Hero - About Header\r\n=========================== *\/\r\n#page-hero {\r\n background: var(--black);\r\n padding: 140px 0 0;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n#page-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -120px;\r\n right: -80px;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(234,231,53,0.07) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.page-hero-inner {\r\n padding-bottom: 0;\r\n}\r\n\r\n.page-hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--yellow);\r\n margin-bottom: 24px;\r\n}\r\n\r\n.page-hero-label::before {\r\n content: '';\r\n display: block;\r\n width: 32px;\r\n height: 3px;\r\n background: var(--yellow);\r\n}\r\n\r\n#page-hero h1 {\r\n font-size: clamp(2.8rem, 8vw, 5.5rem);\r\n font-weight: 900;\r\n line-height: 1.02;\r\n letter-spacing: -0.03em;\r\n color: var(--white);\r\n margin-bottom: 24px;\r\n max-width: 700px;\r\n}\r\n\r\n#page-hero h1 em {\r\n color: var(--yellow);\r\n font-style: normal;\r\n}\r\n\r\n#page-hero .hero-desc {\r\n font-size: 1.1rem;\r\n color: rgba(255,255,255,0.55);\r\n max-width: 500px;\r\n line-height: 1.7;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\/* ===========================\r\n About - Main\r\n=========================== *\/\r\n#about {\r\n background: var(--black);\r\n padding: 0;\r\n}\r\n\r\n.about-text-block {\r\n padding: 80px 0 10px;\r\n}\r\n\r\n#about h2 {\r\n font-size: clamp(2rem, 6vw, 3rem);\r\n font-weight: 900;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.01em;\r\n color: var(--white);\r\n}\r\n\r\n#about .about-intro {\r\n font-size: 1.05rem;\r\n color: rgba(255,255,255,0.65);\r\n max-width: 560px;\r\n line-height: 1.7;\r\n}\r\n\r\n.about-image-block {\r\n width: 100%;\r\n height: 360px;\r\n position: relative;\r\n background:\r\n linear-gradient(to bottom, rgba(17,17,17,0.35) 0%, rgba(17,17,17,0.15) 40%, rgba(17,17,17,0.55) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1707247111552-aaf74241058b?q=80&w=1824&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center 65%\/ cover no-repeat;\r\n}\r\n\r\n.about-header-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n}\r\n\r\n.about-header-text { flex: 1; order: 1; }\r\n.about-header-logo {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n order: 2;\r\n}\r\n.about-header-logo img {\r\n width: 180px;\r\n height: auto;\r\n opacity: 0.9;\r\n}\r\n\r\n.about-icons-block {\r\n padding: 36px 0 80px;\r\n}\r\n\r\n.icon-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n}\r\n\r\n.icon-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.icon-row:last-child { border-bottom: none; }\r\n\r\n.icon-circle {\r\n width: 56px;\r\n height: 56px;\r\n background: var(--yellow);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.icon-circle svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: var(--black);\r\n}\r\n\r\n.icon-row-label {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n line-height: 1.4;\r\n}\r\n\r\n.y-bar {\r\n display: block;\r\n width: 56px;\r\n height: 5px;\r\n background: var(--yellow);\r\n margin-bottom: 24px;\r\n}\r\n\r\n\/* ===========================\r\n Section divider\r\n=========================== *\/\r\n.section-divider {\r\n width: 100%;\r\n height: 1px;\r\n background: rgba(255,255,255,0.07);\r\n}\r\n\r\n\/* ===========================\r\n Projects section\r\n=========================== *\/\r\n#projects {\r\n background: var(--black);\r\n padding: 80px 0 100px;\r\n display: none;\r\n}\r\n\r\n#projects .section-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 52px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n#projects h2 {\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n letter-spacing: -0.02em;\r\n color: var(--white);\r\n line-height: 1.1;\r\n}\r\n\r\n#projects .section-sub {\r\n font-size: 0.95rem;\r\n color: rgba(255,255,255,0.45);\r\n font-weight: 700;\r\n max-width: 300px;\r\n text-align: right;\r\n line-height: 1.5;\r\n}\r\n\r\n.projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n}\r\n\r\n\r\n\r\n.project-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n background: #1a1a1a;\r\n aspect-ratio: 4\/3;\r\n}\r\n\r\n.project-card-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease, filter 0.4s ease;\r\n filter: brightness(0.75) saturate(0.9);\r\n display: block;\r\n}\r\n\r\n.project-card:hover .project-card-img {\r\n transform: scale(1.05);\r\n filter: brightness(0.55) saturate(1.1);\r\n}\r\n\r\n.project-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 55%);\r\n z-index: 1;\r\n}\r\n\r\n.project-card-body {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 28px 24px;\r\n z-index: 2;\r\n transform: translateY(4px);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.project-card:hover .project-card-body { transform: translateY(0); }\r\n\r\n.project-tag {\r\n display: inline-block;\r\n background: var(--yellow);\r\n color: var(--black);\r\n font-size: 0.65rem;\r\n font-weight: 800;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 4px 10px;\r\n margin-bottom: 10px;\r\n border-radius: 0;\r\n}\r\n\r\n.project-card-body h3 {\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n letter-spacing: -0.01em;\r\n line-height: 1.25;\r\n margin-bottom: 6px;\r\n}\r\n\r\n\r\n\r\n.project-card-meta {\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.5);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n opacity: 0;\r\n transition: opacity 0.3s 0.05s ease;\r\n}\r\n.project-card:hover .project-card-meta { opacity: 1; }\r\n\r\n.project-card-meta::before {\r\n content: '';\r\n display: block;\r\n width: 20px;\r\n height: 2px;\r\n background: var(--yellow);\r\n}\r\n\r\n.projects-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n margin-top: 2px;\r\n}\r\n\r\n.stat-box {\r\n background: var(--yellow);\r\n padding: 32px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.stat-box .stat-num {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n}\r\n\r\n.stat-box .stat-label {\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n color: rgba(0,0,0,0.6);\r\n line-height: 1.3;\r\n}\r\n\r\n\/* ===========================\r\n Team section\r\n=========================== *\/\r\n#team {\r\n background: #0d0d0d;\r\n padding: 80px 0 100px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n#team::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -100px;\r\n left: -100px;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(234,231,53,0.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.team-header { margin-bottom: 60px; }\r\n\r\n#team h2 {\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n letter-spacing: -0.02em;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n}\r\n\r\n#team .team-sub {\r\n font-size: 1rem;\r\n color: rgba(255,255,255,0.45);\r\n font-weight: 700;\r\n max-width: 420px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* This is to ensure team grid auto fills if you plan to add more new team members. *\/\r\n.team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n max-width: 900px;\r\n}\r\n\r\n.team-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n overflow: hidden;\r\n transition: border-color 0.3s ease;\r\n}\r\n\r\n.team-card:hover { border-color: rgba(234,231,53,0.3); }\r\n\r\n.team-photo-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n aspect-ratio: 3\/3.5;\r\n background: #1a1a1a;\r\n}\r\n\r\n.team-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n filter: grayscale(20%);\r\n}\r\n\r\n.team-card:hover .team-photo-wrap img { transform: scale(1.03); }\r\n\r\n.team-photo-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 50%, rgba(13,13,13,0.6) 100%);\r\n}\r\n\r\n.team-body {\r\n padding: 24px 28px 28px;\r\n position: relative;\r\n}\r\n\r\n.team-body::before {\r\n content: '';\r\n display: block;\r\n width: 36px;\r\n height: 4px;\r\n background: var(--yellow);\r\n margin-bottom: 16px;\r\n}\r\n\r\n.team-name {\r\n font-size: 1.3rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.team-role {\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--yellow);\r\n margin-bottom: 14px;\r\n}\r\n\r\n.team-bio {\r\n font-size: 0.92rem;\r\n color: rgba(255,255,255,0.5);\r\n line-height: 1.65;\r\n font-weight: 500;\r\n}\r\n\r\n\/* ===========================\r\n CTA section\r\n=========================== *\/\r\n#cta-strip {\r\n background: var(--yellow);\r\n padding: 60px 0;\r\n}\r\n\r\n.cta-strip-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.cta-strip-text h2 {\r\n font-size: clamp(1.4rem, 4vw, 2.2rem);\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.cta-strip-text p {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: rgba(0,0,0,0.55);\r\n}\r\n\r\n\/* ===========================\r\n Responsive\r\n=========================== *\/\r\n@media (max-width: 900px) {\r\n .projects-grid { grid-template-columns: 1fr 1fr; }\r\n .projects-grid .project-card:first-child { grid-column: span 2; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .projects-grid { grid-template-columns: 1fr; }\r\n .projects-grid .project-card,\r\n .projects-grid .project-card:first-child {\r\n grid-column: span 1;\r\n aspect-ratio: 16\/10;\r\n }\r\n .projects-stats { grid-template-columns: 1fr; }\r\n .about-header-row { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n .about-header-logo { order: 1; }\r\n .about-header-text { order: 2; }\r\n .about-header-logo img { width: 50px; }\r\n .about-image-block { height: 220px; }\r\n .cta-strip-inner { flex-direction: column; align-items: flex-start; }\r\n #projects .section-header { flex-direction: column; align-items: flex-start; }\r\n #projects .section-sub { text-align: left; }\r\n}\r\n\r\n\/* ===========================\r\n Fade-in animation\r\n=========================== *\/\r\n.fade-up {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.65s ease, transform 0.65s ease;\r\n}\r\n.fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.stagger > *:nth-child(1) { transition-delay: 0s; }\r\n.stagger > *:nth-child(2) { transition-delay: 0.08s; }\r\n.stagger > *:nth-child(3) { transition-delay: 0.16s; }\r\n.stagger > *:nth-child(4) { transition-delay: 0.24s; }\r\n.stagger > *:nth-child(5) { transition-delay: 0.32s; }\r\n.stagger > *:nth-child(6) { transition-delay: 0.40s; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section id=\"page-hero\">\r\n <div class=\"inner page-hero-inner\">\r\n <div class=\"page-hero-label\">Solar Energy in Mauritius<\/div>\r\n <h1>About<br><em>Sunergy<\/em><\/h1>\r\n <p class=\"hero-desc\">Sunergy is a company dedicated to solar energy, which supports individuals and businesses in their transition to clean, sustainable and affordable energy.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"about\">\r\n <div class=\"about-text-block\">\r\n <div class=\"inner\">\r\n <div class=\"about-header-row\">\r\n <div class=\"about-header-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/04\/Sunergy-Logo-Yellow@4x-scaled.png\" alt=\"Sunergy \u2013 Solar energy specialist in Mauritius\" \/>\r\n <\/div>\r\n <div class=\"about-header-text fade-up\">\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Why Sunergy ?<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-icons-block\">\r\n <div class=\"inner\">\r\n <div class=\"icon-list stagger\">\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm1 13.59l2.3-2.3a1 1 0 0 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42L11 15.59V7a1 1 0 1 1 2 0v8.59z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Significant reduction in electricity bills<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 21h6v-1H9v1zm3-19a7 7 0 0 0-4 12.72V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.28A7 7 0 0 0 12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Renewable and environmentally friendly energy<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Solutions tailored to individuals and businesses<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Complete support from A to Z<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Qualified and experienced team<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-image-block\"><\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section id=\"team\">\r\n <div class=\"inner\">\r\n <div class=\"team-header fade-up\">\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Our team<\/h2>\r\n <p class=\"team-sub\">Experts passionate about solar energy, at your service.<\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"team-grid stagger\">\r\n\r\n <div class=\"team-card fade-up\">\r\n <div class=\"team-photo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/05\/Gilian-Team-Photo.jpeg\" alt=\"Gilian, Sales & Business Development Analyst at Sunergy\">\r\n <div class=\"team-photo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-body\">\r\n <div class=\"team-name\">GILIAN<\/div>\r\n <div class=\"team-role\">Sales & Business Development <\/div>\r\n <p class=\"team-bio\">Passionate about renewable energies, he supports each client in their transition to solar power with expertise and commitment.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-card fade-up\">\r\n <div class=\"team-photo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/05\/Ashwin-Team-Photo.jpeg\" alt=\"Ashwin, Project Engineer at Sunergy\">\r\n <div class=\"team-photo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-body\">\r\n <div class=\"team-name\">ASHWIN<\/div>\r\n <div class=\"team-role\">Projects<\/div>\r\n <p class=\"team-bio\">As a specialist in photovoltaic systems, he oversees each installation to guarantee performance and durability.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section id=\"projects\">\r\n <div class=\"inner\">\r\n <div class=\"section-header fade-up\">\r\n <div>\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Our projects<\/h2>\r\n <\/div>\r\n <p class=\"section-sub\">Solar installations carried out across Mauritius.<\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"projects-grid stagger\">\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?q=80&w=2072&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel Grand Baie\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Installation 5 kWc \u2014 Grand Baie<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1466611653911-95081537e5b7?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Toiture commerciale \u2014 \u00c9b\u00e8ne<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1611365892117-00ac5ef43c90?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Maison individuelle \u2014 Quatre Bornes<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1559302504-64aae6ca6b6d?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Entrep\u00f4t industriel \u2014 Port-Louis<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau 20 kWc<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Villa \u2014 Tamarin<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?q=80&w=2069&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Bureau \u2014 R\u00e9duit<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n\r\n\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"section-divider\" style=\"display:none\"><\/div>\r\n\r\n\r\n\r\n\r\n<section id=\"cta-strip\">\r\n <div class=\"inner cta-strip-inner\">\r\n <div class=\"cta-strip-text fade-up\">\r\n <h2>Ready to switch to solar power ?<\/h2>\r\n <p>Request your free consultation today.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScha3CBqOGX8g0HTrFALaKMlkc7ro67sABF0TiCjJofF54W2w\/viewform\" target=\"_blank\" class=\"btn-black fade-up\" rel=\"nofollow noopener\">Get my free quote<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const fadeEls = document.querySelectorAll('.fade-up');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n fadeEls.forEach(el => observer.observe(el));\r\n<\/script>\r\n\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>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos \u2014 Sunergy \u00c9nergie Solaire \u00e0 Maurice \u00c0 propos deSunergy Sunergy est une entreprise d\u00e9di\u00e9e \u00e0 l’\u00e9nergie solaire, qui accompagne particuliers et entreprises dans leur transition vers une \u00e9nergie propre, durable et abordable. Pourquoi Sunergy ? R\u00e9duction significative des factures d’\u00e9lectricit\u00e9 \u00c9nergie renouvelable et respectueuse de l’environnement Solutions adapt\u00e9es aux particuliers et entreprises Accompagnement de […]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":89,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\u00c0 propos \u2014 Sunergy<\/title>\r\n\r\n<style>\r\n\/* ===========================\r\n Core stuff\r\n=========================== *\/\r\n:root {\r\n --yellow: #EAE735;\r\n --black: #111111;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --text-light: #555555;\r\n --max-w: 1370px;\r\n --font: 'Greycliff', sans-serif;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n font-family: var(--font);\r\n background: var(--black);\r\n color: var(--text);\r\n font-size: 16px;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n}\r\n\r\n.inner {\r\n width: 100%;\r\n max-width: var(--max-w);\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* ===========================\r\n Buttons\r\n=========================== *\/\r\n.btn-black {\r\n display: inline-block;\r\n background: var(--black);\r\n color: var(--yellow);\r\n font-family: var(--font);\r\n font-weight: 800;\r\n font-size: 1rem;\r\n padding: 14px 32px;\r\n border: 2.5px solid var(--black);\r\n cursor: pointer;\r\n text-decoration: none;\r\n letter-spacing: 0.02em;\r\n transition: background 0.2s, color 0.2s;\r\n border-radius: 0;\r\n white-space: nowrap;\r\n}\r\n.btn-black:hover {\r\n background: var(--yellow);\r\n color: var(--black);\r\n border-color: var(--black);\r\n}\r\n\r\n\/* ===========================\r\n Hero - About Header\r\n=========================== *\/\r\n#page-hero {\r\n background: var(--black);\r\n padding: 140px 0 0;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n#page-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -120px;\r\n right: -80px;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(234,231,53,0.07) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.page-hero-inner {\r\n padding-bottom: 0;\r\n}\r\n\r\n.page-hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.75rem;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--yellow);\r\n margin-bottom: 24px;\r\n}\r\n\r\n.page-hero-label::before {\r\n content: '';\r\n display: block;\r\n width: 32px;\r\n height: 3px;\r\n background: var(--yellow);\r\n}\r\n\r\n#page-hero h1 {\r\n font-size: clamp(2.8rem, 8vw, 5.5rem);\r\n font-weight: 900;\r\n line-height: 1.02;\r\n letter-spacing: -0.03em;\r\n color: var(--white);\r\n margin-bottom: 24px;\r\n max-width: 700px;\r\n}\r\n\r\n#page-hero h1 em {\r\n color: var(--yellow);\r\n font-style: normal;\r\n}\r\n\r\n#page-hero .hero-desc {\r\n font-size: 1.1rem;\r\n color: rgba(255,255,255,0.55);\r\n max-width: 500px;\r\n line-height: 1.7;\r\n margin-bottom: 60px;\r\n}\r\n\r\n\/* ===========================\r\n About - Main\r\n=========================== *\/\r\n#about {\r\n background: var(--black);\r\n padding: 0;\r\n}\r\n\r\n.about-text-block {\r\n padding: 80px 0 10px;\r\n}\r\n\r\n#about h2 {\r\n font-size: clamp(2rem, 6vw, 3rem);\r\n font-weight: 900;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.01em;\r\n color: var(--white);\r\n}\r\n\r\n#about .about-intro {\r\n font-size: 1.05rem;\r\n color: rgba(255,255,255,0.65);\r\n max-width: 560px;\r\n line-height: 1.7;\r\n}\r\n\r\n.about-image-block {\r\n width: 100%;\r\n height: 360px;\r\n position: relative;\r\n background:\r\n linear-gradient(to bottom, rgba(17,17,17,0.35) 0%, rgba(17,17,17,0.15) 40%, rgba(17,17,17,0.55) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1707247111552-aaf74241058b?q=80&w=1824&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center 65%\/ cover no-repeat;\r\n}\r\n\r\n.about-header-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n}\r\n\r\n.about-header-text { flex: 1; order: 1; }\r\n.about-header-logo {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n order: 2;\r\n}\r\n.about-header-logo img {\r\n width: 180px;\r\n height: auto;\r\n opacity: 0.9;\r\n}\r\n\r\n.about-icons-block {\r\n padding: 36px 0 80px;\r\n}\r\n\r\n.icon-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n}\r\n\r\n.icon-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.icon-row:last-child { border-bottom: none; }\r\n\r\n.icon-circle {\r\n width: 56px;\r\n height: 56px;\r\n background: var(--yellow);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.icon-circle svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: var(--black);\r\n}\r\n\r\n.icon-row-label {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n line-height: 1.4;\r\n}\r\n\r\n.y-bar {\r\n display: block;\r\n width: 56px;\r\n height: 5px;\r\n background: var(--yellow);\r\n margin-bottom: 24px;\r\n}\r\n\r\n\/* ===========================\r\n Section divider\r\n=========================== *\/\r\n.section-divider {\r\n width: 100%;\r\n height: 1px;\r\n background: rgba(255,255,255,0.07);\r\n}\r\n\r\n\/* ===========================\r\n Projects section\r\n=========================== *\/\r\n#projects {\r\n background: var(--black);\r\n padding: 80px 0 100px;\r\n display: none;\r\n}\r\n\r\n#projects .section-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 24px;\r\n margin-bottom: 52px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n#projects h2 {\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n letter-spacing: -0.02em;\r\n color: var(--white);\r\n line-height: 1.1;\r\n}\r\n\r\n#projects .section-sub {\r\n font-size: 0.95rem;\r\n color: rgba(255,255,255,0.45);\r\n font-weight: 700;\r\n max-width: 300px;\r\n text-align: right;\r\n line-height: 1.5;\r\n}\r\n\r\n.projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n}\r\n\r\n\r\n\r\n.project-card {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n background: #1a1a1a;\r\n aspect-ratio: 4\/3;\r\n}\r\n\r\n.project-card-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease, filter 0.4s ease;\r\n filter: brightness(0.75) saturate(0.9);\r\n display: block;\r\n}\r\n\r\n.project-card:hover .project-card-img {\r\n transform: scale(1.05);\r\n filter: brightness(0.55) saturate(1.1);\r\n}\r\n\r\n.project-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 55%);\r\n z-index: 1;\r\n}\r\n\r\n.project-card-body {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 28px 24px;\r\n z-index: 2;\r\n transform: translateY(4px);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.project-card:hover .project-card-body { transform: translateY(0); }\r\n\r\n.project-tag {\r\n display: inline-block;\r\n background: var(--yellow);\r\n color: var(--black);\r\n font-size: 0.65rem;\r\n font-weight: 800;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 4px 10px;\r\n margin-bottom: 10px;\r\n border-radius: 0;\r\n}\r\n\r\n.project-card-body h3 {\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n letter-spacing: -0.01em;\r\n line-height: 1.25;\r\n margin-bottom: 6px;\r\n}\r\n\r\n\r\n\r\n.project-card-meta {\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.5);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n opacity: 0;\r\n transition: opacity 0.3s 0.05s ease;\r\n}\r\n.project-card:hover .project-card-meta { opacity: 1; }\r\n\r\n.project-card-meta::before {\r\n content: '';\r\n display: block;\r\n width: 20px;\r\n height: 2px;\r\n background: var(--yellow);\r\n}\r\n\r\n.projects-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n margin-top: 2px;\r\n}\r\n\r\n.stat-box {\r\n background: var(--yellow);\r\n padding: 32px 28px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.stat-box .stat-num {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n}\r\n\r\n.stat-box .stat-label {\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n color: rgba(0,0,0,0.6);\r\n line-height: 1.3;\r\n}\r\n\r\n\/* ===========================\r\n Team section\r\n=========================== *\/\r\n#team {\r\n background: #0d0d0d;\r\n padding: 80px 0 100px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n#team::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -100px;\r\n left: -100px;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(234,231,53,0.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.team-header { margin-bottom: 60px; }\r\n\r\n#team h2 {\r\n font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n letter-spacing: -0.02em;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n}\r\n\r\n#team .team-sub {\r\n font-size: 1rem;\r\n color: rgba(255,255,255,0.45);\r\n font-weight: 700;\r\n max-width: 420px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* This is to ensure team grid auto fills if you plan to add more new team members. *\/\r\n.team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n max-width: 900px;\r\n}\r\n\r\n.team-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n overflow: hidden;\r\n transition: border-color 0.3s ease;\r\n}\r\n\r\n.team-card:hover { border-color: rgba(234,231,53,0.3); }\r\n\r\n.team-photo-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n aspect-ratio: 3\/3.5;\r\n background: #1a1a1a;\r\n}\r\n\r\n.team-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center top;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n filter: grayscale(20%);\r\n}\r\n\r\n.team-card:hover .team-photo-wrap img { transform: scale(1.03); }\r\n\r\n.team-photo-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 50%, rgba(13,13,13,0.6) 100%);\r\n}\r\n\r\n.team-body {\r\n padding: 24px 28px 28px;\r\n position: relative;\r\n}\r\n\r\n.team-body::before {\r\n content: '';\r\n display: block;\r\n width: 36px;\r\n height: 4px;\r\n background: var(--yellow);\r\n margin-bottom: 16px;\r\n}\r\n\r\n.team-name {\r\n font-size: 1.3rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.team-role {\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--yellow);\r\n margin-bottom: 14px;\r\n}\r\n\r\n.team-bio {\r\n font-size: 0.92rem;\r\n color: rgba(255,255,255,0.5);\r\n line-height: 1.65;\r\n font-weight: 500;\r\n}\r\n\r\n\/* ===========================\r\n CTA section\r\n=========================== *\/\r\n#cta-strip {\r\n background: var(--yellow);\r\n padding: 60px 0;\r\n}\r\n\r\n.cta-strip-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.cta-strip-text h2 {\r\n font-size: clamp(1.4rem, 4vw, 2.2rem);\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.cta-strip-text p {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: rgba(0,0,0,0.55);\r\n}\r\n\r\n\/* ===========================\r\n Responsive\r\n=========================== *\/\r\n@media (max-width: 900px) {\r\n .projects-grid { grid-template-columns: 1fr 1fr; }\r\n .projects-grid .project-card:first-child { grid-column: span 2; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .projects-grid { grid-template-columns: 1fr; }\r\n .projects-grid .project-card,\r\n .projects-grid .project-card:first-child {\r\n grid-column: span 1;\r\n aspect-ratio: 16\/10;\r\n }\r\n .projects-stats { grid-template-columns: 1fr; }\r\n .about-header-row { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n .about-header-logo { order: 1; }\r\n .about-header-text { order: 2; }\r\n .about-header-logo img { width: 50px; }\r\n .about-image-block { height: 220px; }\r\n .cta-strip-inner { flex-direction: column; align-items: flex-start; }\r\n #projects .section-header { flex-direction: column; align-items: flex-start; }\r\n #projects .section-sub { text-align: left; }\r\n}\r\n\r\n\/* ===========================\r\n Fade-in animation\r\n=========================== *\/\r\n.fade-up {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.65s ease, transform 0.65s ease;\r\n}\r\n.fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n.stagger > *:nth-child(1) { transition-delay: 0s; }\r\n.stagger > *:nth-child(2) { transition-delay: 0.08s; }\r\n.stagger > *:nth-child(3) { transition-delay: 0.16s; }\r\n.stagger > *:nth-child(4) { transition-delay: 0.24s; }\r\n.stagger > *:nth-child(5) { transition-delay: 0.32s; }\r\n.stagger > *:nth-child(6) { transition-delay: 0.40s; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section id=\"page-hero\">\r\n <div class=\"inner page-hero-inner\">\r\n <div class=\"page-hero-label\">Solar Energy in Mauritius<\/div>\r\n <h1>About<br><em>Sunergy<\/em><\/h1>\r\n <p class=\"hero-desc\">Sunergy is a company dedicated to solar energy, which supports individuals and businesses in their transition to clean, sustainable and affordable energy.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"about\">\r\n <div class=\"about-text-block\">\r\n <div class=\"inner\">\r\n <div class=\"about-header-row\">\r\n <div class=\"about-header-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/04\/Sunergy-Logo-Yellow@4x-scaled.png\" alt=\"Sunergy \u2013 Solar energy specialist in Mauritius\" \/>\r\n <\/div>\r\n <div class=\"about-header-text fade-up\">\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Why Sunergy ?<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-icons-block\">\r\n <div class=\"inner\">\r\n <div class=\"icon-list stagger\">\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm1 13.59l2.3-2.3a1 1 0 0 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.42L11 15.59V7a1 1 0 1 1 2 0v8.59z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Significant reduction in electricity bills<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M9 21h6v-1H9v1zm3-19a7 7 0 0 0-4 12.72V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.28A7 7 0 0 0 12 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Renewable and environmentally friendly energy<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Solutions tailored to individuals and businesses<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Complete support from A to Z<\/span>\r\n <\/div>\r\n <div class=\"icon-row fade-up\">\r\n <div class=\"icon-circle\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"icon-row-label\">Qualified and experienced team<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-image-block\"><\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section id=\"team\">\r\n <div class=\"inner\">\r\n <div class=\"team-header fade-up\">\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Our team<\/h2>\r\n <p class=\"team-sub\">Experts passionate about solar energy, at your service.<\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"team-grid stagger\">\r\n\r\n <div class=\"team-card fade-up\">\r\n <div class=\"team-photo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/05\/Gilian-Team-Photo.jpeg\" alt=\"Gilian, Sales & Business Development Analyst at Sunergy\">\r\n <div class=\"team-photo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-body\">\r\n <div class=\"team-name\">GILIAN<\/div>\r\n <div class=\"team-role\">Sales & Business Development <\/div>\r\n <p class=\"team-bio\">Passionate about renewable energies, he supports each client in their transition to solar power with expertise and commitment.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-card fade-up\">\r\n <div class=\"team-photo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sunergy.mu\/wp-content\/uploads\/2026\/05\/Ashwin-Team-Photo.jpeg\" alt=\"Ashwin, Project Engineer at Sunergy\">\r\n <div class=\"team-photo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"team-body\">\r\n <div class=\"team-name\">ASHWIN<\/div>\r\n <div class=\"team-role\">Projects<\/div>\r\n <p class=\"team-bio\">As a specialist in photovoltaic systems, he oversees each installation to guarantee performance and durability.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<section id=\"projects\">\r\n <div class=\"inner\">\r\n <div class=\"section-header fade-up\">\r\n <div>\r\n <span class=\"y-bar\"><\/span>\r\n <h2>Our projects<\/h2>\r\n <\/div>\r\n <p class=\"section-sub\">Solar installations carried out across Mauritius.<\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"projects-grid stagger\">\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?q=80&w=2072&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel Grand Baie\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Installation 5 kWc \u2014 Grand Baie<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1466611653911-95081537e5b7?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Toiture commerciale \u2014 \u00c9b\u00e8ne<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1611365892117-00ac5ef43c90?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Maison individuelle \u2014 Quatre Bornes<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1559302504-64aae6ca6b6d?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Entrep\u00f4t industriel \u2014 Port-Louis<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau 20 kWc<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1473341304170-971dccb5ac1e?q=80&w=2070&auto=format&fit=crop\" alt=\"Projet r\u00e9sidentiel\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">R\u00e9sidentiel<\/span>\r\n <h3>Villa \u2014 Tamarin<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me hybride PV + Batterie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card fade-up\">\r\n <img decoding=\"async\" class=\"project-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?q=80&w=2069&auto=format&fit=crop\" alt=\"Projet commercial\" loading=\"lazy\">\r\n <div class=\"project-card-overlay\"><\/div>\r\n <div class=\"project-card-body\">\r\n <span class=\"project-tag\">Commercial<\/span>\r\n <h3>Bureau \u2014 R\u00e9duit<\/h3>\r\n <div class=\"project-card-meta\">Syst\u00e8me raccord\u00e9 r\u00e9seau<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n\r\n\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"section-divider\" style=\"display:none\"><\/div>\r\n\r\n\r\n\r\n\r\n<section id=\"cta-strip\">\r\n <div class=\"inner cta-strip-inner\">\r\n <div class=\"cta-strip-text fade-up\">\r\n <h2>Ready to switch to solar power ?<\/h2>\r\n <p>Request your free consultation today.<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScha3CBqOGX8g0HTrFALaKMlkc7ro67sABF0TiCjJofF54W2w\/viewform\" target=\"_blank\" class=\"btn-black fade-up\" rel=\"nofollow noopener\">Get my free quote<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const fadeEls = document.querySelectorAll('.fade-up');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n fadeEls.forEach(el => observer.observe(el));\r\n<\/script>\r\n\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>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos \u2014 Sunergy \u00c9nergie Solaire \u00e0 Maurice \u00c0 propos deSunergy Sunergy est une entreprise d\u00e9di\u00e9e \u00e0 l’\u00e9nergie solaire, qui accompagne particuliers et entreprises dans leur transition vers une \u00e9nergie propre, durable et abordable. Pourquoi Sunergy ? R\u00e9duction significative des factures d’\u00e9lectricit\u00e9 \u00c9nergie renouvelable et respectueuse de l’environnement Solutions adapt\u00e9es aux particuliers et entreprises Accompagnement de […]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":89,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/sunergy.mu\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}