{"id":14,"date":"2026-11-01T20:20:43","date_gmt":"2026-11-01T20:20:43","guid":{"rendered":"https:\/\/ljf.cloudartisans-dev.uk\/?page_id=14"},"modified":"2026-11-01T22:13:01","modified_gmt":"2026-11-01T22:13:01","slug":"homepage","status":"publish","type":"page","link":"https:\/\/ljf.cloudartisans-dev.uk\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d37eca9 e-con-full e-flex e-con e-parent\" data-id=\"d37eca9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ff18b8 elementor-widget elementor-widget-html\" data-id=\"3ff18b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* LJF HOMEPAGE HERO *\/\n#ljf-hero {\n  position: relative;\n  width: 100%;\n  min-height: 595px;\n  min-height: max(595px, 75svh);\n  display: flex;\n  align-items: center;\n  background-image:\n    linear-gradient(\n      90deg,\n      rgba(9, 16, 25, .58) 0%,\n      rgba(9, 16, 25, .38) 35%,\n      rgba(9, 16, 25, .08) 75%,\n      rgba(9, 16, 25, 0) 100%\n    ),\n    url('https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/Fostums_External_WEB5-2.webp');\n  background-position: top center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n#ljf-hero * {\n  box-sizing: border-box;\n}\n\n#ljf-hero .ljf-hero-inner {\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: 155px 6.8% 75px;\n}\n\n#ljf-hero .ljf-hero-content {\n  max-width: 690px;\n}\n\n#ljf-hero h1 {\n  color: #fff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(42px, 4.2vw, 68px);\n  font-weight: 400;\n  line-height: 1.05;\n  letter-spacing: -.8px;\n  margin: 0 0 18px;\n}\n\n#ljf-hero .ljf-rule {\n  display: block;\n  width: 110px;\n  height: 1px;\n  background: rgba(255,255,255,.9);\n  margin-bottom: 20px;\n}\n\n#ljf-hero .ljf-hero-description {\n  max-width: 510px;\n  margin: 0 0 25px;\n  color: #fff;\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n#ljf-hero .ljf-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 20px;\n}\n\n#ljf-hero .ljf-hero-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 43px;\n  padding: 14px 30px;\n  text-decoration: none;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  transition: background .2s ease, color .2s ease;\n}\n\n#ljf-hero .ljf-hero-button-primary {\n  background: #14295f;\n  color: #fff;\n  border: 1px solid #14295f;\n}\n\n#ljf-hero .ljf-hero-button-primary:hover {\n  background: #263f7c;\n  color: #fff;\n}\n\n#ljf-hero .ljf-hero-button-outline {\n  background: transparent;\n  color: #fff;\n  border: 1px solid #fff;\n}\n\n#ljf-hero .ljf-hero-button-outline:hover {\n  background: #fff;\n  color: #14295f;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #ljf-hero {\n    min-height: 650px;\n    background-position: 55% center;\n  }\n\n  #ljf-hero .ljf-hero-inner {\n    padding: 155px 6% 70px;\n  }\n\n  #ljf-hero .ljf-hero-content {\n    max-width: 580px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #ljf-hero {\n    min-height: 680px;\n    min-height: 85svh;\n    background-position: 57% center;\n    background-image:\n      linear-gradient(\n        0deg,\n        rgba(9,16,25,.70) 0%,\n        rgba(9,16,25,.38) 55%,\n        rgba(9,16,25,.12) 100%\n      ),\n      url('https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/Fostums_External_WEB5.webp');\n    align-items: flex-end;\n  }\n\n  #ljf-hero .ljf-hero-inner {\n    padding: 145px 6% 65px;\n  }\n\n  #ljf-hero h1 {\n    font-size: clamp(36px, 9vw, 48px);\n    line-height: 1.08;\n  }\n\n  #ljf-hero .ljf-hero-description {\n    font-size: 14px;\n  }\n\n  #ljf-hero .ljf-hero-actions {\n    gap: 12px;\n  }\n\n  #ljf-hero .ljf-hero-button {\n    padding: 14px 18px;\n    font-size: 10px;\n  }\n}\n<\/style>\n\n<section id=\"ljf-hero\" aria-labelledby=\"ljf-hero-title\">\n  <div class=\"ljf-hero-inner\">\n    <div class=\"ljf-hero-content\">\n\n      <h1 id=\"ljf-hero-title\">\n        Building<br>\n        Exceptional Homes<br>\n        Across Kent &amp; Sussex\n      <\/h1>\n\n      <span class=\"ljf-rule\" aria-hidden=\"true\"><\/span>\n\n      <p class=\"ljf-hero-description\">\n        From contemporary new builds to luxury renovations\n        and bespoke construction projects, LJFletcher Builders\n        delivers craftsmanship without compromise.\n      <\/p>\n\n      <div class=\"ljf-hero-actions\">\n        <a href=\"\/projects\/\"\n           class=\"ljf-hero-button ljf-hero-button-primary\">\n          View Our Projects\n        <\/a>\n\n        <a href=\"\/contact\/\"\n           class=\"ljf-hero-button ljf-hero-button-outline\">\n          Start Your Project\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63cfff9 e-con-full e-flex e-con e-parent\" data-id=\"63cfff9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-025bec5 elementor-widget elementor-widget-html\" data-id=\"025bec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ==========================================\n   LJFLETCHER - HOMEPAGE SERVICES STRIP\n   ========================================== *\/\n\n#ljf-services-strip {\n  background: #14295f;\n  color: #ffffff;\n  width: 100%;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#ljf-services-strip,\n#ljf-services-strip * {\n  box-sizing: border-box;\n}\n\n#ljf-services-strip .strip-inner {\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: 24px 5%;\n  display: grid;\n  grid-template-columns: 1.5fr repeat(4, 1fr);\n  align-items: center;\n}\n\n\/* Individual items *\/\n#ljf-services-strip .strip-item {\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 0 18px;\n  border-right: 1px solid rgba(255,255,255,0.3);\n}\n\n#ljf-services-strip .strip-item:last-child {\n  border-right: none;\n}\n\n\/* Custom icons *\/\n#ljf-services-strip .ljf-service-icon {\n  width: 38px;\n  height: 38px;\n  object-fit: contain;\n  flex-shrink: 0;\n  display: block;\n}\n\n\/* Service links *\/\n#ljf-services-strip .strip-item a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  color: #ffffff;\n  text-decoration: none;\n  transition: opacity 0.25s ease;\n}\n\n#ljf-services-strip .strip-item a:hover {\n  opacity: 0.7;\n}\n\n\/* Service labels *\/\n#ljf-services-strip .strip-item span {\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n\/* Trust statement *\/\n#ljf-services-strip .strip-stars {\n  font-size: 19px;\n  letter-spacing: 2px;\n  color: #ffffff;\n  white-space: nowrap;\n}\n\n#ljf-services-strip .strip-trust {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n#ljf-services-strip .strip-trust span {\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media (max-width: 1100px) {\n\n  #ljf-services-strip .strip-inner {\n    grid-template-columns: repeat(2, 1fr);\n    padding: 15px 5%;\n  }\n\n  #ljf-services-strip .strip-item {\n    padding: 18px 12px;\n    border-right: none;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n  }\n\n  #ljf-services-strip .strip-item:first-child {\n    grid-column: 1 \/ -1;\n  }\n\n  #ljf-services-strip .strip-item:last-child,\n  #ljf-services-strip .strip-item:nth-last-child(2) {\n    border-bottom: none;\n  }\n}\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media (max-width: 600px) {\n\n  #ljf-services-strip .strip-inner {\n    padding: 12px 4%;\n  }\n\n  #ljf-services-strip .strip-item {\n    padding: 16px 8px;\n    gap: 8px;\n  }\n\n  #ljf-services-strip .ljf-service-icon {\n    width: 30px;\n    height: 30px;\n  }\n\n  #ljf-services-strip .strip-item a {\n    flex-direction: column;\n    gap: 8px;\n    text-align: center;\n  }\n\n  #ljf-services-strip .strip-item span {\n    font-size: 11px;\n    white-space: normal;\n    text-align: center;\n  }\n\n  #ljf-services-strip .strip-trust {\n    flex-direction: column;\n    gap: 5px;\n    text-align: center;\n  }\n\n  #ljf-services-strip .strip-stars {\n    font-size: 18px;\n  }\n}\n<\/style>\n\n<section id=\"ljf-services-strip\" aria-label=\"Our expertise\">\n\n  <div class=\"strip-inner\">\n\n    <!-- TRUST STATEMENT -->\n    <div class=\"strip-item\">\n      <div class=\"strip-trust\">\n        <div class=\"strip-stars\" aria-label=\"Five stars\">\n          \u2605\u2605\u2605\u2605\u2605\n        <\/div>\n        <span>\n          Trusted by homeowners<br>\n          across Kent &amp; Sussex\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- NEW BUILDS -->\n    <div class=\"strip-item\">\n      <a href=\"\/services\/\">\n        <img decoding=\"async\"\n          src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/3.png\"\n          alt=\"\"\n          class=\"ljf-service-icon\"\n          loading=\"lazy\"\n        >\n        <span>New Builds<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- EXTENSIONS -->\n    <div class=\"strip-item\">\n      <a href=\"\/services\/\">\n        <img decoding=\"async\"\n          src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/4.png\"\n          alt=\"\"\n          class=\"ljf-service-icon\"\n          loading=\"lazy\"\n        >\n        <span>Extensions<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- RENOVATIONS -->\n    <div class=\"strip-item\">\n      <a href=\"\/services\/\">\n        <img decoding=\"async\"\n          src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/5.png\"\n          alt=\"\"\n          class=\"ljf-service-icon\"\n          loading=\"lazy\"\n        >\n        <span>Renovations<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- BESPOKE CONSTRUCTION -->\n    <div class=\"strip-item\">\n      <a href=\"\/services\/\">\n        <img decoding=\"async\"\n          src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/6.png\"\n          alt=\"\"\n          class=\"ljf-service-icon\"\n          loading=\"lazy\"\n        >\n        <span>Bespoke Construction<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c71baaf e-con-full e-flex e-con e-parent\" data-id=\"c71baaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50d3680 elementor-widget elementor-widget-html\" data-id=\"50d3680\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ==========================================\n   LJFLETCHER - FEATURED PROJECTS\n   ========================================== *\/\n\n#ljf-featured {\n  background: #f7f7f5;\n  color: #1b2438;\n  width: 100%;\n  padding: 65px 0 75px;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#ljf-featured,\n#ljf-featured * {\n  box-sizing: border-box;\n}\n\n#ljf-featured .featured-inner {\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: 0 5%;\n  display: grid;\n  grid-template-columns: 1.25fr repeat(4, 1fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n\/* Introduction *\/\n#ljf-featured .featured-intro {\n  padding: 10px 28px 0 0;\n}\n\n#ljf-featured .featured-eyebrow {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n\n#ljf-featured .featured-intro h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(32px, 3vw, 46px);\n  font-weight: 400;\n  line-height: 1.1;\n  color: #1b2438;\n  margin: 0 0 22px;\n}\n\n#ljf-featured .featured-intro p {\n  max-width: 310px;\n  font-size: 13px;\n  line-height: 1.8;\n  color: #404653;\n  margin: 0 0 25px;\n}\n\n#ljf-featured .featured-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #14295f;\n  color: #ffffff;\n  text-decoration: none;\n  padding: 15px 22px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n  transition: background .25s ease;\n}\n\n#ljf-featured .featured-button:hover {\n  background: #263f7c;\n  color: #fff;\n}\n\n\/* Project cards *\/\n#ljf-featured .project-card {\n  position: relative;\n  display: block;\n  height: 350px;\n  overflow: hidden;\n  border-radius: 4px;\n  color: #fff;\n  text-decoration: none;\n  isolation: isolate;\n}\n\n#ljf-featured .project-card img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .6s ease;\n}\n\n#ljf-featured .project-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(\n    180deg,\n    rgba(0,0,0,0) 35%,\n    rgba(0,0,0,.2) 60%,\n    rgba(0,0,0,.78) 100%\n  );\n  pointer-events: none;\n}\n\n#ljf-featured .project-card:hover img {\n  transform: scale(1.06);\n}\n\n#ljf-featured .project-info {\n  position: absolute;\n  bottom: 24px;\n  left: 20px;\n  right: 15px;\n  z-index: 2;\n}\n\n#ljf-featured .project-info h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #fff;\n  font-size: clamp(20px, 1.6vw, 27px);\n  font-weight: 400;\n  line-height: 1.2;\n  margin: 0 0 5px;\n}\n\n#ljf-featured .project-info span {\n  display: block;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  #ljf-featured .featured-inner {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  #ljf-featured .featured-intro {\n    grid-column: 1 \/ -1;\n    padding: 0 0 12px;\n  }\n\n  #ljf-featured .featured-intro p {\n    max-width: 600px;\n  }\n\n  #ljf-featured .project-card {\n    height: 350px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #ljf-featured {\n    padding: 45px 0 55px;\n  }\n\n  #ljf-featured .featured-inner {\n    padding: 0 5%;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  #ljf-featured .featured-intro h2 {\n    font-size: 36px;\n  }\n\n  #ljf-featured .project-card {\n    height: 255px;\n  }\n\n  #ljf-featured .project-info {\n    left: 12px;\n    right: 10px;\n    bottom: 15px;\n  }\n\n  #ljf-featured .project-info h3 {\n    font-size: 21px;\n  }\n\n  #ljf-featured .project-info span {\n    font-size: 11px;\n  }\n}\n\n@media (max-width: 380px) {\n  #ljf-featured .featured-inner {\n    grid-template-columns: 1fr;\n  }\n\n  #ljf-featured .project-card {\n    height: 300px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ljf-featured .project-card img {\n    transition: none;\n  }\n}\n<\/style>\n\n<section id=\"ljf-featured\" aria-labelledby=\"ljf-featured-title\">\n  <div class=\"featured-inner\">\n\n    <!-- INTRODUCTION -->\n    <div class=\"featured-intro\">\n      <span class=\"featured-eyebrow\">Featured Projects<\/span>\n\n      <h2 id=\"ljf-featured-title\">\n        Built Around<br>Quality\n      <\/h2>\n\n      <p>\n        Every project is different, but our approach\n        remains the same: exceptional workmanship,\n        clear communication and attention to every detail.\n      <\/p>\n\n      <a href=\"\/projects\/\" class=\"featured-button\">\n        View All Projects\n      <\/a>\n    <\/div>\n\n    <!-- FOSTUMS -->\n    <a href=\"\/projects\/\" class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/FOSTUMS.webp\"\n        alt=\"Contemporary residential building at Fostums\"\n        loading=\"lazy\"\n      >\n      <div class=\"project-info\">\n        <h3>Fostums<\/h3>\n        <span>New Build<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- WILD HAVEN -->\n    <a href=\"\/projects\/\" class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/WILD-HAVEN.webp\"\n        alt=\"Wild Haven building project\"\n        loading=\"lazy\"\n      >\n      <div class=\"project-info\">\n        <h3>Wild Haven<\/h3>\n        <span>Countryside Home<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- CAMBER -->\n    <a href=\"\/projects\/\" class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/CAMBER.webp\"\n        alt=\"Camber building project\"\n        loading=\"lazy\"\n      >\n      <div class=\"project-info\">\n        <h3>Camber<\/h3>\n        <span>Holiday Home<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- BEXHILL -->\n    <a href=\"\/projects\/\" class=\"project-card\">\n      <img decoding=\"async\"\n        src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/Bexhill.webp\"\n        alt=\"Bexhill building project\"\n        loading=\"lazy\"\n      >\n      <div class=\"project-info\">\n        <h3>Bexhill<\/h3>\n        <span>Coastal Build<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be2c470 e-con-full e-flex e-con e-parent\" data-id=\"be2c470\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e5639d elementor-widget elementor-widget-html\" data-id=\"6e5639d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ======================================\n   LJFLETCHER - ABOUT HOMEPAGE SECTION\n   ====================================== *\/\n\n#ljf-about {\n  width: 100%;\n  background: #f2f0eb;\n  padding: 90px 5%;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #202a3d;\n}\n\n#ljf-about,\n#ljf-about * {\n  box-sizing: border-box;\n}\n\n#ljf-about .about-inner {\n  max-width: 1450px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(35px, 6vw, 100px);\n  align-items: center;\n}\n\n\/* Photograph *\/\n\n#ljf-about .about-image {\n  position: relative;\n  height: 590px;\n  overflow: hidden;\n}\n\n#ljf-about .about-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Established badge *\/\n\n#ljf-about .about-established {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  background: #14295f;\n  color: #ffffff;\n  padding: 22px 30px;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n#ljf-about .about-established strong {\n  color: #ffffff;\n  font-family: Georgia, serif;\n  font-size: 29px;\n  font-weight: 400;\n}\n\n#ljf-about .about-established span {\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\/* Content *\/\n\n#ljf-about .about-eyebrow {\n  display: block;\n  font-size: 11px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  font-weight: 700;\n  color: #14295f;\n  margin-bottom: 22px;\n}\n\n#ljf-about h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(36px, 3.6vw, 42px);\n  font-weight: 400;\n  line-height: 1.12;\n  letter-spacing: -1px;\n  color: #1b2438;\n  margin: 0 0 28px;\n}\n\n#ljf-about .about-content p {\n  font-size: 15px;\n  line-height: 1.9;\n  color: #4d5260;\n  margin: 0 0 19px;\n}\n\n\/* Testimonial *\/\n\n#ljf-about .about-quote {\n  border-left: 2px solid #14295f;\n  padding: 4px 0 4px 22px;\n  margin: 30px 0;\n}\n\n#ljf-about .about-quote blockquote {\n  font-family: Georgia, serif;\n  font-size: 19px;\n  line-height: 1.55;\n  font-style: italic;\n  color: #25334f;\n  margin: 0 0 12px;\n}\n\n#ljf-about .about-quote cite {\n  font-size: 11px;\n  font-style: normal;\n  text-transform: uppercase;\n  letter-spacing: 1.3px;\n  color: #626775;\n}\n\n\/* Button *\/\n\n#ljf-about .about-button {\n  display: inline-block;\n  background: #14295f;\n  color: #ffffff;\n  padding: 17px 27px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: background .25s ease;\n}\n\n#ljf-about .about-button:hover {\n  background: #29427e;\n  color: #ffffff;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  #ljf-about {\n    padding: 65px 5%;\n  }\n\n  #ljf-about .about-inner {\n    gap: 35px;\n  }\n\n  #ljf-about .about-image {\n    height: 510px;\n  }\n\n  #ljf-about h2 {\n    font-size: 38px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  #ljf-about {\n    padding: 50px 5%;\n  }\n\n  #ljf-about .about-inner {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  #ljf-about .about-image {\n    height: 380px;\n  }\n\n  #ljf-about h2 {\n    font-size: 27px;\n  }\n\n  #ljf-about .about-content p {\n    font-size: 14px;\n  }\n\n  #ljf-about .about-quote blockquote {\n    font-size: 18px;\n  }\n\n  #ljf-about .about-established {\n    padding: 15px 20px;\n  }\n}\n<\/style>\n\n<section id=\"ljf-about\" aria-labelledby=\"ljf-about-title\">\n\n  <div class=\"about-inner\">\n\n    <!-- LEFT: PROJECT PHOTOGRAPH -->\n\n    <div class=\"about-image\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/LFG_0187-1-670x447-1.jpg\"\n        alt=\"A completed LJFletcher Builders project in Kent\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"about-established\">\n        <strong>2010<\/strong>\n        <span>Established in Kent<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT: COMPANY INTRODUCTION -->\n\n    <div class=\"about-content\">\n\n      <span class=\"about-eyebrow\">\n        About LJFletcher Builders\n      <\/span>\n\n      <h2 id=\"ljf-about-title\">\n        Exceptional Craftsmanship.<br>\n        Thoughtfully Delivered.\n      <\/h2>\n\n      <p>\n        Established in 2010 by Lee Fletcher,\n        LJFletcher Builders is a Kent-based\n        building contractor specialising in\n        the design, construction and restoration\n        of contemporary and traditional homes.\n      <\/p>\n\n      <p>\n        From bespoke new builds to carefully\n        considered renovations, we bring\n        together experienced craftspeople,\n        trusted tradespeople and a commitment\n        to exceptional standards.\n      <\/p>\n\n      <p>\n        We believe that successful building\n        projects are built on trust, attention\n        to detail and clear communication,\n        delivering beautiful homes and a\n        professional, personal service\n        throughout every stage.\n      <\/p>\n\n      <!-- CUSTOMER TESTIMONIAL -->\n\n      <div class=\"about-quote\">\n\n        <blockquote>\n          \u201cAll building projects have the\n          potential to be difficult so it's\n          important to have a builder who\n          you can trust, who has exacting\n          standards and goes out of his way\n          to make life as easy as possible\n          for the client.\u201d\n        <\/blockquote>\n\n        <cite>\n          Bakers Farmhouse Customers\n        <\/cite>\n\n      <\/div>\n\n      <a href=\"\/about-us\/\" class=\"about-button\">\n        Discover Our Story\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee697dd e-con-full e-flex e-con e-parent\" data-id=\"ee697dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db982c0 elementor-widget elementor-widget-html\" data-id=\"db982c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ==========================================\n   LJFLETCHER - OUR EXPERTISE SECTION\n   ========================================== *\/\n\n#ljf-expertise {\n  background: #ffffff;\n  padding: 90px 5% 100px;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #1b2438;\n}\n\n#ljf-expertise,\n#ljf-expertise * {\n  box-sizing: border-box;\n}\n\n#ljf-expertise .expertise-inner {\n  max-width: 1450px;\n  margin: 0 auto;\n}\n\n\/* Section introduction *\/\n\n#ljf-expertise .expertise-heading {\n  max-width: 760px;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n\n#ljf-expertise .expertise-eyebrow {\n  display: block;\n  color: #14295f;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n#ljf-expertise h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #1b2438;\n  font-size: clamp(36px, 3.5vw, 52px);\n  font-weight: 400;\n  line-height: 1.15;\n  margin: 0 0 18px;\n}\n\n#ljf-expertise .expertise-heading p {\n  color: #505869;\n  font-size: 15px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* Four-column layout *\/\n\n#ljf-expertise .expertise-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 22px;\n}\n\n\/* Service cards *\/\n\n#ljf-expertise .expertise-card {\n  min-width: 0;\n}\n\n#ljf-expertise .expertise-image {\n  display: block;\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 \/ 4.5;\n  overflow: hidden;\n  background: #e7e7e5;\n  margin-bottom: 24px;\n}\n\n#ljf-expertise .expertise-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform .6s ease;\n}\n\n#ljf-expertise .expertise-image:hover img {\n  transform: scale(1.055);\n}\n\n\/* Small navy accent *\/\n\n#ljf-expertise .expertise-card::before {\n  content: \"\";\n  display: none;\n}\n\n#ljf-expertise .expertise-number {\n  display: block;\n  color: #7c8599;\n  font-size: 11px;\n  letter-spacing: 1.5px;\n  margin-bottom: 13px;\n}\n\n#ljf-expertise h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #1b2438;\n  font-size: clamp(23px, 1.8vw, 29px);\n  line-height: 1.2;\n  font-weight: 400;\n  margin: 0 0 14px;\n}\n\n#ljf-expertise .expertise-card p {\n  color: #505869;\n  font-size: 13px;\n  line-height: 1.85;\n  margin: 0 0 20px;\n}\n\n\/* Links *\/\n\n#ljf-expertise .expertise-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: #14295f;\n  text-decoration: none;\n  text-transform: uppercase;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.3px;\n  padding-bottom: 7px;\n  border-bottom: 1px solid #14295f;\n  transition: gap .25s ease, opacity .25s ease;\n}\n\n#ljf-expertise .expertise-link:hover {\n  gap: 16px;\n  opacity: .75;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  #ljf-expertise {\n    padding: 70px 5%;\n  }\n\n  #ljf-expertise .expertise-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 42px 22px;\n  }\n\n  #ljf-expertise .expertise-image {\n    aspect-ratio: 4 \/ 3.5;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 600px) {\n  #ljf-expertise {\n    padding: 55px 5% 65px;\n  }\n\n  #ljf-expertise .expertise-heading {\n    margin-bottom: 35px;\n  }\n\n  #ljf-expertise h2 {\n    font-size: 37px;\n  }\n\n  #ljf-expertise .expertise-heading p {\n    font-size: 14px;\n  }\n\n  #ljf-expertise .expertise-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  #ljf-expertise .expertise-image {\n    aspect-ratio: 4 \/ 3;\n    margin-bottom: 20px;\n  }\n\n  #ljf-expertise h3 {\n    font-size: 28px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ljf-expertise .expertise-image img,\n  #ljf-expertise .expertise-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section id=\"ljf-expertise\" aria-labelledby=\"ljf-expertise-title\">\n\n  <div class=\"expertise-inner\">\n\n    <!-- SECTION HEADING -->\n\n    <div class=\"expertise-heading\">\n\n      <span class=\"expertise-eyebrow\">\n        What We Do\n      <\/span>\n\n      <h2 id=\"ljf-expertise-title\">\n        Our Expertise\n      <\/h2>\n\n      <p>\n        From initial concepts to the finishing touches,\n        we bring together skilled craftsmanship,\n        thoughtful design and a commitment to quality.\n      <\/p>\n\n    <\/div>\n\n    <!-- SERVICE CARDS -->\n\n    <div class=\"expertise-grid\">\n\n      <!-- NEW BUILDS -->\n\n      <article class=\"expertise-card\">\n\n        <a href=\"\/services\/\" class=\"expertise-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/22-2-670x447-1.jpg\"\n            alt=\"Contemporary new build by LJFletcher Builders\"\n            loading=\"lazy\"\n          >\n        <\/a>\n\n        <span class=\"expertise-number\">01 \/<\/span>\n\n        <h3>New Builds<\/h3>\n\n        <p>\n          Beautifully crafted homes built around\n          your vision, combining considered\n          design with exceptional workmanship.\n        <\/p>\n\n        <a href=\"\/services\/\" class=\"expertise-link\">\n          Explore Service <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n      <!-- EXTENSIONS -->\n\n      <article class=\"expertise-card\">\n\n        <a href=\"\/services\/\" class=\"expertise-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/LFG_0228-670x447-1.jpg\"\n            alt=\"Residential extension by LJFletcher Builders\"\n            loading=\"lazy\"\n          >\n        <\/a>\n\n        <span class=\"expertise-number\">02 \/<\/span>\n\n        <h3>Extensions<\/h3>\n\n        <p>\n          Thoughtfully designed extensions\n          that create additional space while\n          complementing the character\n          of your existing home.\n        <\/p>\n\n        <a href=\"\/services\/\" class=\"expertise-link\">\n          Explore Service <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n      <!-- RENOVATIONS -->\n\n      <article class=\"expertise-card\">\n\n        <a href=\"\/services\/\" class=\"expertise-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/LFH_0057-670x1004-1.jpg\"\n            alt=\"Renovation and restoration by LJFletcher Builders\"\n            loading=\"lazy\"\n          >\n        <\/a>\n\n        <span class=\"expertise-number\">03 \/<\/span>\n\n        <h3>Renovations &amp; Restoration<\/h3>\n\n        <p>\n          Transforming and restoring existing\n          properties with care, craftsmanship\n          and respect for their original character.\n        <\/p>\n\n        <a href=\"\/services\/\" class=\"expertise-link\">\n          Explore Service <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n      <!-- BESPOKE CONSTRUCTION -->\n\n      <article class=\"expertise-card\">\n\n        <a href=\"\/services\/\" class=\"expertise-image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/ljf.cloudartisans-dev.uk\/wp-content\/uploads\/2026\/11\/DSC_0170-670x1011-1.jpg\"\n            alt=\"Bespoke architectural construction detail\"\n            loading=\"lazy\"\n          >\n        <\/a>\n\n        <span class=\"expertise-number\">04 \/<\/span>\n\n        <h3>Bespoke Construction<\/h3>\n\n        <p>\n          Individual spaces and distinctive\n          architectural details, expertly\n          realised through careful planning\n          and skilled construction.\n        <\/p>\n\n        <a href=\"\/services\/\" class=\"expertise-link\">\n          Explore Service <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcdad37 e-con-full e-flex e-con e-parent\" data-id=\"bcdad37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06bd969 elementor-widget elementor-widget-html\" data-id=\"06bd969\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ======================================\n   LJFLETCHER - COMPACT FRAMED NAVY CTA\n   ====================================== *\/\n\n#ljf-final-cta {\n  width: 100%;\n  background: #20386b;\n  padding: 20px;\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n\n#ljf-final-cta * {\n  box-sizing: border-box;\n}\n\n#ljf-final-cta .cta-frame {\n  border: 1px solid rgba(255,255,255,0.65);\n  padding: 40px 30px;\n  text-align: center;\n}\n\n#ljf-final-cta .cta-inner {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n#ljf-final-cta .cta-eyebrow {\n  display: block;\n  color: #e4e9f4;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n\n#ljf-final-cta h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #ffffff;\n  font-size: clamp(34px, 4vw, 54px);\n  font-weight: 400;\n  line-height: 1.15;\n  margin: 0 0 8px;\n}\n\n#ljf-final-cta .cta-subheading {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #ffffff;\n  font-size: clamp(21px, 2.3vw, 29px);\n  font-style: italic;\n  line-height: 1.35;\n  margin: 0 0 15px;\n}\n\n#ljf-final-cta .cta-description {\n  color: #e4e9f4;\n  font-size: 14px;\n  line-height: 1.7;\n  max-width: 580px;\n  margin: 0 auto 22px;\n}\n\n#ljf-final-cta .cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  background: #ffffff;\n  color: #14295f;\n  padding: 15px 26px;\n  text-decoration: none;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  transition: background .25s ease,\n              transform .25s ease;\n}\n\n#ljf-final-cta .cta-button:hover {\n  background: #e8edf7;\n  color: #14295f;\n  transform: translateY(-2px);\n}\n\n#ljf-final-cta .cta-arrow {\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 400;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1024px) {\n  #ljf-final-cta .cta-frame {\n    padding: 38px 25px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  #ljf-final-cta {\n    padding: 12px;\n  }\n\n  #ljf-final-cta .cta-frame {\n    padding: 35px 18px;\n  }\n\n  #ljf-final-cta .cta-eyebrow {\n    font-size: 10px;\n    margin-bottom: 12px;\n  }\n\n  #ljf-final-cta h2 {\n    font-size: 34px;\n    margin-bottom: 10px;\n  }\n\n  #ljf-final-cta .cta-subheading {\n    font-size: 22px;\n    margin-bottom: 16px;\n  }\n\n  #ljf-final-cta .cta-description {\n    font-size: 13px;\n    line-height: 1.7;\n    margin-bottom: 22px;\n  }\n\n  #ljf-final-cta .cta-button {\n    padding: 15px 20px;\n    font-size: 10px;\n    letter-spacing: 1px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ljf-final-cta .cta-button {\n    transition: none;\n  }\n}\n<\/style>\n\n<section id=\"ljf-final-cta\"\n  aria-labelledby=\"ljf-cta-title\">\n\n  <div class=\"cta-frame\">\n\n    <div class=\"cta-inner\">\n\n      <span class=\"cta-eyebrow\">\n        Let's Work Together\n      <\/span>\n\n      <h2 id=\"ljf-cta-title\">\n        Have a Project in Mind?\n      <\/h2>\n\n      <p class=\"cta-subheading\">\n        Let's build something exceptional.\n      <\/p>\n\n      <p class=\"cta-description\">\n        Whether you're planning a bespoke new\n        build, an extension or the transformation\n        of an existing property, we'd love to\n        hear about your ideas.\n      <\/p>\n\n      <a href=\"\/contact\/\" class=\"cta-button\">\n        Start Your Project\n        <span class=\"cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\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>Building Exceptional Homes Across Kent &amp; Sussex From contemporary new builds to luxury renovations and bespoke construction projects, LJFletcher Builders delivers craftsmanship without compromise. View Our Projects Start Your Project \u2605\u2605\u2605\u2605\u2605 Trusted by homeowners across Kent &amp; Sussex New Builds Extensions Renovations Bespoke Construction Featured Projects Built AroundQuality Every project is different, but our approach [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":37,"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":191,"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/191"}],"wp:attachment":[{"href":"https:\/\/ljf.cloudartisans-dev.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}