{"id":46,"date":"2025-08-27T16:54:55","date_gmt":"2025-08-27T16:54:55","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=46"},"modified":"2025-10-15T02:20:52","modified_gmt":"2025-10-14T23:20:52","slug":"services","status":"publish","type":"page","link":"https:\/\/johnsonqa.com\/index.php\/services\/","title":{"rendered":"OUR Services"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n.chasing-letters {\n  display: flex;\n  justify-content: center;\n  gap: 2vw; \/* responsive gap *\/\n  font-weight: bold;\n  text-transform: uppercase;\n  font-family: Arial, sans-serif;\n  white-space: nowrap; \/* prevent wrapping *\/\n  font-size: clamp(20px, 5vw, 50px); \/* responsive font size *\/\n  color: #fff;\n}\n\n.chasing-letters span {\n  opacity: 0.3;\n  animation: chase 2s infinite;\n  text-shadow: none;\n}\n\n\/* Glow effect when active *\/\n@keyframes chase {\n  0% { opacity: 0.3; text-shadow: none; }\n  20% { opacity: 1; text-shadow: \n    0 0 5px #ff0000,\n    0 0 10px #ff0000,\n    0 0 20px #ff0000,\n    0 0 40px #ff0000; }\n  100% { opacity: 0.3; text-shadow: none; }\n}\n\n\/* Delay each word *\/\n.chasing-letters span:nth-child(1) { animation-delay: 0s; }\n.chasing-letters span:nth-child(2) { animation-delay: 0.4s; }\n.chasing-letters span:nth-child(3) { animation-delay: 0.8s; }\n\n\/* Small screen adjustments *\/\n@media (max-width: 480px) {\n  .chasing-letters {\n    gap: 1.5vw;\n  }\n}\n<\/style>\n\n<div class=\"chasing-letters\">\n  <span>Protect.<\/span>\n  <span>Enhance.<\/span>\n  <span>Style.<\/span>\n<\/div>\n\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Services Section -->\n<div class=\"services-section\">\n  <h2 class=\"section-title\">Our Services<\/h2>\n  <div class=\"services-container\">\n    \n    <a href=\"https:\/\/johnsonqa.com\/index.php\/services\/476-2\/\" class=\"service-box\">\n      <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/10\/PPF01.png\" alt=\"Paint Protection Film\" class=\"service-img\">\n      <span class=\"service-name\">Paint Protection Film<\/span>\n      <button class=\"read-more\">Read More<\/button>\n    <\/a>\n    \n    <a href=\"https:\/\/johnsonqa.com\/index.php\/services\/479-2\/\" class=\"service-box\">\n      <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Window-Tint.jpg\" alt=\"Tint for Window\" class=\"service-img\">\n      <span class=\"service-name\">Tint for Window<\/span>\n      <button class=\"read-more\">Read More<\/button>\n    <\/a>\n    \n    <a href=\"https:\/\/johnsonqa.com\/index.php\/services\/485-2\/\" class=\"service-box\">\n      <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Ot-Polish.jpg\" alt=\"Exterior Polish Service\" class=\"service-img\">\n      <span class=\"service-name\">Exterior Polish Service<\/span>\n      <button class=\"read-more\">Read More<\/button>\n    <\/a>\n    \n    <a href=\"https:\/\/johnsonqa.com\/index.php\/services\/482-2\/\" class=\"service-box\">\n      <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/In-Polosh.jpg\" alt=\"Interior Polish Service\" class=\"service-img\">\n      <span class=\"service-name\">Interior Polish Service<\/span>\n      <button class=\"read-more\">Read More<\/button>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* Services Section *\/\n.services-section {\n  padding: 50px 20px;\n  background-color: transparent;\n  text-align: center;\n}\n\n.section-title {\n  font-size: 36px;\n  margin-bottom: 40px;\n  font-family: Arial, sans-serif;\n  color: #fff; \/* White text *\/\n}\n\n\/* Container *\/\n.services-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 30px;\n}\n\n\/* Service Box *\/\n.service-box {\n  background: rgba(255, 255, 255, 0.05); \/* subtle transparent *\/\n  border: 2px solid #ddd;\n  border-radius: 15px;\n  width: 250px;\n  padding: 20px;\n  text-decoration: none;\n  color: #fff; \/* White text *\/\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n.service-box:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);\n}\n\n\/* Service Image *\/\n.service-img {\n  width: 100%;\n  height: 150px;\n  object-fit: cover;\n  border-radius: 10px;\n  margin-bottom: 15px;\n}\n\n\/* Glowing Service Name *\/\n.service-name {\n  display: block;\n  font-size: 20px;\n  margin-bottom: 15px;\n  font-weight: bold;\n  color: #fff; \/* White text *\/\n  transition: text-shadow 0.3s ease;\n}\n\n.service-box:hover .service-name {\n  text-shadow: 0 0 15px #ff0000, 0 0 25px #ff4d4d, 0 0 35px #ff9999;\n}\n\n\/* Read More Button *\/\n.read-more {\n  padding: 10px 20px;\n  border: none;\n  background-color: red;\n  color: #fff; \/* White text *\/\n  border-radius: 8px;\n  cursor: pointer;\n  font-weight: bold;\n  transition: background 0.3s ease;\n}\n\n.read-more:hover {\n  background-color: darkred;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 768px) {\n  .services-container {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .service-box {\n    width: 80%;\n  }\n\n  .service-img {\n    height: 200px;\n  }\n}\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Protect. Enhance. Style. Our Services Paint Protection Film Read More Tint for Window Read More Exterior Polish Service Read More Interior Polish Service Read More<\/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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":58,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}