{"id":501,"date":"2016-09-27T15:47:43","date_gmt":"2016-09-27T15:47:43","guid":{"rendered":"http:\/\/fitness2.mythemecloud.io\/?page_id=501"},"modified":"2026-03-14T10:40:58","modified_gmt":"2026-03-14T10:40:58","slug":"programs","status":"publish","type":"page","link":"https:\/\/www.blueinktrading.co.za\/?page_id=501","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"501\" class=\"elementor elementor-501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa65773 e-flex e-con-boxed e-con e-parent\" data-id=\"aa65773\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c53ada2 elementor-widget elementor-widget-html\" data-id=\"c53ada2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLUE INK TRADING - SERVICES ONLY -->\n<!-- Paste this entire code into an Elementor HTML widget -->\n\n<div class=\"bit-wrapper\">\n  \n<style>\n\/* ============================================\n   BLUE INK TRADING - SERVICES ONLY\n   ============================================ *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\n\n.bit-wrapper {\n  --bit-primary: #d11c1c;\n  --bit-primary-dark: #a31515;\n  --bit-dark: #1a1a1a;\n  --bit-light: #f8f9fa;\n  --bit-gray: #6c757d;\n  --bit-white: #ffffff;\n  --bit-shadow: 0 10px 40px rgba(0,0,0,0.1);\n  --bit-shadow-hover: 0 20px 60px rgba(0,0,0,0.15);\n  --bit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  \n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  line-height: 1.7;\n  overflow-x: hidden;\n  font-size: 18px;\n}\n\n.bit-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 60px 20px;\n}\n\n\/* Typography *\/\n.bit-title {\n  font-size: 52px;\n  font-weight: 800;\n  text-align: center;\n  margin-bottom: 20px;\n  color: var(--bit-dark);\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  letter-spacing: -1px;\n}\n\n.bit-title::after {\n  content: '';\n  display: block;\n  width: 80px;\n  height: 4px;\n  background: var(--bit-primary);\n  margin: 15px auto 0;\n  border-radius: 2px;\n  transition: width 0.4s ease;\n}\n\n.bit-subtitle {\n  text-align: center;\n  color: var(--bit-gray);\n  font-size: 22px;\n  margin-bottom: 50px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* Services Grid *\/\n.bit-services-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 30px;\n  margin-top: 40px;\n}\n\n.bit-service-card {\n  background: var(--bit-white);\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: var(--bit-shadow);\n  transition: var(--bit-transition);\n  position: relative;\n  border: 1px solid rgba(0,0,0,0.05);\n}\n\n.bit-service-card:hover {\n  transform: translateY(-15px);\n  box-shadow: var(--bit-shadow-hover);\n}\n\n.bit-service-image {\n  width: 100%;\n  height: 220px;\n  object-fit: cover;\n  transition: var(--bit-transition);\n  display: block;\n}\n\n.bit-service-card:hover .bit-service-image {\n  transform: scale(1.05);\n}\n\n.bit-service-content {\n  padding: 25px;\n  text-align: center;\n  background: var(--bit-white);\n  position: relative;\n}\n\n.bit-service-content::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 40px;\n  height: 40px;\n  background: var(--bit-primary);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  box-shadow: 0 4px 15px rgba(209,28,28,0.3);\n  z-index: 2;\n}\n\n.bit-service-card:nth-child(1) .bit-service-content::before { content: '\ud83d\udd28'; }\n.bit-service-card:nth-child(2) .bit-service-content::before { content: '\ud83c\udfa8'; }\n.bit-service-card:nth-child(3) .bit-service-content::before { content: '\ud83d\udcd0'; }\n.bit-service-card:nth-child(4) .bit-service-content::before { content: '\ud83c\udfad'; }\n\n.bit-service-title {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--bit-dark);\n  margin-top: 15px;\n  margin-bottom: 0;\n  letter-spacing: 0.5px;\n}\n\n.bit-service-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.7) 100%);\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 30px;\n}\n\n.bit-service-card:hover .bit-service-overlay {\n  opacity: 1;\n}\n\n.bit-service-overlay-text {\n  color: white;\n  font-weight: 600;\n  font-size: 18px;\n  transform: translateY(20px);\n  transition: transform 0.4s ease;\n}\n\n.bit-service-card:hover .bit-service-overlay-text {\n  transform: translateY(0);\n}\n\n\/* Free Quote Card *\/\n.bit-quote-card {\n  background: linear-gradient(135deg, var(--bit-primary) 0%, var(--bit-primary-dark) 100%);\n  border-radius: 20px;\n  padding: 40px 30px;\n  text-align: center;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  box-shadow: var(--bit-shadow);\n  transition: var(--bit-transition);\n  position: relative;\n  overflow: hidden;\n}\n\n.bit-quote-card::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n  animation: rotate 15s linear infinite;\n}\n\n@keyframes rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.bit-quote-card:hover {\n  transform: translateY(-15px) scale(1.02);\n  box-shadow: 0 25px 50px rgba(209,28,28,0.3);\n}\n\n.bit-quote-icon {\n  font-size: 48px;\n  margin-bottom: 15px;\n  position: relative;\n  z-index: 1;\n}\n\n.bit-quote-title {\n  font-size: 26px;\n  font-weight: 700;\n  position: relative;\n  z-index: 1;\n}\n\n.bit-quote-subtitle {\n  font-size: 16px;\n  opacity: 0.9;\n  margin-top: 8px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .bit-title {\n    font-size: 40px;\n  }\n  \n  .bit-services-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .bit-service-image {\n    height: 180px;\n  }\n}\n\n<\/style>\n\n<div class=\"bit-container\">\n\n  <!-- SERVICES -->\n  <div class=\"bit-section\">\n    <h2 class=\"bit-title\">Our Services<\/h2>\n    <p class=\"bit-subtitle\">Comprehensive panel beating solutions<\/p>\n    \n    <div class=\"bit-services-grid\">\n      <!-- Panel Beating -->\n      <div class=\"bit-service-card\">\n        <div style=\"position: relative; overflow: hidden;\">\n          <img decoding=\"async\" src=\"https:\/\/www.blueinktrading.co.za\/wp-content\/uploads\/2026\/03\/Panel-Beating.jpg\" alt=\"Panel Beating\" class=\"bit-service-image\">\n          <div class=\"bit-service-overlay\">\n            <span class=\"bit-service-overlay-text\">Expert Repair Services<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"bit-service-content\">\n          <h4 class=\"bit-service-title\">Panel Beating<\/h4>\n        <\/div>\n      <\/div>\n\n      <!-- Spray Painting -->\n      <div class=\"bit-service-card\">\n        <div style=\"position: relative; overflow: hidden;\">\n          <img decoding=\"async\" src=\"https:\/\/www.blueinktrading.co.za\/wp-content\/uploads\/2026\/03\/Spray-Painting.jpg\" alt=\"Spray Painting\" class=\"bit-service-image\">\n          <div class=\"bit-service-overlay\">\n            <span class=\"bit-service-overlay-text\">Factory Finish Quality<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"bit-service-content\">\n          <h4 class=\"bit-service-title\">Spray Painting<\/h4>\n        <\/div>\n      <\/div>\n\n      <!-- Chassis Straightening -->\n      <div class=\"bit-service-card\">\n        <div style=\"position: relative; overflow: hidden;\">\n          <img decoding=\"async\" src=\"https:\/\/www.blueinktrading.co.za\/wp-content\/uploads\/2026\/03\/Chassis-Straightening.jpg\" alt=\"Chassis Straightening\" class=\"bit-service-image\">\n          <div class=\"bit-service-overlay\">\n            <span class=\"bit-service-overlay-text\">Precision Alignment<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"bit-service-content\">\n          <h4 class=\"bit-service-title\">Chassis Straightening<\/h4>\n        <\/div>\n      <\/div>\n\n      <!-- Colour Matching -->\n      <div class=\"bit-service-card\">\n        <div style=\"position: relative; overflow: hidden;\">\n          <img decoding=\"async\" src=\"https:\/\/www.blueinktrading.co.za\/wp-content\/uploads\/2026\/03\/Colour-Matching.jpg\" alt=\"Colour Matching\" class=\"bit-service-image\">\n          <div class=\"bit-service-overlay\">\n            <span class=\"bit-service-overlay-text\">Perfect Color Blend<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"bit-service-content\">\n          <h4 class=\"bit-service-title\">Colour Matching<\/h4>\n        <\/div>\n      <\/div>\n\n      <!-- Free Quotes -->\n      <div class=\"bit-quote-card\">\n        <div class=\"bit-quote-icon\">\ud83d\udcdd<\/div>\n        <h4 class=\"bit-quote-title\">Free Quotes<\/h4>\n        <p class=\"bit-quote-subtitle\">No obligation estimates for all your vehicle repair needs<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<\/div>\n<!-- END BLUE INK TRADING SERVICES -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services Comprehensive panel beating solutions Expert Repair Services Panel Beating Factory Finish Quality Spray Painting Precision Alignment Chassis Straightening Perfect Color Blend Colour Matching \ud83d\udcdd Free Quotes No obligation estimates for all your vehicle repair needs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-width","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","omw_enable_modal_window":"enable","footnotes":""},"class_list":["post-501","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/pages\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=501"}],"version-history":[{"count":5,"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/pages\/501\/revisions"}],"predecessor-version":[{"id":1215,"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=\/wp\/v2\/pages\/501\/revisions\/1215"}],"wp:attachment":[{"href":"https:\/\/www.blueinktrading.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}