patx/rcraft_const
initial launch candidate
Commit f715f95 · patx · 2026-09-09T18:20:18-04:00
Comments
No comments yet.
Diff
diff --git a/docs/addition.png b/docs/addition.png
new file mode 100644
index 0000000..c120dc6
Binary files /dev/null and b/docs/addition.png differ
diff --git a/docs/assets/detail.js b/docs/assets/detail.js
new file mode 100644
index 0000000..04eb8cd
--- /dev/null
+++ b/docs/assets/detail.js
@@ -0,0 +1,28 @@
+const siteNav = document.querySelector('.site-nav');
+const toggle = siteNav.querySelector('.nav-toggle');
+const cta = document.querySelector('.mobile-cta');
+const hero = document.getElementById('hero');
+const mobile = window.matchMedia('(max-width: 600px)');
+function setMenu(open) {
+ siteNav.classList.toggle('is-open', open);
+ toggle.setAttribute('aria-expanded', String(open));
+ toggle.setAttribute('aria-label', open ? 'Close navigation' : 'Open navigation');
+}
+toggle.addEventListener('click', () => setMenu(toggle.getAttribute('aria-expanded') !== 'true'));
+siteNav.querySelectorAll('a').forEach(link => link.addEventListener('click', () => setMenu(false)));
+document.addEventListener('keydown', event => {
+ if (event.key === 'Escape' && siteNav.classList.contains('is-open')) {
+ setMenu(false);
+ toggle.focus();
+ }
+});
+function updateCta() {
+ const visible = mobile.matches && hero.getBoundingClientRect().bottom <= 0;
+ cta.classList.toggle('is-visible', visible);
+ cta.inert = !visible;
+ cta.setAttribute('aria-hidden', String(!visible));
+}
+window.addEventListener('scroll', updateCta, { passive: true });
+window.addEventListener('resize', updateCta);
+window.addEventListener('load', updateCta);
+updateCta();
diff --git a/docs/assets/site.css b/docs/assets/site.css
new file mode 100644
index 0000000..8d14a2e
--- /dev/null
+++ b/docs/assets/site.css
@@ -0,0 +1,1167 @@
+
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+ :root {
+ --cream: #F5F0E8;
+ --dark: #1A1A14;
+ --charcoal: #2D2D24;
+ --gold: #B8923A;
+ --gold-light: #D4AA5A;
+ --stone: #8C8678;
+ --light-stone: #C8C2B8;
+ --white: #FDFCFA;
+ }
+
+ html { scroll-behavior: smooth; }
+
+ body {
+ font-family: 'Barlow', sans-serif;
+ background: var(--dark);
+ color: var(--cream);
+ font-weight: 300;
+ overflow-x: hidden;
+ }
+
+ /* NAV */
+ .site-nav {
+ position: fixed; top: 0; left: 0; right: 0; z-index: 100;
+ display: flex; align-items: center; justify-content: space-between;
+ padding: 1.25rem 3rem;
+ background: rgba(26,26,20,0.92);
+ backdrop-filter: blur(12px);
+ border-bottom: 1px solid rgba(184,146,58,0.2);
+ }
+
+ .nav-logo {
+ display: flex;
+ align-items: center;
+ flex-shrink: 0;
+ text-decoration: none;
+ }
+
+ .logo-image {
+ display: block;
+ width: clamp(150px, 13vw, 180px);
+ height: auto;
+ object-fit: contain;
+ }
+
+ .nav-links {
+ display: flex; gap: 2.5rem; list-style: none;
+ }
+
+ .nav-links a {
+ position: relative;
+ font-size: 0.75rem;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+ color: var(--light-stone);
+ text-decoration: none;
+ transition: color 0.2s;
+ }
+
+ .nav-links a::after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -0.45rem;
+ width: 28px;
+ height: 1px;
+ background: var(--gold);
+ transform: scaleX(0);
+ transform-origin: left;
+ transition: transform 0.2s ease;
+ }
+
+ .nav-links a:hover,
+ .nav-links a.is-active {
+ color: var(--gold-light);
+ }
+
+ .nav-links a:hover::after,
+ .nav-links a.is-active::after {
+ transform: scaleX(1);
+ }
+
+ .nav-cta {
+ font-size: 0.75rem;
+ letter-spacing: 0.15em;
+ text-transform: uppercase;
+ color: var(--dark);
+ background: var(--gold);
+ padding: 0.6rem 1.5rem;
+ text-decoration: none;
+ font-weight: 500;
+ transition: background 0.2s;
+ }
+
+ .nav-cta:hover { background: var(--gold-light); }
+
+ .nav-toggle {
+ display: none;
+ width: 44px;
+ height: 44px;
+ border: 1px solid rgba(184,146,58,0.35);
+ background: transparent;
+ color: var(--cream);
+ cursor: pointer;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ gap: 5px;
+ }
+
+ .nav-toggle span {
+ width: 20px;
+ height: 1px;
+ background: currentColor;
+ transition: transform 0.2s ease, opacity 0.2s ease;
+ }
+
+ .nav-toggle[aria-expanded="true"] span:nth-child(1) {
+ transform: translateY(6px) rotate(45deg);
+ }
+
+ .nav-toggle[aria-expanded="true"] span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-toggle[aria-expanded="true"] span:nth-child(3) {
+ transform: translateY(-6px) rotate(-45deg);
+ }
+
+ .nav-toggle:focus-visible {
+ outline: 2px solid var(--gold-light);
+ outline-offset: 4px;
+ }
+
+ /* HERO */
+ #hero {
+ min-height: 100vh;
+ display: flex; align-items: flex-end;
+ padding: 0 3rem 6rem;
+ position: relative;
+ isolation: isolate;
+ overflow: hidden;
+ background: var(--dark);
+ }
+
+ #hero::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ z-index: 1;
+ background:
+ linear-gradient(to bottom, rgba(26,26,20,0.25) 0%, rgba(26,26,20,0.68) 62%, rgba(26,26,20,0.96) 100%),
+ linear-gradient(to right, rgba(26,26,20,0.78) 0%, rgba(26,26,20,0.4) 45%, rgba(26,26,20,0.18) 100%);
+ pointer-events: none;
+ }
+
+ .hero-slideshow {
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ overflow: hidden;
+ }
+
+ .hero-slide {
+ position: absolute;
+ inset: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+ opacity: 0;
+ transform: scale(1.12);
+ filter: saturate(0.92) contrast(1.04);
+ animation: heroZoomFade 30s infinite ease-in-out;
+ will-change: opacity, transform;
+ }
+
+ .hero-slide:nth-child(2) { animation-delay: 6s; }
+ .hero-slide:nth-child(3) { animation-delay: 12s; }
+ .hero-slide:nth-child(4) { animation-delay: 18s; }
+ .hero-slide:nth-child(5) { animation-delay: 24s; }
+
+ .hero-content {
+ position: relative;
+ z-index: 2;
+ }
+
+ .hero-eyebrow {
+ font-size: 0.7rem;
+ letter-spacing: 0.3em;
+ text-transform: uppercase;
+ color: var(--gold);
+ margin-bottom: 1.25rem;
+ display: flex; align-items: center; gap: 1rem;
+ }
+
+ .hero-eyebrow::before {
+ content: '';
+ display: block;
+ width: 40px; height: 1px;
+ background: var(--gold);
+ }
+
+ h1 {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: clamp(3.5rem, 6vw, 6rem);
+ font-weight: 300;
+ line-height: 1.0;
+ color: var(--white);
+ margin-bottom: 1.5rem;
+ letter-spacing: -0.01em;
+ }
+
+ h1 em {
+ font-style: italic;
+ color: var(--gold-light);
+ }
+
+ .hero-desc {
+ font-size: 1rem;
+ color: var(--light-stone);
+ max-width: 480px;
+ line-height: 1.7;
+ margin-bottom: 2.5rem;
+ font-weight: 300;
+ }
+
+ .hero-actions {
+ display: flex; gap: 1.25rem; align-items: center;
+ }
+
+ .btn-primary {
+ background: var(--gold);
+ color: var(--dark);
+ font-family: 'Barlow', sans-serif;
+ font-size: 0.75rem;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+ font-weight: 500;
+ padding: 1rem 2.5rem;
+ text-decoration: none;
+ transition: background 0.2s;
+ display: inline-block;
+ border: none; cursor: pointer;
+ }
+
+ .btn-primary:hover { background: var(--gold-light); }
+
+ .btn-ghost {
+ color: var(--cream);
+ font-family: 'Barlow', sans-serif;
+ font-size: 0.75rem;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+ font-weight: 400;
+ padding: 1rem 2rem;
+ text-decoration: none;
+ border: 1px solid rgba(245,240,232,0.3);
+ transition: border-color 0.2s;
+ display: inline-block;
+ }
+
+ .btn-ghost:hover { border-color: var(--gold); color: var(--gold-light); }
+
+ .hero-stats {
+ position: absolute;
+ z-index: 2;
+ right: 3rem; bottom: 6rem;
+ display: flex; flex-direction: column; gap: 2rem;
+ text-align: right;
+ }
+
+ .stat-num {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 2.8rem;
+ font-weight: 300;
+ color: var(--gold);
+ line-height: 1;
+ }
+
+ .stat-label {
+ font-size: 0.65rem;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--stone);
+ margin-top: 2px;
+ }
+
+ /* SERVICES */
+ #services {
+ background: var(--charcoal);
+ padding: 7rem 3rem;
+ }
+
+ .section-header {
+ display: flex; align-items: baseline; gap: 2rem;
+ margin-bottom: 4rem;
+ }
+
+ .section-eyebrow {
+ font-size: 0.65rem;
+ letter-spacing: 0.3em;
+ text-transform: uppercase;
+ color: var(--gold);
+ white-space: nowrap;
+ }
+
+ h2 {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: clamp(2rem, 3.5vw, 3.2rem);
+ font-weight: 300;
+ color: var(--white);
+ line-height: 1.1;
+ }
+
+ .services-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+ gap: 1px;
+ background: rgba(184,146,58,0.15);
+ border: 1px solid rgba(184,146,58,0.15);
+ }
+
+ .service-card {
+ background: var(--charcoal);
+ padding: 2.5rem 2rem;
+ transition: background 0.2s;
+ cursor: default;
+ }
+
+ .service-card:hover {
+ background: #343428;
+ }
+
+ .service-icon {
+ width: 48px; height: 48px;
+ margin-bottom: 1.5rem;
+ color: var(--gold);
+ }
+
+ .service-icon svg { width: 100%; height: 100%; }
+
+ .service-title {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 1.4rem;
+ font-weight: 500;
+ color: var(--white);
+ margin-bottom: 0.75rem;
+ }
+
+ .service-desc {
+ font-size: 0.875rem;
+ color: var(--stone);
+ line-height: 1.7;
+ font-weight: 300;
+ }
+
+ /* ABOUT STRIP */
+ #about {
+ padding: 7rem 3rem;
+ background: var(--dark);
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 6rem;
+ align-items: center;
+ }
+
+ .about-body {
+ font-size: 0.95rem;
+ color: var(--light-stone);
+ line-height: 1.9;
+ font-weight: 300;
+ margin-bottom: 1.5rem;
+ }
+
+ .about-list {
+ list-style: none;
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+ margin-top: 2rem;
+ }
+
+ .about-list li {
+ font-size: 0.8rem;
+ letter-spacing: 0.12em;
+ text-transform: uppercase;
+ color: var(--stone);
+ display: flex; align-items: center; gap: 1rem;
+ }
+
+ .about-list li::before {
+ content: '';
+ width: 24px; height: 1px;
+ background: var(--gold);
+ flex-shrink: 0;
+ }
+
+ .about-visual {
+ position: relative;
+ }
+
+ .about-box {
+ background: var(--charcoal);
+ border: 1px solid rgba(184,146,58,0.2);
+ padding: 3rem;
+ position: relative;
+ }
+
+ .about-box::before {
+ content: '';
+ position: absolute;
+ top: -8px; left: -8px;
+ width: 100%; height: 100%;
+ border: 1px solid rgba(184,146,58,0.1);
+ }
+
+ .about-quote {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 1.6rem;
+ font-weight: 300;
+ font-style: italic;
+ color: var(--white);
+ line-height: 1.5;
+ margin-bottom: 1.5rem;
+ }
+
+ .about-cite {
+ font-size: 0.7rem;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--gold);
+ }
+
+ /* AREAS */
+ #areas {
+ padding: 7rem 3rem;
+ background: #24241c;
+ }
+
+ .areas-intro {
+ max-width: 760px;
+ color: var(--light-stone);
+ font-size: 0.95rem;
+ line-height: 1.9;
+ margin-bottom: 3rem;
+ }
+
+ .areas-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 1px;
+ background: rgba(184,146,58,0.15);
+ border: 1px solid rgba(184,146,58,0.15);
+ }
+
+ .area-card {
+ background: #24241c;
+ padding: 2rem;
+ }
+
+ .area-title {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 1.35rem;
+ color: var(--white);
+ margin-bottom: 1rem;
+ }
+
+ .area-list {
+ list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.65rem;
+ }
+
+ .area-list li {
+ border: 1px solid rgba(184,146,58,0.25);
+ color: var(--light-stone);
+ font-size: 0.75rem;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ padding: 0.55rem 0.75rem;
+ }
+
+ /* PROJECTS */
+ #projects {
+ padding: 7rem 3rem;
+ background: var(--charcoal);
+ }
+
+ .projects-mosaic {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: auto;
+ gap: 1px;
+ background: rgba(184,146,58,0.1);
+ margin-top: 3rem;
+ }
+
+ .project-tile {
+ background: var(--dark);
+ aspect-ratio: 4/3;
+ padding: 2rem;
+ display: flex;
+ align-items: flex-end;
+ position: relative;
+ overflow: hidden;
+ isolation: isolate;
+ cursor: pointer;
+ }
+
+ .project-tile:focus-visible {
+ outline: 2px solid var(--gold-light);
+ outline-offset: 4px;
+ }
+
+ .project-tile.tall {
+ grid-row: span 2;
+ aspect-ratio: auto;
+ }
+
+ .project-tile::after {
+ content: '';
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ background:
+ linear-gradient(to top, rgba(26,26,20,0.92) 0%, rgba(26,26,20,0.5) 48%, rgba(26,26,20,0.18) 100%),
+ linear-gradient(135deg, rgba(184,146,58,0.26), transparent 42%);
+ }
+
+ .tile-image {
+ position: absolute;
+ inset: 0;
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ filter: saturate(0.85) contrast(1.05);
+ transform: scale(1.02);
+ transition: transform 0.45s ease, filter 0.45s ease;
+ }
+
+ .project-tile:hover .tile-image {
+ filter: saturate(1) contrast(1.08);
+ transform: scale(1.07);
+ }
+
+ .tile-content {
+ position: relative;
+ z-index: 1;
+ text-shadow: 0 2px 18px rgba(0,0,0,0.45);
+ }
+
+ .tile-tag {
+ font-size: 0.65rem;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--gold);
+ margin-bottom: 0.25rem;
+ }
+
+ .tile-title {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 1.1rem;
+ font-weight: 400;
+ color: var(--white);
+ }
+
+ .projects-cta {
+ margin-top: 3rem;
+ text-align: center;
+ }
+
+ .image-modal {
+ position: fixed;
+ inset: 0;
+ z-index: 1000;
+ display: grid;
+ place-items: center;
+ padding: clamp(1rem, 4vw, 3rem);
+ background: rgba(26,26,20,0.42);
+ backdrop-filter: blur(18px);
+ -webkit-backdrop-filter: blur(18px);
+ opacity: 0;
+ visibility: hidden;
+ pointer-events: none;
+ transition: opacity 0.2s ease, visibility 0.2s ease;
+ }
+
+ .image-modal.is-open {
+ opacity: 1;
+ visibility: visible;
+ pointer-events: auto;
+ }
+
+ .image-modal img {
+ max-width: 100%;
+ max-height: 92vh;
+ object-fit: contain;
+ }
+
+ .image-modal-close {
+ position: fixed;
+ top: 1rem;
+ right: 1rem;
+ width: 44px;
+ height: 44px;
+ border: 0;
+ background: transparent;
+ color: var(--white);
+ font: 300 2.5rem/1 'Barlow', sans-serif;
+ cursor: pointer;
+ }
+
+ .image-modal-close:focus-visible {
+ outline: 2px solid var(--gold-light);
+ outline-offset: 4px;
+ }
+
+ body.modal-open {
+ overflow: hidden;
+ }
+
+ /* CONTACT */
+ #contact {
+ padding: 7rem 3rem;
+ background: var(--dark);
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 6rem;
+ align-items: start;
+ }
+
+ .contact-info h2 { margin-bottom: 1.5rem; }
+
+ .contact-body {
+ font-size: 0.9rem;
+ color: var(--stone);
+ line-height: 1.8;
+ font-weight: 300;
+ margin-bottom: 2.5rem;
+ }
+
+ .contact-detail {
+ display: flex; align-items: flex-start; gap: 1rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .contact-label {
+ font-size: 0.65rem;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--gold);
+ width: 80px;
+ flex-shrink: 0;
+ padding-top: 2px;
+ }
+
+ .contact-value {
+ font-size: 0.9rem;
+ color: var(--light-stone);
+ font-weight: 300;
+ line-height: 1.6;
+ }
+
+ .contact-form { display: flex; flex-direction: column; gap: 1.25rem; }
+
+ .contact-form.is-submitted > :not(#form-success) {
+ display: none;
+ }
+
+ .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
+
+ .form-group { display: flex; flex-direction: column; gap: 0.4rem; }
+
+ .form-label {
+ font-size: 0.65rem;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--stone);
+ }
+
+ .form-input {
+ background: var(--charcoal);
+ border: 1px solid rgba(140,134,120,0.3);
+ color: var(--cream);
+ padding: 0.875rem 1rem;
+ font-family: 'Barlow', sans-serif;
+ font-size: 0.9rem;
+ font-weight: 300;
+ outline: none;
+ transition: border-color 0.2s;
+ width: 100%;
+ }
+
+ .form-input:focus { border-color: var(--gold); }
+ .form-input::placeholder { color: var(--stone); opacity: 0.5; }
+
+ textarea.form-input { resize: vertical; min-height: 120px; }
+
+ .form-select {
+ background: var(--charcoal);
+ border: 1px solid rgba(140,134,120,0.3);
+ color: var(--cream);
+ padding: 0.875rem 1rem;
+ font-family: 'Barlow', sans-serif;
+ font-size: 0.9rem;
+ font-weight: 300;
+ outline: none;
+ width: 100%;
+ cursor: pointer;
+ -webkit-appearance: none;
+ appearance: none;
+ }
+
+ /* FOOTER */
+ footer {
+ background: var(--charcoal);
+ border-top: 1px solid rgba(184,146,58,0.3);
+ padding: 4rem 3rem 2rem;
+ }
+ .footer-top { display: grid; grid-template-columns: 1.5fr 1fr 0.8fr 1fr; gap: 3rem; }
+ .footer-logo { display: inline-block; }
+ .footer-logo-image { display: block; width: 190px; max-width: 100%; height: auto; }
+ .footer-heading { font-size: 1.4rem; margin-bottom: 1.25rem; }
+ .footer-summary { color: var(--light-stone); font-size: 0.875rem; line-height: 1.8; margin: 1rem 0 1.5rem; max-width: 360px; }
+ .footer-links { list-style: none; display: grid; gap: 0.85rem; }
+ footer a { color: var(--light-stone); text-decoration: none; font-size: 0.875rem; line-height: 1.6; }
+ footer a:hover { color: var(--gold-light); }
+ footer a:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
+ footer .btn-primary { color: var(--dark); }
+ .footer-social { color: var(--gold-light); }
+ .footer-coverage { margin-top: 3rem; padding: 1.5rem 0; border-top: 1px solid rgba(184,146,58,0.2); border-bottom: 1px solid rgba(184,146,58,0.2); display: flex; align-items: baseline; gap: 2rem; }
+ .footer-coverage p { font-size: 0.85rem; line-height: 1.8; color: var(--light-stone); max-width: 850px; }
+ .footer-coverage a { text-decoration: underline; text-underline-offset: 3px; }
+ .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }
+ .footer-copy, .footer-bottom a { font-size: 0.75rem; color: var(--light-stone); }
+ section[id], .service-card[id] { scroll-margin-top: 110px; }
+
+ .mobile-cta { display: none; }
+
+ /* GOLD LINE DIVIDER */
+ .gold-line {
+ width: 40px; height: 1px;
+ background: var(--gold);
+ margin-bottom: 1.5rem;
+ }
+
+ @keyframes fadeUp {
+ from { opacity: 0; transform: translateY(24px); }
+ to { opacity: 1; transform: translateY(0); }
+ }
+
+ @keyframes heroZoomFade {
+ 0% {
+ opacity: 0;
+ transform: scale(1.12);
+ }
+ 1.5% {
+ opacity: 1;
+ }
+ 19.5% {
+ opacity: 1;
+ }
+ 21.5% {
+ opacity: 0;
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0;
+ transform: scale(1);
+ }
+ }
+
+ .hero-content > * {
+ animation: fadeUp 0.8s ease both;
+ }
+
+ .hero-content > *:nth-child(1) { animation-delay: 0.1s; }
+ .hero-content > *:nth-child(2) { animation-delay: 0.25s; }
+ .hero-content > *:nth-child(3) { animation-delay: 0.4s; }
+ .hero-content > *:nth-child(4) { animation-delay: 0.55s; }
+
+ @media (max-width: 900px) {
+ .site-nav {
+ padding: 1rem 1.5rem;
+ flex-wrap: wrap;
+ gap: 1rem;
+ }
+
+ .nav-links {
+ order: 3;
+ width: 100%;
+ justify-content: center;
+ gap: 1.25rem;
+ }
+
+ .nav-cta {
+ padding: 0.55rem 1rem;
+ }
+
+ #hero {
+ min-height: auto;
+ padding: 11rem 1.5rem 4rem;
+ align-items: flex-start;
+ flex-direction: column;
+ gap: 3rem;
+ }
+
+ .hero-stats {
+ position: static;
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-between;
+ gap: 1rem;
+ text-align: left;
+ padding-top: 2rem;
+ border-top: 1px solid rgba(184,146,58,0.2);
+ }
+
+ #services,
+ #areas,
+ #projects {
+ padding: 5rem 1.5rem;
+ }
+
+ #about,
+ #contact {
+ grid-template-columns: 1fr;
+ gap: 3rem;
+ padding: 5rem 1.5rem;
+ }
+
+ .projects-mosaic {
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ .areas-grid {
+ grid-template-columns: 1fr;
+ }
+
+ footer {
+ padding: 2rem 1.5rem;
+ text-align: left;
+ }
+ .footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }
+ .footer-coverage { flex-direction: column; gap: 0.75rem; }
+ }
+
+ @media (max-width: 600px) {
+ .footer-top { grid-template-columns: 1fr; }
+ .footer-bottom { flex-direction: column; }
+ body { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
+
+ .mobile-cta {
+ display: block;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 90;
+ padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
+ background: var(--dark);
+ border-top: 1px solid rgba(184,146,58,0.25);
+ box-shadow: 0 -6px 24px rgba(0,0,0,0.2);
+ visibility: hidden;
+ transform: translateY(100%);
+ transition: transform 0.25s ease, visibility 0.25s;
+ }
+
+ .mobile-cta.is-visible {
+ visibility: visible;
+ transform: translateY(0);
+ }
+
+ .mobile-cta .btn-primary {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 48px;
+ width: 100%;
+ }
+
+ .mobile-cta .btn-primary:focus-visible {
+ outline: 2px solid var(--cream);
+ outline-offset: 3px;
+ }
+
+ .site-nav {
+ position: sticky;
+ top: 0;
+ padding: 0.85rem 1rem;
+ justify-content: space-between;
+ text-align: left;
+ gap: 0.75rem;
+ }
+
+ .nav-logo {
+ width: auto;
+ flex: 1;
+ min-width: 0;
+ justify-content: flex-start;
+ }
+
+ .logo-image {
+ width: min(46vw, 155px);
+ }
+
+ .nav-toggle {
+ display: flex;
+ flex-shrink: 0;
+ }
+
+ .nav-links {
+ display: none;
+ order: 3;
+ width: 100%;
+ flex-direction: column;
+ align-items: stretch;
+ gap: 0;
+ padding-top: 0.75rem;
+ border-top: 1px solid rgba(184,146,58,0.18);
+ }
+
+ .site-nav.is-open .nav-links {
+ display: flex;
+ }
+
+ .nav-links li {
+ width: 100%;
+ }
+
+ .nav-links a {
+ display: block;
+ padding: 0.85rem 0;
+ }
+
+ .nav-links a::after {
+ bottom: 0.55rem;
+ }
+
+ .nav-links a,
+ .nav-cta,
+ .btn-primary,
+ .btn-ghost {
+ font-size: 0.68rem;
+ letter-spacing: 0.12em;
+ }
+
+ .nav-cta {
+ display: none;
+ order: 4;
+ width: 100%;
+ max-width: none;
+ text-align: center;
+ padding: 0.85rem 1rem;
+ }
+
+ .site-nav.is-open .nav-cta {
+ display: block;
+ }
+
+ #hero {
+ padding: 4rem 1rem;
+ }
+
+ .hero-slide {
+ object-position: center;
+ }
+
+ .hero-slide-level {
+ object-position: left center;
+ }
+
+ .hero-eyebrow {
+ align-items: flex-start;
+ font-size: 0.62rem;
+ letter-spacing: 0.22em;
+ line-height: 1.5;
+ }
+
+ .hero-eyebrow::before {
+ width: 24px;
+ margin-top: 0.45rem;
+ flex-shrink: 0;
+ }
+
+ h1 {
+ font-size: clamp(2.7rem, 15vw, 3.7rem);
+ }
+
+ .hero-actions {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .btn-primary,
+ .btn-ghost {
+ width: 100%;
+ text-align: center;
+ padding: 0.95rem 1.25rem;
+ }
+
+ .hero-stats {
+ flex-direction: column;
+ text-align: center;
+ }
+
+ .stat-num {
+ font-size: 2.4rem;
+ }
+
+ #services,
+ #areas,
+ #projects {
+ padding: 4rem 1rem;
+ }
+
+ #about,
+ #contact {
+ padding: 4rem 1rem;
+ gap: 2.5rem;
+ }
+
+ .section-header {
+ display: block;
+ margin-bottom: 2.5rem;
+ }
+
+ .section-eyebrow {
+ display: block;
+ margin-bottom: 0.85rem;
+ white-space: normal;
+ line-height: 1.5;
+ }
+
+ .services-grid,
+ .areas-grid,
+ .projects-mosaic,
+ .form-row {
+ grid-template-columns: 1fr;
+ }
+
+ .service-card,
+ .area-card,
+ .project-tile {
+ padding: 1.75rem 1.25rem;
+ }
+
+ .project-tile,
+ .project-tile.tall {
+ aspect-ratio: 4/3;
+ }
+
+ .about-box {
+ padding: 2rem 1.25rem;
+ }
+
+ .about-box::before {
+ top: -5px;
+ left: -5px;
+ }
+
+ .about-quote {
+ font-size: 1.35rem;
+ }
+
+ .contact-detail {
+ flex-direction: column;
+ gap: 0.35rem;
+ }
+
+ .contact-label {
+ width: auto;
+ }
+ }
+
+ @media (prefers-reduced-motion: reduce) {
+ .mobile-cta { transition: none; }
+
+ .hero-slide {
+ animation: none;
+ transform: scale(1.03);
+ }
+
+ .hero-slide:first-child {
+ opacity: 1;
+ }
+ }
+
+/* Service and local guides */
+.text-link { display: inline-block; margin-top: 1.25rem; color: var(--gold-light); font-size: 0.85rem; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
+.area-list a { color: inherit; text-underline-offset: 3px; }
+.location-guides { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 0 0 3rem; }
+.location-guides > a { display: block; padding: 1.5rem 0; border-top: 1px solid var(--gold); text-decoration: none; color: var(--cream); }
+.location-guides h3 { font: 400 1.75rem/1.2 'Cormorant Garamond', serif; margin: 0.85rem 0; }
+.location-guides p { font-size: 0.9rem; color: var(--light-stone); line-height: 1.7; }
+.location-guides a:hover h3, .text-link:hover { color: var(--gold-light); }
+.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 1100; padding: 1rem; background: var(--gold); color: var(--dark); }
+.skip-link:focus { top: 1rem; }
+a:focus-visible, summary:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
+.detail-page #hero { min-height: auto; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 4rem; padding: 10rem 3rem 4rem; }
+.detail-page #hero::before { display: none; }
+.detail-hero-copy { min-width: 0; }
+.detail-hero h1 { font-size: clamp(2.8rem, 4.6vw, 5rem); line-height: 1.06; }
+.detail-hero .hero-desc { max-width: 620px; }
+.detail-hero .hero-actions { flex-wrap: wrap; }
+.breadcrumbs { color: var(--light-stone); font-size: 0.75rem; line-height: 1.7; margin-bottom: 2.5rem; }
+.breadcrumbs a { color: var(--light-stone); text-underline-offset: 3px; }
+.detail-hero-image { min-width: 0; margin: 0; border-bottom: 1px solid var(--gold); }
+.detail-hero-image img { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; }
+.detail-hero-image figcaption { color: var(--light-stone); font-size: 0.7rem; letter-spacing: 0.05em; padding: 0.8rem 0; }
+.detail-layout { max-width: 1440px; margin: 0 auto; padding: 4rem 3rem 5rem; display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 6rem; border-top: 1px solid rgba(184,146,58,0.2); }
+.detail-section { margin-bottom: 3rem; }
+.detail-section h2 { margin-bottom: 1.25rem; font-size: clamp(2rem, 3vw, 2.75rem); }
+.detail-section p, .project-brief p, .project-brief li { font-size: 1rem; line-height: 1.85; color: var(--light-stone); margin-bottom: 1rem; }
+.project-brief { align-self: start; background: var(--charcoal); border-top: 2px solid var(--gold); padding: 2rem; }
+.project-brief h2 { font-size: 2rem; margin: 0.8rem 0 1.25rem; }
+.project-brief ul { padding-left: 1.1rem; margin: 1.5rem 0; }
+.project-brief li { padding-left: 0.3rem; font-size: 0.9rem; }
+.project-brief li::marker { color: var(--gold); }
+.project-brief .btn-primary { width: 100%; text-align: center; padding: 1rem; }
+.project-brief .brief-note { font-size: 0.8rem; margin-top: 1.25rem; }
+.detail-section details { border-top: 1px solid rgba(184,146,58,0.3); padding: 1.25rem 0; }
+.detail-section details:last-child { border-bottom: 1px solid rgba(184,146,58,0.3); }
+.detail-section summary { cursor: pointer; color: var(--cream); font-weight: 500; font-size: 1rem; line-height: 1.6; }
+.detail-section details p { margin: 1rem 0 0; }
+.official-resource { margin: -1rem 0 3rem; font-size: 0.85rem; line-height: 1.7; }
+.official-resource a { color: var(--gold-light); text-underline-offset: 4px; }
+.related-section { padding: 4rem 3rem; background: var(--charcoal); }
+.related-section h2 { margin: 1rem 0 2rem; }
+.related-section h3 { margin: 2.5rem 0 1.25rem; font: 400 1.6rem 'Cormorant Garamond', serif; }
+.related-links { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; }
+.related-links a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 4px; line-height: 1.8; }
+.detail-enquiry { padding: 5rem 3rem; }
+.detail-enquiry h2 { margin: 1rem 0; }
+.detail-enquiry p { color: var(--light-stone); max-width: 650px; line-height: 1.8; margin-bottom: 2rem; }
+.detail-enquiry .hero-actions { flex-wrap: wrap; }
+@media (max-width: 1100px) {
+ .detail-layout { gap: 3rem; }
+ .detail-page #hero { gap: 2rem; }
+}
+@media (max-width: 900px) {
+ .detail-page #hero { padding: 12rem 1.5rem 3rem; }
+ .detail-layout { padding: 3rem 1.5rem; grid-template-columns: 1fr; gap: 1rem; }
+ .project-brief { max-width: 650px; }
+ .related-section, .detail-enquiry { padding: 3rem 1.5rem; }
+}
+@media (max-width: 600px) {
+ .location-guides { grid-template-columns: 1fr; gap: 0.5rem; }
+ .detail-page #hero { grid-template-columns: 1fr; padding: 2rem 1rem 3rem; }
+ .detail-hero h1 { font-size: clamp(2.5rem, 10vw, 3.5rem); }
+ .detail-hero-image img { aspect-ratio: 4/3; }
+ .breadcrumbs { margin-bottom: 2rem; }
+ .detail-layout { padding: 3rem 1rem; }
+ .project-brief { padding: 1.5rem; }
+ .related-section, .detail-enquiry { padding: 3rem 1rem; }
+ .related-links { flex-direction: column; gap: 0.85rem; }
+}
+@media (prefers-reduced-motion: reduce) {
+ html { scroll-behavior: auto; }
+ .hero-content > * { animation: none; }
+}
diff --git a/docs/builders-harrow.html b/docs/builders-harrow.html
new file mode 100644
index 0000000..3f6bc01
--- /dev/null
+++ b/docs/builders-harrow.html
@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Builders in Harrow | R Craft Construction LTD</title>
+<meta name="description" content="Watford-based builders serving Harrow. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/builders-harrow.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Builders in Harrow | R Craft Construction LTD">
+<meta property="og:description" content="Watford-based builders serving Harrow. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/builders-harrow.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Builders in Harrow | R Craft Construction LTD">
+<meta name="twitter:description" content="Watford-based builders serving Harrow. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/builders-harrow.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/builders-harrow.html",
+ "name": "Builders in Harrow",
+ "description": "Watford-based builders serving Harrow. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Builders in Harrow",
+ "item": "https://rcraftconstruction.co.uk/builders-harrow.html"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Harrow</span></div>
+ <p class="hero-eyebrow">Where we work</p>
+ <h1>Builders in Harrow</h1>
+ <p class="hero-desc">Planning building work in Harrow? R Craft Construction serves the area from our Watford base, undertaking home extensions, loft conversions, refurbishments, structural alterations and groundworks.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="roof-hero.png" alt="Roof construction from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>Choose the space you need most</h2><p>If you are weighing up an extension against a loft conversion, begin with the way your household uses the home. A larger kitchen and dining room solves a different problem from an extra bedroom or a place to work upstairs.</p><p>We can discuss either route against the information you already have. Include any drawings, the rooms you need and how much of the existing house you want refurbished at the same time. This helps define the building scope before detailed pricing.</p></section><section class="detail-section"><h2>Connecting new work to the existing house</h2><p>For a ground-floor extension, consider the access to the garden, the arrangement of existing rooms and the finishes you want carried through. For a loft conversion, include the proposed staircase and the effect on the floor below in your initial brief.</p><p>Access also matters. Photographs of the front of the property, any side passage and the proposed work area help introduce the site. Tell us whether the house will be occupied and whether materials can be stored within the property boundary.</p></section><section class="detail-section"><h2>Preparing a Harrow project enquiry</h2><p>Harrow Council publishes building control application information and provides a route to request planning or building control history. If you already have drawings, approvals or information about previous alterations, include them with your enquiry.</p><p>An existing extension or conversion is useful context for a new proposal. Before settling on the build programme, check the requirements for your particular property with your designer or the council rather than relying on a neighbouring project.</p></section><p class="official-resource"><a href="https://www.harrow.gov.uk/planning-developments/building-control-applications">London Borough of Harrow: building control applications <span aria-hidden="true">↗</span></a></p><section class="detail-section"><h2>Questions before you start</h2><details><summary>Do you have an office in Harrow?</summary><p>Our base is Watford and Harrow is one of the areas we serve. Contact us with your project details to discuss a site visit.</p></details><details><summary>Can you quote for a loft conversion and refurbishment together?</summary><p>Yes. Include both in the brief, particularly any staircase changes or work to rooms below the loft, so the scope is considered together.</p></details><details><summary>Do you also cover Pinner and Northwood?</summary><p>We also serve Pinner and Northwood. Send the postcode and proposed work so we can discuss arrangements for your property.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Your Harrow address and the property type</li><li>Your priorities: more living space, bedrooms or refurbishment</li><li>Existing and proposed drawings, if available</li><li>Details of previous alterations, access and occupation</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Building services in Harrow</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/builders-london.html b/docs/builders-london.html
new file mode 100644
index 0000000..3bd4ce0
--- /dev/null
+++ b/docs/builders-london.html
@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Builders in London | R Craft Construction LTD</title>
+<meta name="description" content="Watford-based builders serving London. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/builders-london.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Builders in London | R Craft Construction LTD">
+<meta property="og:description" content="Watford-based builders serving London. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/builders-london.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Builders in London | R Craft Construction LTD">
+<meta name="twitter:description" content="Watford-based builders serving London. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/builders-london.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/builders-london.html",
+ "name": "Builders in London",
+ "description": "Watford-based builders serving London. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Builders in London",
+ "item": "https://rcraftconstruction.co.uk/builders-london.html"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>London</span></div>
+ <p class="hero-eyebrow">Where we work</p>
+ <h1>Builders in London</h1>
+ <p class="hero-desc">R Craft Construction is a Watford-based building contractor serving homeowners across London. We undertake extensions, conversions, refurbishments, structural work and groundworks, with a clear brief from the outset.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="finished-hero.png" alt="Completed home from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>Building work that fits your London home</h2><p>The best starting point is how you want to use the property. You may need a larger kitchen and dining space, an additional room in the loft or a refurbishment that makes the existing layout work harder. We can discuss the building work around those priorities.</p><p>Our London coverage includes Ealing, Acton, Chiswick, Hammersmith, Harrow, Barnet, Camden and Islington, with selected projects in South West and East London. Send your address and scope so we can confirm arrangements for your particular location.</p></section><section class="detail-section"><h2>Make access part of the brief</h2><p>For a home with no separate route to the rear, moving materials and removing waste may involve the house itself. Tell us about side access, shared entrances and the space available for deliveries. These details belong in the initial conversation, alongside the drawings.</p><p>If you plan to remain at home, identify the rooms you need to keep using and any restrictions on access. A refurbishment of a flat needs a different site discussion from an extension to a house with a garden; include the property type when you enquire.</p></section><section class="detail-section"><h2>Use the guidance for your borough</h2><p>London projects need to be considered against the property and its local authority, rather than a single London-wide assumption. Before fixing the scope, identify the relevant borough and discuss the approval position with your designer or the council.</p><p>The Planning Portal’s home-improvement guides are a useful starting point for understanding which questions to ask about extensions, conversions and alterations. The requirements for your address should be checked individually.</p></section><p class="official-resource"><a href="https://www.planningportal.co.uk/permission/common-projects/">Home-improvement guidance from the Planning Portal <span aria-hidden="true">↗</span></a></p><section class="detail-section"><h2>Questions before you start</h2><details><summary>Are you based in London?</summary><p>We are based in Watford, Hertfordshire, and carry out building work across London and the surrounding areas.</p></details><details><summary>Which London areas do you cover?</summary><p>Our coverage includes North and West London and selected locations in South West and East London. See the full areas list or send your postcode with the project details.</p></details><details><summary>Can I discuss several types of building work together?</summary><p>Yes. An extension, structural alterations and refurbishment can be considered as one brief. Set out the full scope so the quotation reflects the work you want completed.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>The full address, borough and property type</li><li>Drawings or a description of the rooms you want to change</li><li>Information about access, deliveries and occupation</li><li>Your preferred specification, budget and timescale</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Building services in London</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/builders-watford.html b/docs/builders-watford.html
new file mode 100644
index 0000000..29f8429
--- /dev/null
+++ b/docs/builders-watford.html
@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Builders in Watford | R Craft Construction LTD</title>
+<meta name="description" content="Watford-based builders serving Watford. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/builders-watford.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Builders in Watford | R Craft Construction LTD">
+<meta property="og:description" content="Watford-based builders serving Watford. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/builders-watford.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Builders in Watford | R Craft Construction LTD">
+<meta name="twitter:description" content="Watford-based builders serving Watford. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/builders-watford.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/builders-watford.html",
+ "name": "Builders in Watford",
+ "description": "Watford-based builders serving Watford. House extensions, conversions, refurbishments and groundworks. Discuss your project with R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Builders in Watford",
+ "item": "https://rcraftconstruction.co.uk/builders-watford.html"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Watford</span></div>
+ <p class="hero-eyebrow">Where we work</p>
+ <h1>Builders in Watford</h1>
+ <p class="hero-desc">Based in Watford, R Craft Construction carries out domestic building work for homeowners in the town and surrounding Hertfordshire areas. Talk to us about an extension, conversion, refurbishment or the groundwork for your next project.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="house-hero.png" alt="Home exterior from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>A local starting point for your project</h2><p>Whether you want to extend at the rear, convert unused space or refurbish a property before moving in, the first step is a practical brief. Describe what you want the house to do differently and which parts of the existing layout you want to keep.</p><p>Alongside Watford, our coverage includes Bushey, Rickmansworth, Radlett and St Albans. If your address is nearby, include the postcode and a description of the work when you get in touch.</p></section><section class="detail-section"><h2>Look at the whole ground floor</h2><p>If a rear extension is the starting point, consider how the existing kitchen, hallway and living rooms will connect to it. Finishing levels, doors and access to the garden are easier to discuss when the whole layout is included in the brief.</p><p>For a refurbishment, a room-by-room list helps distinguish repairs, alterations and finishes. Tell us whether the house will be empty or occupied; this helps frame the discussion about the programme and the order of work.</p></section><section class="detail-section"><h2>Check the authority for the property</h2><p>For an address within Watford Borough, the council publishes planning and building control guidance. Its building control information covers applications for extensions, conversions, alterations and new buildings.</p><p>A Watford postal address and the relevant council should not be assumed to be the same thing. Confirm the authority for the site before relying on a particular application route, and share any existing approvals or correspondence with your project brief.</p></section><p class="official-resource"><a href="https://www.watford.gov.uk/planning-building-control">Watford Borough Council: planning and building control <span aria-hidden="true">↗</span></a></p><section class="detail-section"><h2>Questions before you start</h2><details><summary>Is R Craft Construction based in Watford?</summary><p>Yes. Watford is our base, serving homeowners locally and across London and the surrounding areas.</p></details><details><summary>Do you work in nearby Hertfordshire towns?</summary><p>Our coverage includes Bushey, Rickmansworth, Radlett, St Albans and other nearby areas. Send your postcode and scope to discuss a site visit.</p></details><details><summary>Can you help with a project before I move in?</summary><p>We undertake full and partial refurbishments. Let us know your intended move-in date and the work required so the sequence and timescale can be discussed.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Your postcode and a short description of the property</li><li>A list of proposed changes and any drawings</li><li>Any existing council correspondence or approvals</li><li>Photographs of the house, garden and access</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Building services in Watford</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/extension.png b/docs/extension.png
new file mode 100644
index 0000000..5c057fe
Binary files /dev/null and b/docs/extension.png differ
diff --git a/docs/extensions-and-conversions.html b/docs/extensions-and-conversions.html
new file mode 100644
index 0000000..01bb6e8
--- /dev/null
+++ b/docs/extensions-and-conversions.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>House Extensions & Loft Conversions in London & Watford | R Craft Construction LTD</title>
+<meta name="description" content="Extensions & conversions in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/extensions-and-conversions.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="House Extensions & Loft Conversions in London & Watford | R Craft Construction LTD">
+<meta property="og:description" content="Extensions & conversions in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/extensions-and-conversions.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="House Extensions & Loft Conversions in London & Watford | R Craft Construction LTD">
+<meta name="twitter:description" content="Extensions & conversions in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/extensions-and-conversions.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/extensions-and-conversions.html",
+ "name": "House Extensions & Loft Conversions in London & Watford",
+ "description": "Extensions & conversions in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "House Extensions & Loft Conversions in London & Watford",
+ "item": "https://rcraftconstruction.co.uk/extensions-and-conversions.html"
+ }
+ ]
+ },
+ {
+ "@type": "Service",
+ "@id": "https://rcraftconstruction.co.uk/extensions-and-conversions.html#service",
+ "name": "Extensions & conversions",
+ "serviceType": "Extensions & conversions",
+ "url": "https://rcraftconstruction.co.uk/extensions-and-conversions.html",
+ "provider": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "London"
+ },
+ {
+ "@type": "Place",
+ "name": "Watford"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Extensions & conversions</span></div>
+ <p class="hero-eyebrow">Our services</p>
+ <h1>House Extensions & Loft Conversions in London & Watford</h1>
+ <p class="hero-desc">Make room for the way you live. R Craft Construction builds house extensions and carries out loft and garage conversions across London, Watford and the surrounding areas, with the structure, layout and finishing details considered together.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="extension.png" alt="Brick rear extension with rooflights from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>More space, with a purpose</h2><p>A larger kitchen and dining room, a quieter place to work or an extra bedroom can change how a home feels day to day. Start with what your current layout is missing. We can discuss rear extensions, side returns, loft conversions and garage conversions against your drawings, available space and budget.</p><p>An extension adds new floor space; a conversion makes use of space already within the property. The right approach depends on the house, the rooms you need and how the new accommodation will connect to the rest of your home.</p></section><section class="detail-section"><h2>From the structure to the finishing touches</h2><p>For an extension, the scope may include groundworks, foundations, the main structure, roof construction and the connection to the existing house. For a conversion, the conversation starts with the existing structure, access and the proposed layout. We agree the extent of the work before pricing it.</p><p>Think about the finishes early: flooring levels, the position of doors, kitchen arrangements and the relationship with the garden all affect the finished space. Share any architect’s drawings and structural information you already have so the quotation can reflect the same brief.</p></section><section class="detail-section"><h2>Planning a build around an occupied home</h2><p>Access to the rear garden, storage for materials and the route for removing spoil can have a real effect on the building programme. This is especially useful to discuss where the only access is through the house. Let us know whether you intend to remain at home during the work.</p><p>Before the programme is agreed, clarify which rooms need to stay usable and when the existing house will be opened up. A clear scope helps separate the building work from items you intend to supply yourself, such as kitchen units or sanitaryware.</p></section><section class="detail-section"><h2>Questions before you start</h2><details><summary>Can an extension and refurbishment be quoted together?</summary><p>Yes. If you want to alter the existing ground floor as well as extend, include both in the brief. That lets us consider the connections, flooring and finishing work as one scope.</p></details><details><summary>Do I need finished drawings before getting in touch?</summary><p>You can contact us while exploring the options. Tell us what you want to achieve and what information you have; detailed pricing will depend on a sufficiently defined scope.</p></details><details><summary>How much will an extension or conversion cost?</summary><p>The size, structure, access and specification all affect the price. We offer a free, no-obligation quotation based on your particular project rather than a generic square-metre figure.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Your address and the type of property</li><li>Drawings, dimensions and any structural information</li><li>The rooms you want to create and your priorities</li><li>Your intended budget, preferred start date and access arrangements</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Related building services</h2><div class="related-links"><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/finished-hero.png b/docs/finished-hero.png
new file mode 100644
index 0000000..bca1b6d
Binary files /dev/null and b/docs/finished-hero.png differ
diff --git a/docs/floor.png b/docs/floor.png
new file mode 100644
index 0000000..f41396d
Binary files /dev/null and b/docs/floor.png differ
diff --git a/docs/framing-hero.png b/docs/framing-hero.png
new file mode 100644
index 0000000..5ad98a5
Binary files /dev/null and b/docs/framing-hero.png differ
diff --git a/docs/groundworks-and-concrete.html b/docs/groundworks-and-concrete.html
new file mode 100644
index 0000000..e6ae07d
--- /dev/null
+++ b/docs/groundworks-and-concrete.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Groundworks & Concrete Contractors in London & Watford | R Craft Construction LTD</title>
+<meta name="description" content="Groundworks & concrete in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/groundworks-and-concrete.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Groundworks & Concrete Contractors in London & Watford | R Craft Construction LTD">
+<meta property="og:description" content="Groundworks & concrete in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/groundworks-and-concrete.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Groundworks & Concrete Contractors in London & Watford | R Craft Construction LTD">
+<meta name="twitter:description" content="Groundworks & concrete in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/groundworks-and-concrete.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/groundworks-and-concrete.html",
+ "name": "Groundworks & Concrete Contractors in London & Watford",
+ "description": "Groundworks & concrete in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Groundworks & Concrete Contractors in London & Watford",
+ "item": "https://rcraftconstruction.co.uk/groundworks-and-concrete.html"
+ }
+ ]
+ },
+ {
+ "@type": "Service",
+ "@id": "https://rcraftconstruction.co.uk/groundworks-and-concrete.html#service",
+ "name": "Groundworks & concrete",
+ "serviceType": "Groundworks & concrete",
+ "url": "https://rcraftconstruction.co.uk/groundworks-and-concrete.html",
+ "provider": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "London"
+ },
+ {
+ "@type": "Place",
+ "name": "Watford"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Groundworks & concrete</span></div>
+ <p class="hero-eyebrow">Our services</p>
+ <h1>Groundworks & Concrete Contractors in London & Watford</h1>
+ <p class="hero-desc">Prepare the site properly for what comes next. We carry out groundworks and concrete works for domestic building projects across London, Watford and nearby areas.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="framing-hero.png" alt="Building work in progress from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>Getting the ground stage right</h2><p>Groundworks bring the proposed building down to the realities of the site: access, levels, existing drainage and the space available for excavation and materials. These details help shape the scope before the main construction begins.</p><p>Our services include foundations, drainage, retaining walls, driveways and concrete works. Tell us whether you need a groundworks package for an extension or new build, or a specific piece of external work.</p></section><section class="detail-section"><h2>Foundations and concrete within the wider build</h2><p>Where foundations and concrete work form part of a designed structure, share the relevant drawings and specifications. The required scope needs to be understood in the context of the building it will support.</p><p>It is also useful to identify which parts of the work you want included: excavation, removal of spoil, preparation and the concrete work itself. A clear brief helps avoid gaps between the groundworks and the next stage of construction.</p></section><section class="detail-section"><h2>Access, levels and drainage</h2><p>A narrow side passage, limited space at the front of the property or a garden at a different level can affect how work is organised. Include photographs of the access route as well as the area where the work will take place.</p><p>If you have drainage drawings, survey information or details of known underground services, send these with your enquiry. Existing information helps frame the site discussion and identify the questions to resolve before the programme is agreed.</p></section><section class="detail-section"><h2>Questions before you start</h2><details><summary>Can you provide groundworks for an extension?</summary><p>Yes. We can discuss groundworks as part of an extension project or as a defined package. Share the drawings and the point at which the next contractor or stage will take over.</p></details><details><summary>Do you undertake drainage and driveway work?</summary><p>We undertake drainage and driveway work. Tell us what needs changing and send photographs so we can discuss the scope.</p></details><details><summary>What affects the quotation for groundworks?</summary><p>Access, excavation, removal of spoil, the design and the concrete specification can all affect the scope. We price the particular work after reviewing the available information.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Site address and photographs of the access route</li><li>Drawings showing foundations, drainage or proposed levels</li><li>Any available ground or drainage survey information</li><li>The extent of excavation, concrete and making good required</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Related building services</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/house-hero.png b/docs/house-hero.png
new file mode 100644
index 0000000..dff24ba
Binary files /dev/null and b/docs/house-hero.png differ
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..ce601ea
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,591 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Builders in Watford & London | R Craft Construction LTD</title>
+<link rel="canonical" href="https://rcraftconstruction.co.uk/">
+<meta name="description" content="R Craft Construction LTD is a Watford-based builder serving London, Hertfordshire, Bedfordshire and nearby areas. Extensions, refurbishments, structural works and groundworks.">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/">
+<meta property="og:title" content="Builders in Watford & London | R Craft Construction LTD">
+<meta property="og:description" content="R Craft Construction LTD is a Watford-based builder serving London, Hertfordshire, Bedfordshire and nearby areas. Extensions, refurbishments, structural works and groundworks.">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD social preview card">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Builders in Watford & London | R Craft Construction LTD">
+<meta name="twitter:description" content="R Craft Construction LTD is a Watford-based builder serving London, Hertfordshire, Bedfordshire and nearby areas. Extensions, refurbishments, structural works and groundworks.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD social preview card">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ { "@type": "Place", "name": "Watford" },
+ { "@type": "Place", "name": "Bushey" },
+ { "@type": "Place", "name": "Northwood" },
+ { "@type": "Place", "name": "Pinner" },
+ { "@type": "Place", "name": "Harrow" },
+ { "@type": "Place", "name": "St Albans" },
+ { "@type": "Place", "name": "Hemel Hempstead" },
+ { "@type": "Place", "name": "Borehamwood" },
+ { "@type": "Place", "name": "Barnet" },
+ { "@type": "Place", "name": "Edgware" },
+ { "@type": "Place", "name": "Finchley" },
+ { "@type": "Place", "name": "Wembley" },
+ { "@type": "Place", "name": "Ealing" },
+ { "@type": "Place", "name": "Brentford" },
+ { "@type": "Place", "name": "Chiswick" },
+ { "@type": "Place", "name": "Acton" },
+ { "@type": "Place", "name": "Hammersmith" },
+ { "@type": "Place", "name": "Battersea Park" },
+ { "@type": "Place", "name": "Walthamstow" },
+ { "@type": "Place", "name": "Camden" },
+ { "@type": "Place", "name": "Islington" },
+ { "@type": "Place", "name": "Richmond" },
+ { "@type": "Place", "name": "Twickenham" },
+ { "@type": "Place", "name": "Luton" },
+ { "@type": "Place", "name": "Harston, Cambridgeshire" }
+ ],
+ "openingHoursSpecification": [{
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+ "opens": "07:00",
+ "closes": "18:00"
+ }],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+}
+</script>
+<link rel="stylesheet" href="assets/site.css">
+</head>
+<body>
+
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="#services">Services</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#projects">Portfolio</a></li>
+ <li><a href="#areas">Areas</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <a href="#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+
+<main id="main-content">
+<section id="hero">
+ <div class="hero-slideshow" aria-hidden="true">
+ <img class="hero-slide" src="house-hero.png" width="1672" height="941" alt="" fetchpriority="high" decoding="async">
+ <img class="hero-slide" src="framing-hero.png" width="1672" height="941" alt="" decoding="async">
+ <img class="hero-slide" src="roof-hero.png" width="1920" height="1080" alt="" decoding="async">
+ <img class="hero-slide hero-slide-level" src="level-hero.jpg" width="1920" height="1080" alt="" decoding="async">
+ <img class="hero-slide" src="finished-hero.png" width="1672" height="941" alt="" decoding="async">
+ </div>
+ <div class="hero-content">
+ <p class="hero-eyebrow">Craftsmanship matters.</p>
+ <h1>Building <em>Exceptional</em><br>Homes Across<br>Watford & London</h1>
+ <p class="hero-desc">Based in Watford, R Craft Construction specialises in house extensions, loft conversions, refurbishments, structural work and groundworks across London and the surrounding areas.</p>
+ <div class="hero-actions">
+ <a href="#contact" class="btn-primary">Discuss Your Project</a>
+ <a href="#projects" class="btn-ghost">View Portfolio</a>
+ </div>
+ </div>
+ <div class="hero-stats">
+ <div>
+ <div class="stat-num">200+</div>
+ <div class="stat-label">Projects Complete</div>
+ </div>
+ <div>
+ <div class="stat-num">10+</div>
+ <div class="stat-label">Years Experience</div>
+ </div>
+ <div>
+ <div class="stat-num">100%</div>
+ <div class="stat-label">Client Satisfaction</div>
+ </div>
+ </div>
+</section>
+
+<section id="services">
+ <div class="section-header">
+ <span class="section-eyebrow">What We Do</span>
+ <h2>Our Services</h2>
+ </div>
+ <div class="services-grid">
+ <div class="service-card" id="extensions-conversions">
+ <div class="service-icon">
+ <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
+ <rect x="6" y="24" width="36" height="18" rx="1"/>
+ <path d="M4 24l20-16 20 16"/>
+ <path d="M18 42V30h12v12"/>
+ <path d="M28 18h8v6"/>
+ </svg>
+ </div>
+ <h3 class="service-title">Extensions & Conversions</h3>
+ <div class="service-desc">Rear extensions, side returns, loft conversions and garage conversions to give your home the space it needs.</div>
+ <a class="text-link" href="extensions-and-conversions.html">Explore extensions & conversions <span aria-hidden="true">→</span></a>
+ </div>
+ <div class="service-card" id="refurbishments">
+ <div class="service-icon">
+ <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
+ <rect x="8" y="8" width="32" height="32" rx="2"/>
+ <path d="M8 20h32M20 8v32"/>
+ <circle cx="14" cy="14" r="2" fill="currentColor" stroke="none"/>
+ </svg>
+ </div>
+ <h3 class="service-title">Refurbishments</h3>
+ <div class="service-desc">Full and partial home refurbishments, including kitchens, bathrooms and work throughout the house, with a clear scope and agreed specification.</div>
+ <a class="text-link" href="property-refurbishments.html">Explore property refurbishments <span aria-hidden="true">→</span></a>
+ </div>
+ <div class="service-card" id="structural-works">
+ <div class="service-icon">
+ <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
+ <path d="M6 42V12l18-6 18 6v30"/>
+ <path d="M6 22h36M6 32h36"/>
+ <rect x="18" y="32" width="12" height="10"/>
+ </svg>
+ </div>
+ <h3 class="service-title">Structural Works & New Builds</h3>
+ <div class="service-desc">Structural alterations, new builds and underpinning, with the building work considered from the groundworks through to completion.</div>
+ <a class="text-link" href="structural-works.html">Explore structural works & new builds <span aria-hidden="true">→</span></a>
+ </div>
+ <div class="service-card" id="groundworks-concrete">
+ <div class="service-icon">
+ <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
+ <path d="M4 36h40M8 36V20l4-4h24l4 4v16"/>
+ <path d="M16 36V26h16v10"/>
+ <path d="M8 28h4M36 28h4"/>
+ </svg>
+ </div>
+ <h3 class="service-title">Groundworks & Concrete</h3>
+ <div class="service-desc">Foundations, retaining walls, drainage, driveways and concrete works for domestic building projects.</div>
+ <a class="text-link" href="groundworks-and-concrete.html">Explore groundworks & concrete <span aria-hidden="true">→</span></a>
+ </div>
+ </div>
+</section>
+
+<section id="about">
+ <div class="about-text">
+ <span class="section-eyebrow" style="display:block;margin-bottom:1rem;">Who We Are</span>
+ <h2 style="margin-bottom:1.5rem;">Watford-Based<br>Construction Experts</h2>
+ <div class="gold-line"></div>
+ <p class="about-body">R Craft Construction LTD is a Watford-based building contractor with over a decade of experience delivering high-quality domestic building and refurbishment projects across Watford, London, Hertfordshire, Bedfordshire, and surrounding areas. Our work ranges from individual rooms to extensions and wider structural alterations, with careful attention to the way the finished home will be used.</p>
+ <p class="about-body">We discuss the scope, specification and building programme with you before work begins, bringing the different stages of your project together through to handover.</p>
+ <ul class="about-list">
+ <li>Fully insured & accredited</li>
+ <li>Free detailed quotations</li>
+ <li>Project managed end-to-end</li>
+ <li>Serving Watford, London & surrounding areas</li>
+ <li>5-star rated by clients</li>
+ </ul>
+ </div>
+ <div class="about-visual">
+ <div class="about-box">
+ <p class="about-quote">“Good building work starts with understanding how you want to live in your home — and paying attention to the details that make it work.”</p>
+ </div>
+ </div>
+</section>
+
+<section id="projects">
+ <div class="section-header">
+ <span class="section-eyebrow">Portfolio</span>
+ <h2>Our Craftsmanship</h2>
+ </div>
+ <div class="projects-mosaic">
+ <div class="project-tile tall" role="button" tabindex="0" aria-label="View full size image of Flooring & Rooflights">
+ <img class="tile-image" src="floor.png" alt="Finished floor with rooflights and black-framed doors" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Flooring</div>
+ <div class="tile-title">Flooring & Rooflights</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Timber-frame Extension">
+ <img class="tile-image" src="addition.png" alt="Timber-frame extension under construction against a brick property" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Extension</div>
+ <div class="tile-title">Timber-frame Extension</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Brickwork and Rooflights">
+ <img class="tile-image" src="extension.png" alt="Completed brick rear extension with flat roof and rooflights" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Rear Extension</div>
+ <div class="tile-title">Brickwork & Rooflights</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Curved Stair Installation">
+ <img class="tile-image" src="stairs.png" alt="Curved timber stair installation during refurbishment" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Bespoke Joinery</div>
+ <div class="tile-title">Curved Stair Installation</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Site Carpentry">
+ <img class="tile-image" src="saw.png" alt="Carpenter cutting timber beams with a circular saw on site" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Structural Works</div>
+ <div class="tile-title">Site Carpentry</div>
+ </div>
+ </div>
+ </div>
+ <div class="projects-cta">
+ <p style="font-size:0.85rem;color:var(--stone);margin-bottom:1.25rem;letter-spacing:0.05em;">See our full portfolio on Instagram</p>
+ <a href="https://instagram.com/rcraft.construction" class="btn-ghost" style="font-size:0.75rem;">@rcraft.construction</a>
+ </div>
+</section>
+
+<section id="areas">
+ <div class="section-header">
+ <span class="section-eyebrow">Where We Work</span>
+ <h2>Builders Serving Watford, London & Nearby Areas</h2>
+ </div>
+ <p class="areas-intro">Based in Watford, R Craft Construction works across local Hertfordshire towns, North and West London, selected South West and East London areas, Bedfordshire, and project locations further out by arrangement. Tell us your postcode and the work you have in mind so we can discuss your project and arrange the next steps.</p>
+<div class="location-guides"><a href="builders-london.html"><span class="section-eyebrow">Building locally</span><h3>Builders in London</h3><p>Planning access, defining the scope and building across the capital.</p><span class="text-link">Explore London <span aria-hidden="true">→</span></span></a><a href="builders-watford.html"><span class="section-eyebrow">Building locally</span><h3>Builders in Watford</h3><p>Our home base, with practical advice for your Hertfordshire project.</p><span class="text-link">Explore Watford <span aria-hidden="true">→</span></span></a><a href="builders-harrow.html"><span class="section-eyebrow">Building locally</span><h3>Builders in Harrow</h3><p>Extensions, loft space and alterations to your existing home.</p><span class="text-link">Explore Harrow <span aria-hidden="true">→</span></span></a></div>
+ <div class="areas-grid">
+ <div class="area-card">
+ <h3 class="area-title">Watford & Hertfordshire</h3>
+ <ul class="area-list">
+ <li><a href="builders-watford.html">Watford</a></li>
+ <li>Bushey</li>
+ <li>Northwood</li>
+ <li>Pinner</li>
+ <li>Rickmansworth</li>
+ <li>St Albans</li>
+ <li>Hemel Hempstead</li>
+ <li>Borehamwood</li>
+ <li>Radlett</li>
+ </ul>
+ </div>
+ <div class="area-card">
+ <h3 class="area-title">London Service Areas</h3>
+ <ul class="area-list">
+ <li>Ealing</li>
+ <li>Brentford</li>
+ <li>Chiswick</li>
+ <li>Acton</li>
+ <li>Hammersmith</li>
+ <li>Battersea Park</li>
+ <li>Walthamstow</li>
+ <li><a href="builders-harrow.html">Harrow</a></li>
+ <li>Barnet</li>
+ <li>Edgware</li>
+ <li>Finchley</li>
+ <li>Wembley</li>
+ <li>Camden</li>
+ <li>Islington</li>
+ </ul>
+ </div>
+ <div class="area-card">
+ <h3 class="area-title">Wider Coverage</h3>
+ <ul class="area-list">
+ <li>Luton</li>
+ <li>Dunstable</li>
+ <li>Hitchin</li>
+ <li>Stevenage</li>
+ <li>Uxbridge</li>
+ <li>Enfield</li>
+ <li>Twickenham</li>
+ <li>Richmond</li>
+ <li>Harston</li>
+ <li>Cambridgeshire</li>
+ </ul>
+ </div>
+ </div>
+</section>
+
+<section id="contact">
+ <div class="contact-info">
+ <span class="section-eyebrow" style="display:block;margin-bottom:1rem;">Get in Touch</span>
+ <h2 style="margin-bottom:1.5rem;">Discuss Your Building Project</h2>
+ <div class="gold-line"></div>
+ <p class="contact-body">Ready to transform your property? We offer free, no-obligation quotations and site visits across Watford, London, Hertfordshire, Bedfordshire, and selected wider areas. Get in touch and we will respond within 24 hours.</p>
+ <div class="contact-detail">
+ <span class="contact-label">Location</span>
+ <span class="contact-value">Based in Watford<br>Serving Ealing, Brentford, Chiswick, Battersea Park, Walthamstow, Harrow, Barnet, Bushey, St Albans, Luton, Harston (Cambridgeshire), and nearby areas</span>
+ </div>
+ <div class="contact-detail">
+ <span class="contact-label">Instagram</span>
+ <span class="contact-value">@rcraft.construction</span>
+ </div>
+ <div class="contact-detail">
+ <span class="contact-label">Hours</span>
+ <span class="contact-value">Monday – Saturday<br>7:00am – 6:00pm</span>
+ </div>
+ </div>
+ <form class="contact-form" onsubmit="handleSubmit(event)">
+ <div class="form-row">
+ <div class="form-group">
+ <label class="form-label">First Name</label>
+ <input class="form-input" type="text" placeholder="John">
+ </div>
+ <div class="form-group">
+ <label class="form-label">Surname</label>
+ <input class="form-input" type="text" placeholder="Smith">
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="form-label">Email Address</label>
+ <input class="form-input" type="email" placeholder="[email protected]">
+ </div>
+ <div class="form-group">
+ <label class="form-label">Phone Number</label>
+ <input class="form-input" type="tel" placeholder="+44 7XXX XXXXXX">
+ </div>
+ <div class="form-group">
+ <label class="form-label">Service Required</label>
+ <select class="form-select">
+ <option value="">Choose a service…</option>
+ <option>Extension or Loft Conversion</option>
+ <option>Refurbishment</option>
+ <option>Structural Works & New Builds</option>
+ <option>Groundworks & Concrete</option>
+ <option>Multiple Services</option>
+ <option>Other / Not Sure</option>
+ </select>
+ </div>
+ <div class="form-group">
+ <label class="form-label">Tell Us About Your Building Project</label>
+ <textarea class="form-input" placeholder="Tell us about the work, your postcode and preferred timescale…"></textarea>
+ </div>
+ <button type="submit" class="btn-primary" style="width:100%;padding:1.1rem;">Send Enquiry</button>
+ <div id="form-success" style="display:none;text-align:center;padding:1rem;color:var(--gold);font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;">✓ Message sent — we will be in touch shortly</div>
+ </form>
+</section>
+
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="#about">About R Craft</a></li>
+ <li><a href="#projects">Our project portfolio</a></li>
+ <li><a href="#areas">Areas we cover</a></li>
+ <li><a href="#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="#hero">Back to top ↑</a>
+ </div>
+</footer>
+
+<div class="mobile-cta" inert aria-hidden="true">
+ <a href="#contact" class="btn-primary">Get a Quotation</a>
+</div>
+
+<div class="image-modal" id="image-modal" role="dialog" aria-modal="true" aria-hidden="true">
+ <button class="image-modal-close" type="button" aria-label="Close full screen image">×</button>
+ <img id="image-modal-img" src="" alt="">
+</div>
+
+<script>
+function handleSubmit(e) {
+ e.preventDefault();
+ const form = e.target;
+ const successMessage = document.getElementById('form-success');
+
+ form.reset();
+ form.classList.add('is-submitted');
+ form.querySelectorAll('input, select, textarea, button[type="submit"]').forEach((control) => {
+ control.disabled = true;
+ });
+ successMessage.style.display = 'block';
+ successMessage.setAttribute('tabindex', '-1');
+ successMessage.focus();
+}
+
+const siteNav = document.querySelector('nav');
+const mobileCta = document.querySelector('.mobile-cta');
+const hero = document.getElementById('hero');
+const mobileViewport = window.matchMedia('(max-width: 600px)');
+const navToggle = document.querySelector('.nav-toggle');
+const navSectionLinks = Array.from(document.querySelectorAll('.nav-links a[href^="#"]'));
+const navSections = navSectionLinks
+ .map((link) => ({ link, section: document.querySelector(link.getAttribute('href')) }))
+ .filter(({ section }) => section);
+
+function setMobileNav(open) {
+ siteNav.classList.toggle('is-open', open);
+ navToggle.setAttribute('aria-expanded', String(open));
+ navToggle.setAttribute('aria-label', open ? 'Close navigation' : 'Open navigation');
+}
+
+function setActiveNavLink(activeId) {
+ navSections.forEach(({ link, section }) => {
+ const isActive = section.id === activeId;
+ link.classList.toggle('is-active', isActive);
+
+ if (isActive) {
+ link.setAttribute('aria-current', 'location');
+ } else {
+ link.removeAttribute('aria-current');
+ }
+ });
+}
+
+function updateActiveNavLink() {
+ const showMobileCta = mobileViewport.matches && hero.getBoundingClientRect().bottom <= 0;
+ mobileCta.classList.toggle('is-visible', showMobileCta);
+ mobileCta.inert = !showMobileCta;
+ mobileCta.setAttribute('aria-hidden', String(!showMobileCta));
+
+ const navOffset = siteNav.offsetHeight + 24;
+ let activeId = '';
+
+ navSections.forEach(({ section }) => {
+ if (section.getBoundingClientRect().top <= navOffset) {
+ activeId = section.id;
+ }
+ });
+
+ setActiveNavLink(activeId);
+}
+
+navToggle.addEventListener('click', () => {
+ setMobileNav(!siteNav.classList.contains('is-open'));
+});
+
+document.querySelectorAll('.nav-links a, .nav-cta, .mobile-cta a').forEach((link) => {
+ link.addEventListener('click', () => {
+ const targetId = link.getAttribute('href')?.slice(1);
+
+ if (targetId) {
+ setActiveNavLink(targetId);
+ }
+
+ setMobileNav(false);
+ });
+});
+
+window.addEventListener('scroll', updateActiveNavLink, { passive: true });
+window.addEventListener('resize', updateActiveNavLink);
+window.addEventListener('load', updateActiveNavLink);
+updateActiveNavLink();
+
+const modal = document.getElementById('image-modal');
+const modalImage = document.getElementById('image-modal-img');
+const closeModalButton = modal.querySelector('.image-modal-close');
+let lastFocusedElement = null;
+
+function openImageModal(image) {
+ lastFocusedElement = document.activeElement;
+ modalImage.src = image.currentSrc || image.src;
+ modalImage.alt = image.alt;
+ modal.classList.add('is-open');
+ modal.setAttribute('aria-hidden', 'false');
+ document.body.classList.add('modal-open');
+ closeModalButton.focus();
+}
+
+function closeImageModal() {
+ modal.classList.remove('is-open');
+ modal.setAttribute('aria-hidden', 'true');
+ document.body.classList.remove('modal-open');
+ modalImage.removeAttribute('src');
+ modalImage.alt = '';
+
+ if (lastFocusedElement) {
+ lastFocusedElement.focus();
+ }
+}
+
+document.querySelectorAll('.project-tile').forEach((tile) => {
+ tile.addEventListener('click', () => {
+ openImageModal(tile.querySelector('.tile-image'));
+ });
+
+ tile.addEventListener('keydown', (event) => {
+ if (event.key === 'Enter' || event.key === ' ') {
+ event.preventDefault();
+ openImageModal(tile.querySelector('.tile-image'));
+ }
+ });
+});
+
+closeModalButton.addEventListener('click', closeImageModal);
+
+modal.addEventListener('click', (event) => {
+ if (event.target === modal) {
+ closeImageModal();
+ }
+});
+
+document.addEventListener('keydown', (event) => {
+ if (event.key !== 'Escape') {
+ return;
+ }
+
+ if (modal.classList.contains('is-open')) {
+ closeImageModal();
+ }
+
+ if (siteNav.classList.contains('is-open')) {
+ setMobileNav(false);
+ navToggle.focus();
+ }
+});
+</script>
+</body>
+</html>
diff --git a/docs/level-hero.jpg b/docs/level-hero.jpg
new file mode 100644
index 0000000..f864c27
Binary files /dev/null and b/docs/level-hero.jpg differ
diff --git a/docs/property-refurbishments.html b/docs/property-refurbishments.html
new file mode 100644
index 0000000..ac1c0eb
--- /dev/null
+++ b/docs/property-refurbishments.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Home Refurbishments in London & Watford | R Craft Construction LTD</title>
+<meta name="description" content="Property refurbishments in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/property-refurbishments.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Home Refurbishments in London & Watford | R Craft Construction LTD">
+<meta property="og:description" content="Property refurbishments in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/property-refurbishments.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Home Refurbishments in London & Watford | R Craft Construction LTD">
+<meta name="twitter:description" content="Property refurbishments in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/property-refurbishments.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/property-refurbishments.html",
+ "name": "Home Refurbishments in London & Watford",
+ "description": "Property refurbishments in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Home Refurbishments in London & Watford",
+ "item": "https://rcraftconstruction.co.uk/property-refurbishments.html"
+ }
+ ]
+ },
+ {
+ "@type": "Service",
+ "@id": "https://rcraftconstruction.co.uk/property-refurbishments.html#service",
+ "name": "Property refurbishments",
+ "serviceType": "Property refurbishments",
+ "url": "https://rcraftconstruction.co.uk/property-refurbishments.html",
+ "provider": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "London"
+ },
+ {
+ "@type": "Place",
+ "name": "Watford"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Property refurbishments</span></div>
+ <p class="hero-eyebrow">Our services</p>
+ <h1>Home Refurbishments in London & Watford</h1>
+ <p class="hero-desc">Bring a tired property back into use, improve the layout or finish the rooms you have been putting off. We carry out full and partial home refurbishments across London, Watford and nearby areas.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="floor.png" alt="Finished flooring beneath rooflights from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>A refurbishment shaped around your home</h2><p>Some projects begin with a kitchen or bathroom. Others involve bringing several rooms up to the same standard or reworking a whole house. We start by understanding what you want to keep, what needs replacing and what is no longer working for you.</p><p>A useful brief distinguishes essential repairs from improvements and finishing preferences. That makes it easier to discuss a realistic scope and to identify work that needs to happen before decoration and final finishes.</p></section><section class="detail-section"><h2>The order of work matters</h2><p>Opening up a layout, changing door positions or altering floors can affect the work that follows. If structural alterations form part of your refurbishment, include the relevant drawings and engineering information in the brief so they can be considered alongside the rest of the project.</p><p>For kitchens and bathrooms, the proposed layout and your choice of fittings help define the scope. Tell us which items you will supply and which you want included in the quotation; this avoids uncertainty over the final specification.</p></section><section class="detail-section"><h2>Keeping the project manageable</h2><p>If you are living in the property, let us know which rooms you rely on and whether work can be phased. Access, protection of retained finishes and the sequence of rooms all deserve attention before a start date is agreed.</p><p>For an empty property, a coordinated programme may make it easier to tackle several rooms together. Either way, discussing decisions on flooring, joinery and finishes early helps keep the brief clear as work progresses.</p></section><section class="detail-section"><h2>Questions before you start</h2><details><summary>Do you take on partial refurbishments?</summary><p>Yes. We undertake full and partial refurbishments, including kitchens and bathrooms. Send the scope and location so we can discuss your project.</p></details><details><summary>Can refurbishment work be phased?</summary><p>Tell us which rooms must remain usable and your preferred sequence. We can discuss whether phasing suits the scope and what it means for access and the programme.</p></details><details><summary>Can I supply my own fittings?</summary><p>Tell us which items you would like to supply when requesting a quotation. Their specifications and delivery dates need to be considered alongside the building work.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Photographs of the rooms and a list of proposed changes</li><li>Plans showing any layout or structural alterations</li><li>Details of finishes and fittings you wish to retain or supply</li><li>Whether the property will be occupied during the works</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Related building services</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="structural-works.html">Structural works & new builds <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>
diff --git a/docs/rcraft-twitter.png b/docs/rcraft-twitter.png
new file mode 100644
index 0000000..e26d5a5
Binary files /dev/null and b/docs/rcraft-twitter.png differ
diff --git a/docs/rcraft_logo.png b/docs/rcraft_logo.png
new file mode 100644
index 0000000..b996db7
Binary files /dev/null and b/docs/rcraft_logo.png differ
diff --git a/docs/robots.txt b/docs/robots.txt
new file mode 100644
index 0000000..d3b1b44
--- /dev/null
+++ b/docs/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://rcraftconstruction.co.uk/sitemap.xml
diff --git a/docs/roof-hero.png b/docs/roof-hero.png
new file mode 100644
index 0000000..46ad8e5
Binary files /dev/null and b/docs/roof-hero.png differ
diff --git a/docs/saw.png b/docs/saw.png
new file mode 100644
index 0000000..787cc40
Binary files /dev/null and b/docs/saw.png differ
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
new file mode 100644
index 0000000..75f6f07
--- /dev/null
+++ b/docs/sitemap.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+ <url><loc>https://rcraftconstruction.co.uk/</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/extensions-and-conversions.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/property-refurbishments.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/structural-works.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/groundworks-and-concrete.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/builders-london.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/builders-watford.html</loc></url>
+ <url><loc>https://rcraftconstruction.co.uk/builders-harrow.html</loc></url>
+</urlset>
diff --git a/docs/stairs.png b/docs/stairs.png
new file mode 100644
index 0000000..3d35bbd
Binary files /dev/null and b/docs/stairs.png differ
diff --git a/docs/structural-works.html b/docs/structural-works.html
new file mode 100644
index 0000000..e10cc96
--- /dev/null
+++ b/docs/structural-works.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Structural Building Works in London & Watford | R Craft Construction LTD</title>
+<meta name="description" content="Structural works & new builds in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<link rel="canonical" href="https://rcraftconstruction.co.uk/structural-works.html">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_GB">
+<meta property="og:site_name" content="R Craft Construction LTD">
+<meta property="og:title" content="Structural Building Works in London & Watford | R Craft Construction LTD">
+<meta property="og:description" content="Structural works & new builds in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta property="og:url" content="https://rcraftconstruction.co.uk/structural-works.html">
+<meta property="og:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta property="og:image:alt" content="R Craft Construction LTD">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Structural Building Works in London & Watford | R Craft Construction LTD">
+<meta name="twitter:description" content="Structural works & new builds in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.">
+<meta name="twitter:image" content="https://rcraftconstruction.co.uk/rcraft-twitter.png">
+<meta name="twitter:image:alt" content="R Craft Construction LTD">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="assets/site.css">
+<script type="application/ld+json">{
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@context": "https://schema.org",
+ "@type": "HomeAndConstructionBusiness",
+ "@id": "https://rcraftconstruction.co.uk/#business",
+ "url": "https://rcraftconstruction.co.uk/",
+ "logo": "https://rcraftconstruction.co.uk/rcraft_logo.png",
+ "image": "https://rcraftconstruction.co.uk/house-hero.png",
+ "name": "R Craft Construction LTD",
+ "description": "Watford-based construction company serving London, Hertfordshire, Bedfordshire and nearby areas with extensions, refurbishments, structural works and groundworks.",
+ "address": {
+ "@type": "PostalAddress",
+ "addressLocality": "Watford",
+ "addressCountry": "GB"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "Watford"
+ },
+ {
+ "@type": "Place",
+ "name": "Bushey"
+ },
+ {
+ "@type": "Place",
+ "name": "Northwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Pinner"
+ },
+ {
+ "@type": "Place",
+ "name": "Harrow"
+ },
+ {
+ "@type": "Place",
+ "name": "St Albans"
+ },
+ {
+ "@type": "Place",
+ "name": "Hemel Hempstead"
+ },
+ {
+ "@type": "Place",
+ "name": "Borehamwood"
+ },
+ {
+ "@type": "Place",
+ "name": "Barnet"
+ },
+ {
+ "@type": "Place",
+ "name": "Edgware"
+ },
+ {
+ "@type": "Place",
+ "name": "Finchley"
+ },
+ {
+ "@type": "Place",
+ "name": "Wembley"
+ },
+ {
+ "@type": "Place",
+ "name": "Ealing"
+ },
+ {
+ "@type": "Place",
+ "name": "Brentford"
+ },
+ {
+ "@type": "Place",
+ "name": "Chiswick"
+ },
+ {
+ "@type": "Place",
+ "name": "Acton"
+ },
+ {
+ "@type": "Place",
+ "name": "Hammersmith"
+ },
+ {
+ "@type": "Place",
+ "name": "Battersea Park"
+ },
+ {
+ "@type": "Place",
+ "name": "Walthamstow"
+ },
+ {
+ "@type": "Place",
+ "name": "Camden"
+ },
+ {
+ "@type": "Place",
+ "name": "Islington"
+ },
+ {
+ "@type": "Place",
+ "name": "Richmond"
+ },
+ {
+ "@type": "Place",
+ "name": "Twickenham"
+ },
+ {
+ "@type": "Place",
+ "name": "Luton"
+ },
+ {
+ "@type": "Place",
+ "name": "Harston, Cambridgeshire"
+ }
+ ],
+ "openingHoursSpecification": [
+ {
+ "@type": "OpeningHoursSpecification",
+ "dayOfWeek": [
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ "opens": "07:00",
+ "closes": "18:00"
+ }
+ ],
+ "serviceType": [
+ "House extensions",
+ "Loft conversions",
+ "Property refurbishments",
+ "Structural works",
+ "Groundworks",
+ "Concrete works"
+ ],
+ "sameAs": [
+ "https://instagram.com/rcraft.construction"
+ ]
+ },
+ {
+ "@type": "WebPage",
+ "@id": "https://rcraftconstruction.co.uk/structural-works.html#webpage",
+ "url": "https://rcraftconstruction.co.uk/structural-works.html",
+ "name": "Structural Building Works in London & Watford",
+ "description": "Structural works & new builds in London and Watford. Explore the scope, what to prepare and how to request a free quotation from R Craft Construction.",
+ "inLanguage": "en-GB",
+ "about": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://rcraftconstruction.co.uk/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Structural Building Works in London & Watford",
+ "item": "https://rcraftconstruction.co.uk/structural-works.html"
+ }
+ ]
+ },
+ {
+ "@type": "Service",
+ "@id": "https://rcraftconstruction.co.uk/structural-works.html#service",
+ "name": "Structural works & new builds",
+ "serviceType": "Structural works & new builds",
+ "url": "https://rcraftconstruction.co.uk/structural-works.html",
+ "provider": {
+ "@id": "https://rcraftconstruction.co.uk/#business"
+ },
+ "areaServed": [
+ {
+ "@type": "Place",
+ "name": "London"
+ },
+ {
+ "@type": "Place",
+ "name": "Watford"
+ }
+ ]
+ }
+ ]
+}</script>
+<script src="assets/detail.js" defer></script>
+</head>
+<body class="detail-page">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<nav class="site-nav" aria-label="Main navigation">
+ <a href="index.html#hero" class="nav-logo">
+ <img class="logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD">
+ </a>
+ <button class="nav-toggle" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </button>
+ <ul class="nav-links" id="primary-navigation">
+ <li><a href="index.html#services">Services</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#projects">Portfolio</a></li>
+ <li><a href="index.html#areas">Areas</a></li>
+ <li><a href="index.html#contact">Contact</a></li>
+ </ul>
+ <a href="index.html#contact" class="nav-cta">Get a Quotation</a>
+</nav>
+<main id="main-content">
+<section id="hero" class="detail-hero">
+ <div class="detail-hero-copy">
+ <div class="breadcrumbs"><a href="index.html">Home</a><span aria-hidden="true"> / </span><span>Structural works & new builds</span></div>
+ <p class="hero-eyebrow">Our services</p>
+ <h1>Structural Building Works in London & Watford</h1>
+ <p class="hero-desc">From alterations to an existing house to the structure of a new build, R Craft Construction undertakes structural building work across London, Watford and the surrounding areas.</p>
+ <div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="index.html#projects" class="btn-ghost">View our work</a></div>
+ </div>
+ <figure class="detail-hero-image"><img src="addition.png" alt="Timber frame under construction from the R Craft portfolio" fetchpriority="high" decoding="async"><figcaption>From the R Craft Construction portfolio</figcaption></figure>
+</section>
+<div class="detail-layout">
+ <div class="detail-copy"><section class="detail-section"><h2>A sound structure for a new layout</h2><p>A change to the layout of a home can involve much more than removing a partition. Larger openings, new connections between rooms and alterations for an extension need a clear understanding of the existing building and the proposed structure.</p><p>We discuss the intended scope against the available drawings and structural information. The aim is to establish what is being built, how it connects to the existing house and which follow-on trades and finishes need to be included.</p></section><section class="detail-section"><h2>Alterations, underpinning and new construction</h2><p>We undertake structural alterations, underpinning and new builds. These are different types of work, so a useful enquiry explains the purpose of the project and includes any professional reports or design information already available.</p><p>For an existing property, photographs can help introduce the site, but concealed construction and access still need consideration. For new construction, share the site layout and specification as well as the proposed building drawings.</p></section><section class="detail-section"><h2>Agreeing the boundaries of the work</h2><p>A structural quotation should be clear about the work included around the main structure. Discuss demolition, removal of waste, making good and the point at which the space will be handed over for the next stage.</p><p>If the structural work is part of a larger refurbishment, we can discuss the wider scope at the same time. This helps connect the sequence of building work with the finish you want to achieve.</p></section><section class="detail-section"><h2>Questions before you start</h2><details><summary>Can you quote from my engineer’s drawings?</summary><p>Share the drawings and the wider project brief. We can review the scope and discuss what else is needed for a quotation, including site access and finishing requirements.</p></details><details><summary>Do you undertake new builds as well as alterations?</summary><p>Yes, new builds form part of our services. Send the site location, drawings and intended scope so we can discuss the project.</p></details><details><summary>Can structural work be combined with an extension?</summary><p>Yes. Explain the whole project when you enquire so the structure, extension and any refurbishment work can be considered together.</p></details></section></div>
+ <aside class="project-brief" aria-labelledby="brief-heading"><span class="section-eyebrow">Your project brief</span><h2 id="brief-heading">Before we talk</h2><p>A few details will help us understand the work you have in mind.</p><ul><li>Existing and proposed drawings where available</li><li>Structural drawings, calculations or relevant reports</li><li>Photographs and details of access to the work area</li><li>Whether you need structural work alone or a wider refurbishment</li></ul><a href="index.html#contact" class="btn-primary">Request a quotation</a><p class="brief-note">Free, no-obligation quotations.<br>Based in Watford, serving London and the surrounding areas.</p></aside>
+</div>
+<section class="related-section"><span class="section-eyebrow">Plan the whole project</span><h2>Related building services</h2><div class="related-links"><a href="extensions-and-conversions.html">Extensions & conversions <span aria-hidden="true">→</span></a><a href="property-refurbishments.html">Property refurbishments <span aria-hidden="true">→</span></a><a href="groundworks-and-concrete.html">Groundworks & concrete <span aria-hidden="true">→</span></a></div><h3>Explore our local coverage</h3><div class="related-links"><a href="builders-london.html">Builders in London <span aria-hidden="true">→</span></a><a href="builders-watford.html">Builders in Watford <span aria-hidden="true">→</span></a><a href="builders-harrow.html">Builders in Harrow <span aria-hidden="true">→</span></a></div></section>
+<section class="detail-enquiry"><span class="section-eyebrow">Let’s talk building</span><h2>Tell us what you have in mind</h2><p>Share your postcode, the work you are considering and any drawings you already have. We can discuss the scope and the next steps.</p><div class="hero-actions"><a href="index.html#contact" class="btn-primary">Discuss your project</a><a href="https://instagram.com/rcraft.construction" class="btn-ghost">Contact us on Instagram</a></div></section>
+</main>
+<footer>
+ <div class="footer-top">
+ <div class="footer-brand">
+ <a href="index.html#hero" class="footer-logo" aria-label="R Craft Construction LTD — back to top">
+ <img class="footer-logo-image" src="rcraft_logo.png" width="866" height="288" alt="R Craft Construction LTD" loading="lazy" decoding="async">
+ </a>
+ <p class="footer-summary">Craftsmanship matters. From the first foundations to the finishing details, we build and improve homes across Watford, London and the surrounding areas.</p>
+ <a href="index.html#contact" class="btn-primary">Get a Quotation</a>
+ </div>
+ <div>
+ <h2 class="footer-heading">Our services</h2>
+ <ul class="footer-links">
+ <li><a href="extensions-and-conversions.html">Extensions & conversions</a></li>
+ <li><a href="property-refurbishments.html">Property refurbishments</a></li>
+ <li><a href="structural-works.html">Structural works & new builds</a></li>
+ <li><a href="groundworks-and-concrete.html">Concrete & groundworks</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Explore</h2>
+ <ul class="footer-links">
+ <li><a href="index.html#about">About R Craft</a></li>
+ <li><a href="index.html#projects">Our project portfolio</a></li>
+ <li><a href="index.html#areas">Areas we cover</a></li>
+ <li><a href="index.html#contact">Request a free quotation</a></li>
+ </ul>
+ </div>
+ <div>
+ <h2 class="footer-heading">Get in touch</h2>
+ <p class="footer-summary">Based in Watford, Hertfordshire<br>Monday–Saturday<br>7:00am–6:00pm</p>
+ <a class="footer-social" href="https://instagram.com/rcraft.construction">Follow our work on Instagram ↗</a>
+ </div>
+ </div>
+ <div class="footer-coverage">
+ <span class="section-eyebrow">Built around you</span>
+ <p>Serving <a href="builders-watford.html">Watford</a>, Bushey, Northwood, <a href="builders-harrow.html">Harrow</a>, St Albans and homes across <a href="builders-london.html">London</a>, Hertfordshire and Bedfordshire. <a href="index.html#areas">View our service areas</a>.</p>
+ </div>
+ <div class="footer-bottom">
+ <p class="footer-copy">© 2026 R Craft Construction LTD. All rights reserved.</p>
+ <a href="https://afterdarklabs.io">Website designed and hosted by After Dark Labs</a>
+ <a href="index.html#hero">Back to top ↑</a>
+ </div>
+</footer>
+<div class="mobile-cta" inert aria-hidden="true"><a href="index.html#contact" class="btn-primary">Get a Quotation</a></div>
+</body>
+</html>