{"id":47,"date":"2025-08-28T08:43:26","date_gmt":"2025-08-28T08:43:26","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=47"},"modified":"2025-10-15T02:25:35","modified_gmt":"2025-10-14T23:25:35","slug":"gallery","status":"publish","type":"page","link":"https:\/\/johnsonqa.com\/index.php\/gallery\/","title":{"rendered":"Projects"},"content":{"rendered":"\n<div style=\"height:50px\" 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<style>\n.chasing-letters {\n  display: flex;\n  justify-content: center;\n  gap: 1.5vw; \/* responsive gap *\/\n  font-weight: bold;\n  text-transform: uppercase;\n  font-family: Arial, sans-serif;\n  white-space: nowrap; \/* keep in one line *\/\n  font-size: clamp(20px, 4vw, 35px); \/* responsive font size *\/\n  color: #fff;\n}\n\n.chasing-letters span {\n  opacity: 0.3; \/* initial dim text *\/\n  animation: chase 2s infinite;\n  text-shadow: none;\n}\n\n\/* Glow effect *\/\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\/* Staggered animation for 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.chasing-letters span:nth-child(4) { animation-delay: 1.2s; }\n.chasing-letters span:nth-child(5) { animation-delay: 1.6s; }\n\n\/* Mobile adjustments *\/\n@media (max-width: 480px) {\n  .chasing-letters {\n    gap: 1vw;\n    font-size: clamp(16px, 5vw, 28px);\n  }\n}\n<\/style>\n\n<div class=\"chasing-letters\">\n  <span>Cars<\/span>\n  <span>We\u2019ve<\/span>\n  <span>Completed<\/span>\n  <span>Work<\/span>\n  <span>On<\/span>\n<\/div>\n\n\n\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-heading-color has-text-color has-link-color has-lora-font-family has-large-font-size wp-elements-c826ae8ab2ead428f4028c0eb30f6959\">Take a look at some of the vehicles we\u2019ve had the privilege to work on. From luxury sedans to powerful SUVs, every car we service receives the same attention to detail and premium care.<\/h2>\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<div class=\"scroll-row\">\n  <div class=\"scroll-content\">\n    <!-- 1st set -->\n    <div class=\"item\">BMW<\/div>\n    <div class=\"item\">Mercedes<\/div>\n    <div class=\"item\">Audi<\/div>\n    <div class=\"item\">Land Cruiser<\/div>\n    <div class=\"item\">Porsche<\/div>\n    <div class=\"item\">Lexus<\/div>\n    <div class=\"item\">Jetour<\/div>\n    <div class=\"item\">GMC<\/div>\n    <div class=\"item\">Ford<\/div>\n    <div class=\"item\">Rolls Royce<\/div>\n    <div class=\"item\">Ferrari<\/div>\n    <div class=\"item\">Lamborghini<\/div>\n    <div class=\"item\">Bentley<\/div>\n    <div class=\"item\">Bugatti<\/div>\n    <div class=\"item\">Maserati<\/div>\n    <div class=\"item\">McLaren<\/div>\n    <div class=\"item\">Jaguar<\/div>\n    <div class=\"item\">Cadillac<\/div>\n    <div class=\"item\">Tesla<\/div>\n    <div class=\"item\">Hummer<\/div>\n\n    <!-- 2nd set (duplicate for seamless effect) -->\n    <div class=\"item\">BMW<\/div>\n    <div class=\"item\">Mercedes<\/div>\n    <div class=\"item\">Audi<\/div>\n    <div class=\"item\">Land Cruiser<\/div>\n    <div class=\"item\">Porsche<\/div>\n    <div class=\"item\">Lexus<\/div>\n    <div class=\"item\">Jetour<\/div>\n    <div class=\"item\">GMC<\/div>\n    <div class=\"item\">Ford<\/div>\n    <div class=\"item\">Rolls Royce<\/div>\n    <div class=\"item\">Ferrari<\/div>\n    <div class=\"item\">Lamborghini<\/div>\n    <div class=\"item\">Bentley<\/div>\n    <div class=\"item\">Bugatti<\/div>\n    <div class=\"item\">Maserati<\/div>\n    <div class=\"item\">McLaren<\/div>\n    <div class=\"item\">Jaguar<\/div>\n    <div class=\"item\">Cadillac<\/div>\n    <div class=\"item\">Tesla<\/div>\n    <div class=\"item\">Hummer<\/div>\n  <\/div>\n<\/div>\n\n<style>\n.scroll-row {\n  overflow: hidden;\n  white-space: nowrap;\n  padding: 15px 0;\n  background: transparent; \/* big box transparent *\/\n}\n\n.scroll-content {\n  display: inline-flex;\n  animation: scroll-left 25s linear infinite; \/* continuous smooth scroll *\/\n}\n\n.scroll-content .item {\n  min-width: 160px;\n  margin: 0 15px;\n  padding: 15px 25px;\n  background: #000; \/* small car box black *\/\n  color: #fff;\n  text-align: center;\n  border-radius: 10px;\n  font-size: 18px;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  \/* softer red neon glow *\/\n  box-shadow: 0 0 3px #ff1a1a,\n              0 0 6px #ff1a1a,\n              0 0 10px #ff1a1a;\n  border: 1px solid #ff1a1a;\n}\n\n@keyframes scroll-left {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); } \/* only half (because we duplicated) *\/\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Our Projects section: Timeline style with deep red boxes, 10 luxury car projects, warranty only on full-body PPF -->\n<section id=\"our-projects\" style=\"font-family:Arial,sans-serif; color:#fff; padding:60px 16px; max-width:1100px; margin:0 auto; background:#111;\">\n  <style>\n    .timeline {\n      position: relative;\n      margin: 40px 0;\n      padding-left: 30px;\n    }\n    .timeline::before {\n      content: \"\";\n      position: absolute;\n      left: 15px;\n      top: 0;\n      bottom: 0;\n      width: 3px;\n      background: #8b0000; \/* deep red line *\/\n      border-radius: 3px;\n    }\n    .timeline-item {\n      position: relative;\n      margin-bottom: 40px;\n      padding-left: 30px;\n    }\n    .timeline-item::before {\n      content: \"\";\n      position: absolute;\n      left: -2px;\n      top: 10px;\n      width: 15px;\n      height: 15px;\n      background: #8b0000; \/* deep red dot *\/\n      border: 3px solid #fff;\n      border-radius: 50%;\n      box-shadow: 0 0 0 3px rgba(139,0,0,0.3);\n    }\n    .timeline-content {\n      background: #8b0000; \/* deep red box *\/\n      border-radius: 12px;\n      padding: 20px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.4);\n      transition: transform .3s ease, box-shadow .3s ease;\n    }\n    .timeline-content:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 6px 16px rgba(0,0,0,0.45);\n    }\n    .timeline-content h3 {\n      margin: 0 0 10px;\n      font-size: 20px;\n      font-weight: 700;\n      color: #fff;\n    }\n    .timeline-content p {\n      font-size: 15px;\n      margin: 6px 0;\n      line-height: 1.6;\n      color: #ffcccc;\n    }\n    .badge-warranty {\n      display: inline-block;\n      background: #fff;\n      color: #8b0000;\n      padding: 6px 12px;\n      border-radius: 999px;\n      font-size: 13px;\n      font-weight: 700;\n      margin-top: 8px;\n    }\n    @media (max-width:600px){\n      .timeline{padding-left:20px;}\n      .timeline-item{padding-left:20px;}\n      .timeline-content{padding:16px;}\n    }\n  <\/style>\n\n  <div style=\"text-align:center; margin-bottom:20px;\">\n    <h2 style=\"font-size:30px;margin-bottom:10px;color:#fff;\">Our Recent Projects<\/h2>\n    <p style=\"font-size:16px;color:#ffcccc;max-width:800px;margin:0 auto;\">We are proud to showcase some of our recent work on luxury vehicles in paint protection, tinting, and detailing. Warranty applies only to full-body PPF services.<\/p>\n  <\/div>\n\n  <div class=\"timeline\">\n    <!-- Project 1 (Full PPF + Ceramic, warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>2025 Lexus LX \u2014 Full PPF + Ceramic Coating<\/h3>\n        <p><strong>Problem:<\/strong> Owner needed long-term protection against scratches and UV damage.<\/p>\n        <p><strong>Solution:<\/strong> Full-body Paint Protection Film and ceramic coating.<\/p>\n        <p><strong>Result:<\/strong> Glossy, fully protected finish with <span class=\"badge-warranty\">10-year warranty<\/span>.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 2 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>BMW 7 Series \u2014 Premium Window Tint<\/h3>\n        <p><strong>Problem:<\/strong> Interior overheating and lack of privacy.<\/p>\n        <p><strong>Solution:<\/strong> Applied premium UV-cut tint.<\/p>\n        <p><strong>Result:<\/strong> Cooler cabin, enhanced privacy.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 3 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Mercedes-Benz GLE \u2014 Detailing<\/h3>\n        <p><strong>Problem:<\/strong> Dull exterior and interior stains.<\/p>\n        <p><strong>Solution:<\/strong> Full interior detailing and exterior polish with wax coating.<\/p>\n        <p><strong>Result:<\/strong> Vehicle looks refreshed and brand-new.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 4 (Full PPF, warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Audi Q8 \u2014 Full PPF<\/h3>\n        <p><strong>Problem:<\/strong> Scratches and stone chips on new car.<\/p>\n        <p><strong>Solution:<\/strong> Full-body paint protection film installation.<\/p>\n        <p><strong>Result:<\/strong> Car fully protected, glossy finish. <span class=\"badge-warranty\">10-year warranty<\/span>.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 5 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Porsche Cayenne \u2014 Ceramic Coating<\/h3>\n        <p><strong>Problem:<\/strong> Protection against environmental damage.<\/p>\n        <p><strong>Solution:<\/strong> Professional ceramic coating applied.<\/p>\n        <p><strong>Result:<\/strong> Long-lasting shine and surface protection.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 6 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Range Rover Sport \u2014 Window Tint + Detailing<\/h3>\n        <p><strong>Problem:<\/strong> Privacy and interior cleanliness issues.<\/p>\n        <p><strong>Solution:<\/strong> Premium tinting and full detailing.<\/p>\n        <p><strong>Result:<\/strong> Comfortable, pristine interior and stylish look.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 7 (Partial PPF, no warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Ferrari Portofino \u2014 Paint Correction + PPF<\/h3>\n        <p><strong>Problem:<\/strong> Minor scratches and swirl marks.<\/p>\n        <p><strong>Solution:<\/strong> Complete paint correction and PPF on vulnerable areas.<\/p>\n        <p><strong>Result:<\/strong> Smooth, scratch-free glossy surface.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 8 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Rolls-Royce Cullinan \u2014 Detailing + Ceramic<\/h3>\n        <p><strong>Problem:<\/strong> Maintain luxury finish for new owner.<\/p>\n        <p><strong>Solution:<\/strong> Full interior and exterior detailing, ceramic coating applied.<\/p>\n        <p><strong>Result:<\/strong> Pristine and protected luxury vehicle.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 9 (Full PPF, warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Bentley Bentayga \u2014 Full PPF<\/h3>\n        <p><strong>Problem:<\/strong> Prevent scratches and preserve paint.<\/p>\n        <p><strong>Solution:<\/strong> Installed full-body paint protection film.<\/p>\n        <p><strong>Result:<\/strong> Glossy finish and long-lasting protection. <span class=\"badge-warranty\">10-year warranty<\/span>.<\/p>\n      <\/div>\n    <\/div>\n    <!-- Project 10 (No warranty) -->\n    <div class=\"timeline-item\">\n      <div class=\"timeline-content\">\n        <h3>Maserati Levante \u2014 Window Tint + Detailing<\/h3>\n        <p><strong>Problem:<\/strong> Excess heat and dust accumulation.<\/p>\n        <p><strong>Solution:<\/strong> Premium tint installation and complete detailing.<\/p>\n        <p><strong>Result:<\/strong> Comfortable, clean, and stylish vehicle.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Cars We\u2019ve Completed Work On Take a look at some of the vehicles we\u2019ve had the privilege to work on. From luxury sedans to powerful SUVs, every car we service receives the same attention to detail and premium care. BMW Mercedes Audi Land Cruiser Porsche Lexus Jetour GMC Ford Rolls Royce Ferrari Lamborghini Bentley Bugatti [&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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":29,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":724,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/724"}],"wp:attachment":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}