{"id":11,"date":"2025-05-13T11:05:11","date_gmt":"2025-05-13T11:05:11","guid":{"rendered":"https:\/\/solarocky.com.my\/?page_id=11"},"modified":"2025-05-13T11:38:41","modified_gmt":"2025-05-13T11:38:41","slug":"homepage","status":"publish","type":"page","link":"https:\/\/solarocky.com.my\/?page_id=11","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Solarock &#8211; Home<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n  <script>var __adobewebfontsappname__=\"dreamweaver\"<\/script>\n  <script src=\"https:\/\/use.edgefonts.net\/actor:n4:default.js\" type=\"text\/javascript\"><\/script>\n\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: actor, serif;\n      color: #333;\n      background-color: #fdfaf6;\n      line-height: 1.6;\n    }\n\n    header {\n      background: transparent;\n      padding: 0;\n      color: #1a1a1a;\n      position: absolute;\n      width: 100%;\n      z-index: 10;\n    }\n\n    nav {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      background-color: transparent;\n    }\n\n    .nav-center {\n    flex: 2;\n    text-align: center;\n    color: #FBEDED;\n    }\n\n    .nav-center a {\n      margin: 0 80px;\n      text-decoration: none;\n      color: #000;\n      font-size: 0.95em;\n      font-weight: bold;\n    }\n\n    .nav-center a img {\n      height: 40px;\n      vertical-align: middle;\n      margin-right: 5px;\n    }\n\n    .cta-button {\n      background: #F9F3F3;\n      border: none;\n      padding: 2px 20px;\n      font-weight: bold;\n      text-decoration: none;\n      color: #000;\n      margin-left: 25px;\n      transition: background 0.3s ease;\n    }\n\n    .cta-button:hover {\n      background: #f2c94c;\n    }\n\n    .hero {\n      background: url(\"..\/images\/about 1-01.jpg\") center\/cover no-repeat;\n      color: #111;\n      text-align: left;\n      padding: 100px 20px 60px;\n    }\n\t  \n    .hero-content {\n    max-width: 100%;\n    font-weight: 400;\n    color: #F4EBEB;\n    text-align: center;\n    }\n\n    .hero h1 {\n    font-size: 3.0em;\n    margin-bottom: 10px;\n    font-family: actor;\n    }\n\n    .hero p {\n    font-size: 0.9em;\n    margin: 0 auto 20px;\n    color: #F9F2F2;\n    }\n\n    .see-more {\n      display: inline-block;\n      padding: 12px 70px;\n      border: 2px solid #000;\n      border-radius: 100px;\n      text-decoration: none;\n      font-weight: bold;\n      margin-top: 20px;\n      background-color: #fff;\n      transition: all 0.3s ease;\n      color: black;\n\t\ttext-align-last: left;\n    }\n\n    .see-more:hover {\n      background-color: #000;\n      color: #fff;\n    }\n.m {\n      background-color: #ffd966;\n      padding: 60px 20px;\n      text-align: center;\n      font-style: normal;\n    }\n    .services {\n      background-color: #ffd966;\n      padding: 60px 20px;\n      text-align: center;\n      font-style: normal;\n\t\tbackground: url()\n    }\n\n    .services h2 {\n      font-size: 1.8em;\n      margin-bottom: 20px;\n      text-align: left;\n    }\n\n    .services-content {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n      justify-content: center;\n      gap: 30px;\n      margin-top: 40px;\n      flex-wrap: wrap;\n    }\n\t  .h1 style {text-align: center;}\n    .services-image {\n      max-width: 400px;\n      height: auto;\n      border-radius: 10px;\n\t\tfloat: left;\n    }\n\n    .services-content table {\n      flex: 1;\n      min-width: 300px;\n      border-collapse: collapse;\n      color: #000;\n    }\n\n    table, th, td {\n      border: none;\n      text-align: center;\n    }\n\n    th, td {\n      padding: 15px;\n    }\n\n    .about {\n    padding: 60px 20px;\n    background-color: #F9F3E5;\n    background: url(\"..\/images\/about 2-01.jpg\");\n    font-size: 12px;\n    }\n\n\t  .about img {\n\t\t  margin-left: 50px;\n\t  }\n    .about h2 {\n      text-align: left;\n      font-size: 2em;\n      margin-bottom: 40px;\n    }\n\n    .referral, .join {\n      padding: 40px 20px;\n      text-align: center;\n\n    }\n\n\t  .referral{ \n\t\t  background-color:#F9F3E5;\n\t  }\n\t  \n    .referral img, .join img {\n      max-width: 300px;\n      border-radius: 10px;\n      margin-bottom: 15px;\n\t\tfloat: left;\n    }\n\t  \n\t  .join {\n    background-color: #2231B4;\n    color: #FBF9F9;\n\t  }\n\t  \n    .join h3, .referral h3 {\n      font-size: 1.5em;\n      margin-bottom: 10px;\n\t\tcolor: #2231B4\n    }\n.referral-container {\n  display: flex;\n  align-items: center;\n  gap: 30px;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n\tbackground: #F9F3E5;\n}\n\n.referral-container img {\n  width: 350px;\n  height: 250px;\n  border-radius: 10px;\n  object-fit: cover;\n}\n\n.referral-content {\n  flex: 1;\n}\n\t  referral-table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\nth, td {\n  text-align: left;\n  padding: 8px;\n}\n\n    footer {\n      background-color: #111;\n      color: #fff;\n      padding: 40px 20px;\n    }\n\n    footer a {\n      color: #fff;\n      text-decoration: none;\n    }\n\n    .social-icons i {\n      margin: 0 10px;\n      font-size: 1.2em;\n    }\n\n    .footer-columns {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n\n    .footer-columns div {\n      margin: 10px 0;\n      min-width: 150px;\n    }\n    \n    .services-content1, .services-content2, .services-content11 {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n      justify-content: center;\n      gap: 30px;\n      margin-top: 40px;\n      flex-wrap: wrap;\n    }\n    \n    .p2 {\n      font-size: 4em;\n    }\n\t  .h4 {margin-right: 30px;}\n    \/* Added to preserve the large text in services section *\/\n    .large-text {\n      font-size: 10em;\n      line-height: 1.2;\n    }\n\t  img 1{\n  float: left;\n}\n  <\/style>\n\n<\/head>\n\n<body>\n\n<!-- Header -->\n\n<header>\n  <nav>\n      <div class=\"nav-center\">\n        <a href=\"..\/html\/index.php\">\n        <img decoding=\"async\" src=\"..\/images\/Solarock Icon.png\" width=\"45px\" alt=\"Solarock Logo\">\n        <\/a>\n        <a href=\"..\/html\/about us.php\">About Us<\/a>\n        <a href=\"..\/html\/service.php\">Services<\/a>\n        <a href=\"..\/html\/referral programme.php\">Referral Program<\/a>\n        <a href=\"..\/html\/career.php\">Career<\/a>\n        <a href=\"#\" class=\"cta-button\">Get a Quote<\/a>\n      <\/div>\n  <\/nav>\n<\/header>\n\n  <!-- Hero Section -->\n\n <!-- Hero Section -->\n\n<section class=\"hero\">\n  <div class=\"hero-content\">\n    <h1>About<br>\n    Solarock<\/h1>\n    <p>&nbsp;<\/p>\n  <\/div>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p><\/section>\n<!-- Services -->\n\n<section class=\"services\">\n  <div style=\"text-align: right; font-family: actor; font-style: normal; font-weight: 400; font-size: 36px;\">\n    <p style=\"text-align: center\" data-pm-slice=\"0 0 []\">Powering a Sustainable Future      <\/p>\n     <h1 style=\"font-size: 12px\" text align=\"center\"; >At Solarock, we are dedicated to transforming the way people use energy by providing high-quality, <\/h1>\n    <h1 style=\"font-size: 12px\" text align=\"center\";>affordable solar solutions. Founded in 2024, our mission is to make renewable energy accessible to<\/h1>\n    <h1 style=\"font-size: 12px\" text align=\"center\";> homeowners and businesses, helping them reduce electricity costs while protecting the environment.  <\/h1>\n  <\/div>\n\n<div class=\"services-content\">\n  <div class=\"large-text\"><\/div>\n<\/div>\n<\/section>\n\n  <!-- About Us -->\n\n <section class=\"about\">\n  <div style=\"overflow: hidden;\">\n    <div style=\"float: left; width: 50%; font-size: 14px;\">\n      <h2 style=\"font-size: 2em;\">&nbsp;<\/h2>\n      <h2 style=\"font-size: 2em;\">&nbsp;<\/h2>\n      <h2 style=\"font-size: 2em;\"> Our Mission<\/h2>\n      <p>To accelerate the adoption of clean energy by delivering reliable,<\/p>\n      <p>cost-effective, and innovative solar solutions that empower<\/p>\n      <p>communities to take control of theirenergy future.<\/p>\n    <\/div>\n    <span style=\"float: right; width: 45%;\"><img decoding=\"async\" src=\"..\/images\/about 3-01.png\" alt=\"Solarock Mission\" width=\"300\" style=\"max-width: 100%; height: auto; \"><\/span>\n   <<\/div>\n  <\/div>\n  <div style=\"clear: both;\"><\/div>\n<\/section>\n<div style=\"overflow: hidden; margin-top: 40px; background-color: #fff8dc; padding: 40px;\">\n  <img decoding=\"async\" src=\"..\/images\/sun icon_Sun Hand Drawn Style.png\" alt=\"Our Vision\" style=\"float: left; width: 300px; height: auto; margin-right: 30px; border-radius: 10px; margin-left: 300px\">\n  <div style=\"overflow: hidden; font-size: 14px;\">\n    <h2 style=\"font-size: 2em\">Our Vision<\/h2>\n    <p>A world where sustainable energy is the primary source of power,<\/p>\n    <p>reducing carbon footprints and<\/p>\n    <p>promoting a greener planet for future generations.<\/p>\n  <\/div>\n<\/div>\n<\/section\u3002\n><section class=\"referral\">\n  <div class=\"referral-container\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"..\/images\/about 4.jpg\" alt=\"Solarock Referral Program\" width=\"3000\" height=\"2017\">\n    <div class=\"referral-content\">\n      <h3>&nbsp;<\/h3>\n      <h3>Why Go Solar?<\/h3>\n\n<\/div>\n    <p>`Save Money<br>\n    Cut your electricity bills significantly&#8220; <\/p>\n  <\/div>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p>\n  <p>&nbsp;<\/p>\n<\/section>\n\n<footer>\n  <h5 style=\"font-size:6em;\">contact us now<\/h5>\n  <h5 style=\"font-size:6em;\">to get started<\/h5>\n  <a href=\"..\/html\/career.php\" class=\"cta-button\">Apply Now<\/a>\n  <table width=\"50%\" style=\"margin-top: 30px; color: #fff;\">\n  <tr>\n    <td style=\"vertical-align: top; padding: 20px;\">\n      <h4>Navigate<\/h4>\n      <p><a href=\"..\/html\/index.php\">Homepage<\/a><\/p>\n      <p><a href=\"..\/html\/about us.php\">About Us<\/a><\/p>\n      <p><a href=\"..\/html\/service.php\">Services<\/a><\/p>\n      <p><a href=\"..\/html\/referral programme.php\">Referral Programme<\/a><\/p>\n      <p><a href=\"..\/html\/career.php\">Career<\/a><\/p>\n    <\/td>\n    <td style=\"vertical-align: top; padding: 20px;\">\n      <h4>Contact Us<\/h4>\n      <p>+603 7493 7887<\/p>\n      <p>hello@solarock.my<\/p>\n      <p>9, Jalan Kecapi 33\/2<br>40350, Shah Alam, Selangor<\/p>\n    <\/td>\n  <\/tr>\n <\/table>\n\n <p>&nbsp;<\/p>\n<div class=\"social-icons\" style=\"text-align:left; margin-top: 20px;\">\n  <a href=\"https:\/\/www.linkedin.com\/company\/solarockmy\/\" aria-label=\"LinkedIn\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"..\/images\/linkedin.png\" alt=\"LinkedIn\" width=\"30\" height=\"30\" style=\"margin: 0 10px;\">\n  <\/a>\n  <a href=\"https:\/\/www.facebook.com\/solarockmy\" aria-label=\"Facebook\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"..\/images\/facebook.png\" alt=\"Facebook\" width=\"30\" height=\"30\" style=\"margin: 0 10px;\">\n  <\/a>\n  <a href=\"https:\/\/www.instagram.com\/solarock.my\/\" aria-label=\"Instagram\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"..\/images\/instagram.png\" alt=\"Instagram\" width=\"30\" height=\"30\" style=\"margin: 0 10px;\">\n  <\/a>\n<\/div>\n\n  <p style=\"text-align:center; margin-top: 20px;\">\u00a9Solarock 2025<\/p>\n<\/footer>\n\n<\/body>\n<\/html> add backgropund colour for the second float\n\n","protected":false},"excerpt":{"rendered":"<p>Solarock &#8211; Home About Us Services Referral Program Career Get a Quote About Solarock &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Powering a Sustainable Future At Solarock, we are dedicated to transforming the way people use energy by providing high-quality, affordable solar solutions. Founded in 2024, our mission is to make renewable energy accessible to homeowners and [&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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solarocky.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":4,"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/solarocky.com.my\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/solarocky.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}