patx/rcraft_const
add email n phone
Commit de8d592 · patx · 2026-09-10T12:33:29-04:00
Comments
No comments yet.
Diff
diff --git a/docs/assets/site.css b/docs/assets/site.css
index 8d14a2e..9141c1c 100644
--- a/docs/assets/site.css
+++ b/docs/assets/site.css
@@ -1165,3 +1165,9 @@ a:focus-visible, summary:focus-visible { outline: 2px solid var(--gold-light); o
html { scroll-behavior: auto; }
.hero-content > * { animation: none; }
}
+
+/* Direct contact links */
+.contact-email { display: block; overflow-wrap: anywhere; text-underline-offset: 4px; }
+footer .contact-email { margin-top: 1rem; }
+.footer-phone { padding: 0.85rem 1rem; }
+.contact-detail .contact-email { min-width: 0; }
diff --git a/docs/builders-harrow.html b/docs/builders-harrow.html
index 8352b25..1ecc572 100644
--- a/docs/builders-harrow.html
+++ b/docs/builders-harrow.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -198,7 +201,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -219,7 +223,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -268,6 +272,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -282,6 +288,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/builders-london.html b/docs/builders-london.html
index 47561d2..3ed5a7f 100644
--- a/docs/builders-london.html
+++ b/docs/builders-london.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -198,7 +201,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -219,7 +223,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -268,6 +272,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -282,6 +288,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/builders-watford.html b/docs/builders-watford.html
index 87d38e3..677f6f1 100644
--- a/docs/builders-watford.html
+++ b/docs/builders-watford.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -198,7 +201,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -219,7 +223,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -268,6 +272,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -282,6 +288,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/extensions-and-conversions.html b/docs/extensions-and-conversions.html
index b2ca364..a8875ff 100644
--- a/docs/extensions-and-conversions.html
+++ b/docs/extensions-and-conversions.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -218,7 +221,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -239,7 +243,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -288,6 +292,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -302,6 +308,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/groundworks-and-concrete.html b/docs/groundworks-and-concrete.html
index c0848ff..f954a91 100644
--- a/docs/groundworks-and-concrete.html
+++ b/docs/groundworks-and-concrete.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -218,7 +221,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -239,7 +243,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -288,6 +292,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -302,6 +308,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/index.html b/docs/index.html
index 7623b0a..cf3546d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -38,38 +38,122 @@
"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" }
+ {
+ "@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"
+ }
],
- "openingHoursSpecification": [{
- "@type": "OpeningHoursSpecification",
- "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
- "opens": "07:00",
- "closes": "18:00"
- }],
"serviceType": [
"House extensions",
"Loft conversions",
@@ -80,7 +164,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
}
</script>
<link rel="stylesheet" href="assets/site.css">
@@ -103,7 +189,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
@@ -333,6 +419,14 @@
<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">Call us</span>
+ <a class="btn-primary" href="tel:+447485133871">Call 07485 133871</a>
+ </div>
+ <div class="contact-detail">
+ <span class="contact-label">Email</span>
+ <a class="contact-value contact-email" href="mailto:[email protected]">[email protected]</a>
+ </div>
<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>
@@ -416,6 +510,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -432,7 +528,7 @@
</footer>
<div class="mobile-cta" inert aria-hidden="true">
- <a href="#contact" class="btn-primary">Get a Quotation</a>
+ <a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a>
</div>
<div class="image-modal" id="image-modal" role="dialog" aria-modal="true" aria-hidden="true">
@@ -509,7 +605,8 @@ navToggle.addEventListener('click', () => {
document.querySelectorAll('.nav-links a, .nav-cta, .mobile-cta a').forEach((link) => {
link.addEventListener('click', () => {
- const targetId = link.getAttribute('href')?.slice(1);
+ const href = link.getAttribute('href');
+ const targetId = href?.startsWith('#') ? href.slice(1) : null;
if (targetId) {
setActiveNavLink(targetId);
diff --git a/docs/property-refurbishments.html b/docs/property-refurbishments.html
index 4ecac03..ed3f84e 100644
--- a/docs/property-refurbishments.html
+++ b/docs/property-refurbishments.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -218,7 +221,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -239,7 +243,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -288,6 +292,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -302,6 +308,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>
diff --git a/docs/structural-works.html b/docs/structural-works.html
index 5a5e5e2..4667bd1 100644
--- a/docs/structural-works.html
+++ b/docs/structural-works.html
@@ -23,7 +23,8 @@
<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">{
+<script type="application/ld+json">
+{
"@context": "https://schema.org",
"@graph": [
{
@@ -167,7 +168,9 @@
],
"sameAs": [
"https://instagram.com/rcraft.construction"
- ]
+ ],
+ "telephone": "+447485133871",
+ "email": "[email protected]"
},
{
"@type": "WebPage",
@@ -218,7 +221,8 @@
]
}
]
-}</script>
+}
+</script>
<script src="assets/detail.js" defer></script>
</head>
<body class="detail-page">
@@ -239,7 +243,7 @@
<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>
+ <a href="tel:+447485133871" class="nav-cta">Call 07485 133871</a>
</nav>
<main id="main-content">
<section id="hero" class="detail-hero">
@@ -288,6 +292,8 @@
</div>
<div>
<h2 class="footer-heading">Get in touch</h2>
+ <a class="btn-primary footer-phone" href="tel:+447485133871">Call 07485 133871</a>
+ <a class="contact-email" href="mailto:[email protected]">[email protected]</a>
<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>
@@ -302,6 +308,6 @@
<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>
+<div class="mobile-cta" inert aria-hidden="true"><a href="tel:+447485133871" class="btn-primary">Call 07485 133871</a></div>
</body>
</html>