{"id":1376208,"date":"2025-11-05T04:11:34","date_gmt":"2025-11-05T04:11:34","guid":{"rendered":"https:\/\/precisiontruckbodyinc.com\/staging\/?page_id=1376208"},"modified":"2025-11-19T05:56:55","modified_gmt":"2025-11-19T05:56:55","slug":"services","status":"publish","type":"page","link":"https:\/\/precisiontruckbodyinc.com\/staging\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- Services Section for Precision Truck Body Inc. -->\n<!-- Divi 5 Code Module - Ready to use -->\n\n<style>\n\/* Services Section Styles *\/\n.ptb-services-section {\n  padding: 80px 0;\n  background-color: #f8f8f8;\n}\n\n.ptb-services-container {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* Header Styles *\/\n.ptb-services-header {\n  text-align: center;\n  margin-bottom: 48px;\n  opacity: 0;\n  animation: fadeIn 0.8s ease-out forwards;\n}\n\n.ptb-services-header h2 {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 16px;\n  line-height: 1.2;\n}\n\n.ptb-services-header p {\n  font-size: 1.125rem;\n  color: #666666;\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* Services Grid *\/\n.ptb-services-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 24px;\n}\n\n\/* Service Card *\/\n.ptb-service-card {\n  background: #ffffff;\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  overflow: hidden;\n  transition: all 0.3s ease;\n  opacity: 0;\n  transform: translateY(20px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.ptb-service-card:nth-child(1) {\n  animation: slideUp 0.5s ease-out 0.2s forwards;\n}\n\n.ptb-service-card:nth-child(2) {\n  animation: slideUp 0.5s ease-out 0.3s forwards;\n}\n\n.ptb-service-card:nth-child(3) {\n  animation: slideUp 0.5s ease-out 0.4s forwards;\n}\n\n.ptb-service-card:nth-child(4) {\n  animation: slideUp 0.5s ease-out 0.5s forwards;\n}\n\n.ptb-service-card:hover {\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n  transform: translateY(-4px);\n}\n\n\/* Image Container *\/\n.ptb-service-image-wrapper {\n  position: relative;\n  height: 192px;\n  overflow: hidden;\n}\n\n.ptb-service-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s ease;\n}\n\n.ptb-service-card:hover .ptb-service-image {\n  transform: scale(1.1);\n}\n\n\/* Image Overlay *\/\n.ptb-service-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(26, 26, 26, 0.8), transparent);\n}\n\n\/* Icon Badge *\/\n.ptb-service-icon-badge {\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  background-color: #d4af37;\n  padding: 12px;\n  border-radius: 8px;\n  z-index: 10;\n}\n\n.ptb-service-icon {\n  width: 24px;\n  height: 24px;\n  color: #ffffff;\n  display: block;\n}\n\n\/* Card Content *\/\n.ptb-service-content {\n  padding: 24px;\n}\n\n.ptb-service-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin-bottom: 12px;\n  line-height: 1.3;\n}\n\n.ptb-service-description {\n  color: #666666;\n  line-height: 1.6;\n  font-size: 0.9375rem;\n}\n\n\/* Animations *\/\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Design *\/\n@media (min-width: 640px) {\n  .ptb-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .ptb-services-header h2 {\n    font-size: 3rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .ptb-services-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n}\n\n@media (max-width: 767px) {\n  .ptb-services-section {\n    padding: 60px 0;\n  }\n  \n  .ptb-services-header {\n    margin-bottom: 32px;\n  }\n  \n  .ptb-services-header h2 {\n    font-size: 2rem;\n  }\n  \n  .ptb-service-content {\n    padding: 20px;\n  }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n  .ptb-service-card,\n  .ptb-service-image,\n  .ptb-services-header {\n    animation: none !important;\n    transition: none !important;\n  }\n  \n  .ptb-service-card {\n    opacity: 1;\n    transform: none;\n  }\n  \n  .ptb-services-header {\n    opacity: 1;\n  }\n}\n<\/style>\n\n<section id=\"services\" class=\"ptb-services-section\">\n  <div class=\"ptb-services-container\">\n    \n    <!-- Header -->\n    <div class=\"ptb-services-header\">\n      <h2>Expert Repairs for Your Commercial Truck & Trailer<\/h2>\n      <p>\n        Professional repair services designed to minimize your downtime and maximize your fleet&#8217;s productivity\n      <\/p>\n    <\/div>\n\n    <!-- Services Grid -->\n    <div class=\"ptb-services-grid\">\n      \n      <!-- Service 1: Truck Body Repairs -->\n      <div class=\"ptb-service-card\">\n        <div class=\"ptb-service-image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/precisiontruckbodyinc.com\/staging\/wp-content\/uploads\/2025\/11\/DSCF0147-scaled.jpg\" \n            alt=\"Truck Body Repairs\"\n            class=\"ptb-service-image\"\n            loading=\"lazy\"\n          \/>\n          <div class=\"ptb-service-overlay\"><\/div>\n          <div class=\"ptb-service-icon-badge\">\n            <!-- Truck Icon -->\n            <svg class=\"ptb-service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\n              <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\n              <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\n              <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"ptb-service-content\">\n          <h3 class=\"ptb-service-title\">Truck Body Repairs<\/h3>\n          <p class=\"ptb-service-description\">\n            Structural repairs, body panel replacements, painting, refinishing, and collision repair services.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Service 2: Trailer Repairs -->\n      <div class=\"ptb-service-card\">\n        <div class=\"ptb-service-image-wrapper\">\n          <img \n            src=https:\/\/precisiontruckbodyinc.com\/staging\/wp-content\/uploads\/2025\/09\/truck-repair.jpg\" \n            alt=\"Trailer Repairs\"\n            class=\"ptb-service-image\"\n            loading=\"lazy\"\n          \/>\n          <div class=\"ptb-service-overlay\"><\/div>\n          <div class=\"ptb-service-icon-badge\">\n            <!-- Settings Icon -->\n            <svg class=\"ptb-service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n              <path d=\"M12 1v6m0 6v6m-6-6H0m6 0h6m6 0h6m-6 0h-6M4.93 4.93l4.24 4.24m5.66 5.66l4.24 4.24M19.07 4.93l-4.24 4.24m-5.66 5.66l-4.24 4.24\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"ptb-service-content\">\n          <h3 class=\"ptb-service-title\">Trailer Repairs<\/h3>\n          <p class=\"ptb-service-description\">\n            Axle repairs, structural fixes, minor welding, door repairs, and hydraulic system maintenance.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Service 3: Engine & Mechanical -->\n      <div class=\"ptb-service-card\">\n        <div class=\"ptb-service-image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?w=800&#038;h=600&#038;fit=crop\" \n            alt=\"Engine &#038; Mechanical Repairs\"\n            class=\"ptb-service-image\"\n            loading=\"lazy\"\n          \/>\n          <div class=\"ptb-service-overlay\"><\/div>\n          <div class=\"ptb-service-icon-badge\">\n            <!-- Cog Icon -->\n            <svg class=\"ptb-service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"><\/path>\n              <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"><\/path>\n              <path d=\"M12 2v2\"><\/path>\n              <path d=\"M12 22v-2\"><\/path>\n              <path d=\"m17 20.66-1-1.73\"><\/path>\n              <path d=\"M11 10.27 7 3.34\"><\/path>\n              <path d=\"m20.66 17-1.73-1\"><\/path>\n              <path d=\"m3.34 7 1.73 1\"><\/path>\n              <path d=\"M14 12h8\"><\/path>\n              <path d=\"M2 12h2\"><\/path>\n              <path d=\"m20.66 7-1.73 1\"><\/path>\n              <path d=\"m3.34 17 1.73-1\"><\/path>\n              <path d=\"m17 3.34-1 1.73\"><\/path>\n              <path d=\"m11 13.73-4 6.93\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"ptb-service-content\">\n          <h3 class=\"ptb-service-title\">Engine &#038; Mechanical<\/h3>\n          <p class=\"ptb-service-description\">\n            Collision-related mechanical repairs including damaged radiators, cooling systems, engine components, suspension, steering systems, and other mechanical parts affected by accident impact.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Service 4: Fleet Maintenance \n      <div class=\"ptb-service-card\">\n        <div class=\"ptb-service-image-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/images.unsplash.com\/photo-1530124566582-a618bc2615dc?w=800&h=600&fit=crop\" \n            alt=\"Fleet Maintenance\"\n            class=\"ptb-service-image\"\n            loading=\"lazy\"\n          \/>\n          <div class=\"ptb-service-overlay\"><\/div>\n          <div class=\"ptb-service-icon-badge\">\n            <!-- Wrench Icon -->\n            <svg class=\"ptb-service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"ptb-service-content\">\n       <!--   <h3 class=\"ptb-service-title\">Fleet Maintenance<\/h3>\n          <p class=\"ptb-service-description\">\n            Oil changes, brake checks, basic electrical fixes, preventive maintenance, and scheduled service programs.\n          <\/p>\n        <\/div>-->\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"> <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1376208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/pages\/1376208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/comments?post=1376208"}],"version-history":[{"count":7,"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/pages\/1376208\/revisions"}],"predecessor-version":[{"id":1376398,"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/pages\/1376208\/revisions\/1376398"}],"wp:attachment":[{"href":"https:\/\/precisiontruckbodyinc.com\/staging\/wp-json\/wp\/v2\/media?parent=1376208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}