{"id":24,"date":"2018-04-04T08:24:00","date_gmt":"2018-04-04T08:24:00","guid":{"rendered":"https:\/\/solar-home.co.uk\/new\/?page_id=24"},"modified":"2025-12-16T13:45:40","modified_gmt":"2025-12-16T13:45:40","slug":"home","status":"publish","type":"page","link":"https:\/\/solar-home.co.uk\/new\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"pl-24\"  class=\"panel-layout\" ><div id=\"pg-24-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-24-0\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-24-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-24-0-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"0\" ><div id=\"pl-w694162844ccae\"  class=\"panel-layout\" ><div id=\"pg-w694162844ccae-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-w694162844ccae-0\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-w694162844ccae-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w694162844ccae-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><section id=\"solar-v7\">\n\n<!-- GSAP -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');\n\n:root{\n  --green:#22c55e;\n  --green-dark:#16a34a;\n  --mint:#ecfdf5;\n  --dark:#0f172a;\n  --muted:#475569;\n  --radius:26px;\n}\n\n*{box-sizing:border-box}\n\n#solar-v7{\n  font-family:'Plus Jakarta Sans',sans-serif;\n  color:var(--dark);\n  overflow:hidden;\n}\n\n\/* ================= HERO (FIXED FOR MOBILE) ================= *\/\n\/* Uses real <img> so it never \"ends\" with blank area *\/\n.sv7-hero{\n  position:relative;\n  width:100%;\n  min-height:120vh;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  padding:80px 20px;\n  overflow:hidden;\n}\n\n.sv7-hero-media{\n  position:absolute;\n  inset:0;\n  z-index:0;\n}\n\n.sv7-hero-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;              \/* fills hero on ALL devices *\/\n  object-position:center;        \/* you can tweak to \"center 30%\" if needed *\/\n  display:block;\n}\n\n\/* overlay for readability *\/\n.sv7-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25));\n}\n\n.sv7-hero-content{\n  position:relative;\n  z-index:2;\n  max-width:960px;\n}\n\n@media(max-width:768px){\n  .sv7-hero{\n    min-height:88vh;\n    padding:70px 18px;\n  }\n  \/* keep the most important part visible on mobile *\/\n  .sv7-hero-media img{\n    object-position:center top;\n  }\n}\n\n\/* ================= BUTTONS ================= *\/\n.sv7-btn{\n  padding:16px 32px;\n  font-size:15px;\n  font-weight:800;\n  border-radius:999px;\n  color:#fff!important;\n  text-decoration:none;\n  white-space:nowrap;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  transition:.25s;\n}\n\n.sv7-btn-primary{\n  background:linear-gradient(135deg,var(--green),var(--green-dark));\n  box-shadow:0 18px 45px rgba(34,197,94,.5);\n}\n\n.sv7-btn-primary:hover{\n  transform:translateY(-3px);\n  box-shadow:0 26px 70px rgba(34,197,94,.65);\n}\n\n\/* ================= SECTIONS ================= *\/\n.sv7-section{\n  padding:70px 20px;\n}\n\n.sv7-container{\n  max-width:1200px;\n  margin:auto;\n}\n\n.sv7-title{\n  text-align:center;\n  font-size:clamp(26px,3vw,42px);\n  font-weight:800;\n  margin-bottom:14px;\n}\n\n.sv7-subtitle{\n  text-align:center;\n  max-width:720px;\n  margin:0 auto 50px;\n  color:var(--muted);\n}\n\n\/* ================= PRODUCTS ================= *\/\n.sv7-products{\n  background:linear-gradient(180deg,var(--mint),#fff);\n}\n\n.sv7-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:28px;\n}\n\n.sv7-card{\n  position:relative;\n  background:#fff;\n  border-radius:var(--radius);\n  overflow:hidden;\n  box-shadow:0 30px 70px rgba(0,0,0,.12);\n  transition:.35s;\n}\n\n.sv7-card::before{\n  content:\"\";\n  position:absolute;\n  left:0; top:0; bottom:0;\n  width:6px;\n  background:linear-gradient(var(--green),var(--green-dark));\n  border-radius: var(--radius) 0 0 var(--radius); \/* aligns to rounded corners *\/\n}\n\n.sv7-card:hover{\n  transform:translateY(-12px);\n}\n\n.sv7-card img{\n  width:100%;\n  height:220px;\n  object-fit:cover;\n}\n\n.sv7-card-body{\n  padding:24px;\n}\n\n.sv7-badge{\n  display:inline-block;\n  padding:6px 14px;\n  border-radius:999px;\n  background:rgba(34,197,94,.15);\n  border:1px solid rgba(34,197,94,.4);\n  font-weight:800;\n  margin-bottom:10px;\n}\n\n.sv7-card p{\n  color:var(--muted);\n  line-height:1.6;\n  margin:0;\n}\n\n\/* ================= BENEFITS (MATCH PRODUCTS BAR) ================= *\/\n.sv7-benefits{\n  background:#fff;\n}\n\n.sv7-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:28px;\n}\n\n.sv7-benefit{\n  position:relative;\n  background:#fff;\n  border-radius:var(--radius);\n  padding:26px;\n  box-shadow:0 30px 70px rgba(0,0,0,.12);\n  transition:.35s;\n  overflow:hidden;\n}\n\n.sv7-benefit::before{\n  content:\"\";\n  position:absolute;\n  left:0; top:0; bottom:0;\n  width:6px;\n  background:linear-gradient(var(--green),var(--green-dark));\n  border-radius: var(--radius) 0 0 var(--radius); \/* FIX: to rounding *\/\n}\n\n.sv7-benefit:hover{\n  transform:translateY(-10px);\n}\n\n.sv7-benefit-icon{\n  width:54px;\n  height:54px;\n  border-radius:14px;\n  background:rgba(34,197,94,.2);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:26px;\n  margin-bottom:14px;\n}\n\n.sv7-benefit h3{ margin:0 0 8px; }\n.sv7-benefit p{ margin:0; color:var(--muted); line-height:1.6; }\n\n\/* ================= CONTACT (MODERN + ICONS) ================= *\/\n.sv7-contact{\n  background:var(--mint);\n}\n\n.sv7-contact-box{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:28px;\n  background:#fff;\n  padding:32px;\n  border-radius:30px;\n  box-shadow:0 40px 90px rgba(0,0,0,.12);\n}\n\n.sv7-contact-item{\n  display:flex;\n  gap:14px;\n  padding:18px;\n  border-radius:20px;\n  background:rgba(34,197,94,.08);\n  margin-bottom:16px;\n}\n\n.sv7-contact-icon{\n  width:44px;\n  height:44px;\n  border-radius:14px;\n  background:rgba(34,197,94,.25);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:22px;\n  flex:0 0 auto;\n}\n\n\/* ================= FADE ================= *\/\n.fade-section{\n  opacity:0;\n  transform:translateY(60px);\n}\n\n\/* ================= RESPONSIVE ================= *\/\n@media(max-width:1000px){\n  .sv7-grid,.sv7-benefit-grid{grid-template-columns:1fr}\n  .sv7-contact-box{grid-template-columns:1fr}\n}\n<\/style>\n\n<!-- HERO -->\n<section class=\"sv7-hero fade-section\">\n  <div class=\"sv7-hero-media\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"https:\/\/solar-home.co.uk\/new\/wp-content\/uploads\/2025\/12\/\u0421\u044a\u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043d-\u0434\u043e\u043c-\u0441-\u0432\u044a\u0437\u043e\u0431\u043d\u043e\u0432\u044f\u0435\u043c\u0430-\u0435\u043d\u0435\u0440\u0433\u0438\u044f.png\" alt=\"\">\n  <\/div>\n\n  <div class=\"sv7-hero-content\">\n    <h1 style=\"color:#fff;font-size:clamp(34px,5vw,68px);font-weight:800;margin:0 0 18px;text-shadow:0 16px 40px rgba(0,0,0,.6)\">\n      Clean Solar Energy for a Smarter Home\n    <\/h1>\n    <p style=\"color:rgba(255,255,255,.95);font-size:clamp(16px,2vw,20px);margin:0 0 32px;text-shadow:0 10px 30px rgba(0,0,0,.6)\">\n      Modern photovoltaic systems that lower bills and power a sustainable future.\n    <\/p>\n    <a href=\"#contact\" class=\"sv7-btn sv7-btn-primary\">Contact us<\/a>\n  <\/div>\n<\/section>\n\n<!-- PRODUCTS -->\n<section class=\"sv7-section sv7-products fade-section\">\n  <div class=\"sv7-container\">\n    <h2 class=\"sv7-title\">Our Products<\/h2>\n    <p class=\"sv7-subtitle\">Advanced solar components designed for performance<\/p>\n\n    <div class=\"sv7-grid\">\n      <div class=\"sv7-card fade-section\">\n        <img decoding=\"async\" src=\"https:\/\/solar-home.co.uk\/new\/wp-content\/uploads\/2025\/12\/\u0415\u043d\u0435\u0440\u0433\u0438\u044f-\u043e\u0442-\u0441\u043b\u044a\u043d\u0446\u0435-\u0438-\u043f\u0440\u0438\u0440\u043e\u0434\u0430.png\" alt=\"Batteries\">\n        <div class=\"sv7-card-body\">\n          <span class=\"sv7-badge\">Batteries<\/span>\n          <p>Store solar energy for use anytime.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv7-card fade-section\">\n        <img decoding=\"async\" src=\"https:\/\/solar-home.co.uk\/new\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-4.09.2025-\u0433.-14_44_06.png\" alt=\"Inverters\">\n        <div class=\"sv7-card-body\">\n          <span class=\"sv7-badge\">Inverters<\/span>\n          <p>Smart energy conversion and control.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv7-card fade-section\">\n        <img decoding=\"async\" src=\"https:\/\/solar-home.co.uk\/new\/wp-content\/uploads\/2025\/12\/\u0421\u044a\u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043d-\u0434\u043e\u043c-\u0441-\u0432\u044a\u0437\u043e\u0431\u043d\u043e\u0432\u044f\u0435\u043c\u0430-\u0435\u043d\u0435\u0440\u0433\u0438\u044f.png\" alt=\"Solar Panels\">\n        <div class=\"sv7-card-body\">\n          <span class=\"sv7-badge\">Solar Panels<\/span>\n          <p>High efficiency panels with sleek design.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv7-card fade-section\">\n        <img decoding=\"async\" src=\"https:\/\/solar-home.co.uk\/new\/wp-content\/uploads\/2025\/12\/\u0415\u043d\u0435\u0440\u0433\u0438\u044f-\u043e\u0442-\u0441\u043b\u044a\u043d\u0446\u0435-\u0438-\u043f\u0440\u0438\u0440\u043e\u0434\u0430.png\" alt=\"Mounting Systems\">\n        <div class=\"sv7-card-body\">\n          <span class=\"sv7-badge\">Mounting Systems<\/span>\n          <p>Durable structures for every roof type.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BENEFITS -->\n<section class=\"sv7-section sv7-benefits fade-section\">\n  <div class=\"sv7-container\">\n    <h2 class=\"sv7-title\">Why Go Solar<\/h2>\n\n    <div class=\"sv7-benefit-grid\">\n      <div class=\"sv7-benefit fade-section\">\n        <div class=\"sv7-benefit-icon\">\ud83d\udcb7<\/div>\n        <h3>Lower Bills<\/h3>\n        <p>Reduce your monthly energy costs.<\/p>\n      <\/div>\n\n      <div class=\"sv7-benefit fade-section\">\n        <div class=\"sv7-benefit-icon\">\ud83c\udf31<\/div>\n        <h3>Eco Friendly<\/h3>\n        <p>Clean renewable energy.<\/p>\n      <\/div>\n\n      <div class=\"sv7-benefit fade-section\">\n        <div class=\"sv7-benefit-icon\">\ud83c\udfe1<\/div>\n        <h3>Property Value<\/h3>\n        <p>Increase the value of your home.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"sv7-section sv7-contact fade-section\" id=\"contact\">\n  <div class=\"sv7-container\">\n    <h2 class=\"sv7-title\">Contact Us<\/h2>\n\n    <div class=\"sv7-contact-box\">\n      <div>\n        <div class=\"sv7-contact-item\">\n          <div class=\"sv7-contact-icon\">\ud83d\udccd<\/div>\n          <div>\n            <strong>Address<\/strong><br>\n            85 Nikolaevska STR, Ruse, Bulgaria\n          <\/div>\n        <\/div>\n\n        <div class=\"sv7-contact-item\">\n          <div class=\"sv7-contact-icon\">\u2709\ufe0f<\/div>\n          <div>\n            <strong>Email<\/strong><br>\n            <a href=\"mailto:office@solar-home.co.uk\">office@solar-home.co.uk<\/a>\n          <\/div>\n        <\/div>\n\n        <a class=\"sv7-btn sv7-btn-primary\" href=\"mailto:office@solar-home.co.uk\">Email us<\/a>\n      <\/div>\n\n      <iframe\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d11511.690454823975!2d25.9524589!3d43.8367025!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x61d013ae0f2e79ce!2sSolar%20Homes!5e0!3m2!1sbg!2sbg!4v1568952495988!5m2!1sen!2sen\"\n        width=\"100%\" height=\"300\" style=\"border:0\" loading=\"lazy\" allowfullscreen=\"\"\n        referrerpolicy=\"no-referrer-when-downgrade\"\n        title=\"Solar Homes location\"\n      ><\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  if(!window.gsap || !window.ScrollTrigger){\n    document.querySelectorAll('#solar-v7 .fade-section').forEach(el=>{\n      el.style.opacity = 1;\n      el.style.transform = 'none';\n    });\n    return;\n  }\n\n  gsap.registerPlugin(ScrollTrigger);\n\n  gsap.utils.toArray(\"#solar-v7 .fade-section\").forEach(el=>{\n    gsap.to(el,{\n      opacity:1,\n      y:0,\n      duration:1.05,\n      ease:\"power3.out\",\n      scrollTrigger:{\n        trigger:el,\n        start:\"top 85%\"\n      }\n    });\n  });\n})();\n<\/script>\n\n<\/section>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Clean Solar Energy for a Smarter Home Modern photovoltaic systems that lower bills and power a sustainable future. Contact us [&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-24","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":184,"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":767,"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/pages\/24\/revisions\/767"}],"wp:attachment":[{"href":"https:\/\/solar-home.co.uk\/new\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}