Update to content

Updated general text
Added 'art' jobs
Optimised the line endings

.gitattributes

@@ -0,0 +1,27 @@
+# Normalise line endings across the repo.
+# Text files are stored as LF so editors and tools stay consistent.
+* text=auto eol=lf
+
+# Explicit text formats - always LF
+*.php    text eol=lf
+*.html   text eol=lf
+*.css    text eol=lf
+*.js     text eol=lf
+*.json   text eol=lf
+*.md     text eol=lf
+*.txt    text eol=lf
+*.svg    text eol=lf
+*.xml    text eol=lf
+
+# Binary formats - leave bytes untouched
+*.webp   binary
+*.png    binary
+*.jpg    binary
+*.jpeg   binary
+*.gif    binary
+*.ico    binary
+*.pdf    binary
+*.woff   binary
+*.woff2  binary
+*.ttf    binary
+*.eot    binary

.gitignore

@@ -32,3 +32,7 @@ public_html/
 .gitea/
 .tmp/
 email-signature.html
+
+# Cowork session artifacts
+backup/
+.claude/

css/style.css

@@ -479,6 +479,7 @@ ul { list-style: none; }
 .service-icon--orange { background: rgba(249,115,22,0.2); color: var(--orange); }
 .service-icon--purple { background: rgba(167,139,250,0.2); color: #A78BFA; }
 .service-icon--teal   { background: rgba(13,148,136,0.2); color: #2DD4BF; }
+.service-icon--gold   { background: rgba(251,191,36,0.2); color: var(--gold); }
 
 .service-card h3 {
     font-family: var(--font-head);
@@ -494,6 +495,101 @@ ul { list-style: none; }
     font-size: 0.94rem;
 }
 
+/* Keep the icon and text above the plant row */
+.service-wide-icon, .service-wide-text { position: relative; z-index: 2; }
+
+/* Full width feature band - sits below the 3 card grid */
+.service-wide {
+    margin-top: 28px;
+    display: flex;
+    align-items: center;
+    gap: 32px;
+    background: linear-gradient(135deg, rgba(13,148,136,0.14), rgba(124,58,237,0.14));
+    border: 1px solid rgba(255,255,255,0.12);
+    border-radius: var(--radius);
+    padding: 40px 44px;
+    position: relative;
+    overflow: hidden;
+    transition: box-shadow var(--transition), border-color var(--transition), background var(--transition);
+}
+.service-wide::after {
+    content: '';
+    position: absolute;
+    bottom: 0; left: 0; right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, var(--teal), var(--purple-bright));
+}
+.service-wide:hover {
+    border-color: rgba(255,255,255,0.2);
+    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
+}
+.service-wide-icon {
+    flex-shrink: 0;
+    width: 72px;
+    height: 72px;
+    border-radius: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.8rem;
+    background: rgba(13,148,136,0.2);
+    color: #2DD4BF;
+}
+.service-wide-text h3 {
+    font-family: var(--font-head);
+    font-size: 1.25rem;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-bottom: 10px;
+    color: var(--white);
+}
+.service-wide-text p {
+    color: rgba(255,255,255,0.7);
+    line-height: 1.72;
+    font-size: 0.97rem;
+    max-width: 70ch;
+}
+
+/* Row of plants that grow up from the bottom edge on hover - themed to the sustainable growth message */
+.service-wide-plants {
+    position: absolute;
+    left: 0; right: 0; bottom: 3px;
+    height: 64px;
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    padding: 0 28px;
+    gap: 6px;
+    z-index: 1;
+    pointer-events: none;
+}
+.service-wide-plants i {
+    color: var(--teal);
+    font-size: 1.1rem;
+    transform: translateY(120%);
+    opacity: 0;
+    transition: transform 0.55s cubic-bezier(0.34, 1.4, 0.5, 1), opacity 0.35s ease;
+}
+.service-wide:hover .service-wide-plants i {
+    transform: translateY(0);
+    opacity: 0.9;
+}
+.service-wide-plants i:nth-child(1)  { transition-delay: 0.00s; font-size: 1.00rem; }
+.service-wide-plants i:nth-child(2)  { transition-delay: 0.05s; font-size: 1.30rem; }
+.service-wide-plants i:nth-child(3)  { transition-delay: 0.10s; font-size: 0.95rem; }
+.service-wide-plants i:nth-child(4)  { transition-delay: 0.15s; font-size: 1.20rem; }
+.service-wide-plants i:nth-child(5)  { transition-delay: 0.20s; font-size: 1.05rem; }
+.service-wide-plants i:nth-child(6)  { transition-delay: 0.25s; font-size: 1.35rem; }
+.service-wide-plants i:nth-child(7)  { transition-delay: 0.30s; font-size: 1.00rem; }
+.service-wide-plants i:nth-child(8)  { transition-delay: 0.35s; font-size: 1.20rem; }
+.service-wide-plants i:nth-child(9)  { transition-delay: 0.40s; font-size: 0.95rem; }
+.service-wide-plants i:nth-child(10) { transition-delay: 0.45s; font-size: 1.25rem; }
+.service-wide-plants i:nth-child(3n)   { color: #34D399; }
+.service-wide-plants i:nth-child(3n+1) { color: #5EEAD4; }
+@media (prefers-reduced-motion: reduce) {
+    .service-wide-plants i { transition: opacity 0.25s ease; transform: none; }
+}
+
 /* ================================================
    ABOUT
    ================================================ */
@@ -954,6 +1050,8 @@ ul { list-style: none; }
     }
 
     .services-grid { grid-template-columns: 1fr; }
+    .service-wide { flex-direction: column; text-align: center; gap: 20px; padding: 32px 24px; }
+    .service-wide-text p { max-width: none; }
     .project-row { grid-template-columns: 110px 1fr auto; gap: 18px; padding: 20px 0; }
     .project-row-img { height: 80px; }
     .project-img-placeholder { font-size: 1.8rem; }

estimates.php

@@ -7,7 +7,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Spells &amp; Pricing - Fraxle.net</title>
-    <meta name="description" content="Transparent pricing for web design, tech support and ongoing maintenance from Fraxle.net - friendly digital services for small businesses in Oxfordshire and beyond.">
+    <meta name="description" content="Transparent pricing for web design, web apps, graphics, video, 3D, audio, tech support and ongoing maintenance from Fraxle.net - friendly digital services for small businesses in Oxfordshire and beyond.">
     <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=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
@@ -596,7 +596,7 @@
                     <li>Mobile-friendly design</li>
                     <li>Contact form</li>
                     <li>Basic SEO setup</li>
-                    <li>WordPress website</li>
+                    <li>WordPress or Squarespace</li>
                 </ul>
                 <p class="pricing-tagline">Perfect for businesses taking their first steps into the digital realm.</p>
                 <a href="index.php?package=first-spark#contact" class="btn btn-accent pricing-enquire">
@@ -619,7 +619,7 @@
                     <li>Analytics setup</li>
                     <li>Search engine optimisation</li>
                 </ul>
-                <p class="pricing-tagline">For businesses ready to expand their reach and establish a stronger online presence.</p>
+                <p class="pricing-tagline">For businesses ready to spread their wings and get properly noticed online.</p>
                 <a href="index.php?package=enchanted-workshop#contact" class="btn btn-accent pricing-enquire">
                     <i class="fas fa-envelope"></i> Enquire about this
                 </a>
@@ -663,7 +663,7 @@
                     <li>Customer account features</li>
                     <li>Store management training</li>
                 </ul>
-                <p class="pricing-tagline">Everything needed to open your digital marketplace.</p>
+                <p class="pricing-tagline">Everything you need to throw open the doors of your digital marketplace.</p>
                 <a href="index.php?package=merchants-portal#contact" class="btn btn-accent pricing-enquire">
                     <i class="fas fa-envelope"></i> Enquire about this
                 </a>
@@ -694,6 +694,141 @@
     </div>
 </section>
 
+<!-- ===================== BESPOKE WEB APPS ===================== -->
+<section class="section-pad" style="background:#3B2DA8;">
+    <div class="container">
+        <div class="section-header">
+            <p class="section-eyebrow">Custom Builds</p>
+            <h2 class="section-title">The Spellforge</h2>
+            <p class="section-lead">When a website alone won't cut it - bespoke web apps and tools, conjured to fit exactly how you work.</p>
+        </div>
+        <div class="pricing-grid pricing-grid--2col">
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">⚙️</div>
+                <div class="pricing-name">The Cantrip</div>
+                <div class="pricing-price">£750 <span>- £2,000</span></div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>Single-purpose tool or mini-app</li>
+                    <li>Forms and data capture</li>
+                    <li>Database-backed</li>
+                    <li>Simple admin view</li>
+                    <li>Hosting and setup</li>
+                </ul>
+                <p class="pricing-tagline">A small but mighty tool, built to fit your workflow.</p>
+                <a href="index.php?package=the-cantrip#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">🏗️</div>
+                <div class="pricing-name">The Grand Working</div>
+                <div class="pricing-price">£3,000 <span>- £10,000+</span></div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>Bespoke functionality</li>
+                    <li>User accounts and roles</li>
+                    <li>Custom database design</li>
+                    <li>Integrations and APIs</li>
+                    <li>Testing and launch</li>
+                    <li>Ongoing support</li>
+                </ul>
+                <p class="pricing-tagline">When off-the-shelf simply won't do - a system built around you.</p>
+                <a href="index.php?package=grand-working#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ===================== MYSTIC DIGITAL ARTS ===================== -->
+<section class="section-pad" style="background:#251D70;">
+    <div class="container">
+        <div class="section-header">
+            <p class="section-eyebrow">Creative Services</p>
+            <h2 class="section-title">The Mystic Digital Arts</h2>
+            <p class="section-lead">Beyond the web - graphics, video, 3D and audio, crafted to make your brand unforgettable.</p>
+        </div>
+        <div class="pricing-grid pricing-grid--2col">
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">🎨</div>
+                <div class="pricing-name">The Sigil Workshop</div>
+                <div class="pricing-price">From £150</div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>Logo design</li>
+                    <li>Brand colour and font palette</li>
+                    <li>Social media templates</li>
+                    <li>Print-ready business cards</li>
+                    <li>Source and web-ready files</li>
+                </ul>
+                <p class="pricing-tagline">A brand identity that turns heads and casts a lasting impression.</p>
+                <a href="index.php?package=sigil-workshop#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">🎬</div>
+                <div class="pricing-name">The Moving Picture</div>
+                <div class="pricing-price">From £350</div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>On-location filming</li>
+                    <li>Editing and colour grading</li>
+                    <li>Titles and captions</li>
+                    <li>Licensed music and sound</li>
+                    <li>Social media cut-downs</li>
+                </ul>
+                <p class="pricing-tagline">Bring your story to life - lights, camera, enchantment.</p>
+                <a href="index.php?package=moving-picture#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">🧊</div>
+                <div class="pricing-name">The Third Dimension</div>
+                <div class="pricing-price">From £300</div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>3D modelling</li>
+                    <li>Product visualisation</li>
+                    <li>Logo and title animation</li>
+                    <li>Render-ready assets</li>
+                    <li>Short animated clips</li>
+                </ul>
+                <p class="pricing-tagline">Objects and ideas, conjured into three dimensions.</p>
+                <a href="index.php?package=third-dimension#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+            <div class="pricing-card reveal">
+                <div class="pricing-emoji">🎙️</div>
+                <div class="pricing-name">Sonic Alchemy</div>
+                <div class="pricing-price">From £200</div>
+                <hr class="pricing-divider">
+                <p class="pricing-includes-label">Includes</p>
+                <ul class="pricing-includes">
+                    <li>Audio editing and cleanup</li>
+                    <li>Podcast production</li>
+                    <li>Voiceover mixing</li>
+                    <li>Music and jingles</li>
+                    <li>Mastering for release</li>
+                </ul>
+                <p class="pricing-tagline">Sound that casts a spell on the ear.</p>
+                <a href="index.php?package=sonic-alchemy#contact" class="btn btn-accent pricing-enquire">
+                    <i class="fas fa-envelope"></i> Enquire about this
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+
 <!-- ===================== WIZARD'S BENCH ===================== -->
 <section class="section-pad" style="background:#3B2DA8;">
     <div class="container">
@@ -826,7 +961,7 @@
                 { i: 'fa-file-lines', k: 'Pages', v: 'Up to 5' },
                 { i: 'fa-rotate', k: 'Revisions', v: '2 rounds' },
                 { i: 'fa-clock', k: 'Typical turnaround', v: '1–2 weeks' },
-                { i: 'fa-wand-magic-sparkles', k: 'Platform', v: 'WordPress' }
+                { i: 'fa-wand-magic-sparkles', k: 'Platform', v: 'WordPress or Squarespace' }
             ]
         },
         'enchanted-workshop': {
@@ -838,7 +973,7 @@
                 { i: 'fa-file-lines', k: 'Pages', v: '5 – 10' },
                 { i: 'fa-rotate', k: 'Revisions', v: '3 rounds' },
                 { i: 'fa-clock', k: 'Typical turnaround', v: '2–4 weeks' },
-                { i: 'fa-wand-magic-sparkles', k: 'Platform', v: 'WordPress' }
+                { i: 'fa-wand-magic-sparkles', k: 'Platform', v: 'WordPress or Squarespace' }
             ]
         },
         'arcane-forge': {
@@ -920,6 +1055,79 @@
                 { i: 'fa-clock', k: 'Support allowance', v: '~1 hour / month' },
                 { i: 'fa-circle-check', k: 'Best for', v: 'Online stores' }
             ]
+        },
+        'the-cantrip': {
+            emoji: '⚙️', name: 'The Cantrip', price: '£750 – £2,000',
+            lead: 'A focused web tool or mini-app, built to handle one job brilliantly.',
+            low:  { amt: '£750',   desc: 'A single-purpose tool with a form, a database and a simple admin view.' },
+            high: { amt: '£2,000', desc: 'A richer tool with several features, user logins and a tidy dashboard.' },
+            specs: [
+                { i: 'fa-screwdriver-wrench', k: 'Type', v: 'Web app / tool' },
+                { i: 'fa-user', k: 'Accounts', v: 'Optional logins' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '2–5 weeks' },
+                { i: 'fa-server', k: 'Hosting', v: 'Set up for you' }
+            ]
+        },
+        'grand-working': {
+            emoji: '🏗️', name: 'The Grand Working', price: '£3,000 – £10,000+',
+            lead: 'A full custom web application, designed and built around your business.',
+            low:  { amt: '£3,000',   desc: 'A focused custom app with accounts, a database and your core features.' },
+            high: { amt: '£10,000+', desc: 'A larger platform with integrations, user roles and ongoing support.' },
+            specs: [
+                { i: 'fa-gears', k: 'Type', v: 'Full custom app' },
+                { i: 'fa-users-gear', k: 'Accounts', v: 'Roles & permissions' },
+                { i: 'fa-plug', k: 'Integrations', v: 'APIs included' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '6–12 weeks' },
+                { i: 'fa-headset', k: 'Support', v: 'Available after launch' }
+            ]
+        },
+        'sigil-workshop': {
+            emoji: '🎨', name: 'The Sigil Workshop', price: 'From £150',
+            lead: 'Logos, brand kits and graphics that make your business instantly recognisable.',
+            low:  { amt: '£150',  desc: 'A standalone logo with two concepts and the final files.' },
+            high: { amt: '~£900', desc: 'A full brand kit: logo suite, colour and font system, templates and stationery.' },
+            specs: [
+                { i: 'fa-lightbulb', k: 'Concepts', v: '2 – 3' },
+                { i: 'fa-rotate', k: 'Revisions', v: '3 rounds' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '1–2 weeks' },
+                { i: 'fa-file-export', k: 'Formats', v: 'Vector, web & print' }
+            ]
+        },
+        'moving-picture': {
+            emoji: '🎬', name: 'The Moving Picture', price: 'From £350',
+            lead: 'Filming and editing for promos, events and social media.',
+            low:  { amt: '£350',    desc: 'A short edit from footage you provide, with titles and music.' },
+            high: { amt: '£1,500+', desc: 'A full filming day on location, plus edit, colour grade and social cut-downs.' },
+            specs: [
+                { i: 'fa-video', k: 'Filming', v: 'Half or full day' },
+                { i: 'fa-rotate', k: 'Revisions', v: '2 rounds' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '1–3 weeks' },
+                { i: 'fa-share-nodes', k: 'Delivery', v: 'Web & social formats' }
+            ]
+        },
+        'third-dimension': {
+            emoji: '🧊', name: 'The Third Dimension', price: 'From £300',
+            lead: '3D models, product renders and animation for the web and video.',
+            low:  { amt: '£300',    desc: 'A single 3D model or a polished product render.' },
+            high: { amt: '£2,000+', desc: 'A set of models with animated sequences and high-resolution renders.' },
+            specs: [
+                { i: 'fa-cube', k: 'Output', v: 'Models, renders, animation' },
+                { i: 'fa-rotate', k: 'Revisions', v: '2 – 3 rounds' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '1–4 weeks' },
+                { i: 'fa-file-export', k: 'Formats', v: 'Web, video & print' }
+            ]
+        },
+        'sonic-alchemy': {
+            emoji: '🎙️', name: 'Sonic Alchemy', price: 'From £200',
+            lead: 'Editing, mixing and mastering for podcasts, video and adverts.',
+            low:  { amt: '£200',  desc: 'Editing and cleanup of a single recording or podcast episode.' },
+            high: { amt: '£800+', desc: 'Full podcast or advert production with music, mixing and mastering.' },
+            specs: [
+                { i: 'fa-sliders', k: 'Services', v: 'Edit, mix, master' },
+                { i: 'fa-rotate', k: 'Revisions', v: '2 rounds' },
+                { i: 'fa-clock', k: 'Typical turnaround', v: '3–7 days' },
+                { i: 'fa-music', k: 'Delivery', v: 'Broadcast-ready files' }
+            ]
         }
     };
 

index.php

@@ -13,7 +13,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Fraxle.net - Web & Tech for Small Businesses</title>
-    <meta name="description" content="Friendly website design, technology support and gadget wizardry for small businesses in Oxfordshire and beyond.">
+    <meta name="description" content="Friendly website design, online apps, tech and network support, plus graphics, video, 3D and audio for small businesses in Oxfordshire and beyond.">
     <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=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
@@ -62,7 +62,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
                 <img src="img/wizcat4.webp" alt="Danny the tech-wizard and Astro the cosmic cat" class="mascot-img mascot-teleport">
                 <p class="hero-caption">Danny the tech-wizard &amp; Astro the cosmic cat</p>
             </div>
-            <p class="hero-subtitle">Friendly website design, technology support and gadget wizardry - with a touch of enchantment. Based in Oxfordshire.</p>
+            <p class="hero-subtitle">Friendly website design, online apps, tech support and creative wizardry - with a touch of enchantment. Based in Oxfordshire.</p>
             <div class="hero-actions">
                 <a href="mailto:wizard@fraxle.net" class="btn btn-primary">
                     <i class="fas fa-envelope"></i> wizard@fraxle.net
@@ -100,21 +100,42 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
                     <i class="fas fa-wand-magic-sparkles"></i>
                 </div>
                 <h3>Web Design with a Touch of Alchemy</h3>
-                <p>I conjure websites that don't just look good - they work like magic. Whether you need a simple landing page or an online store, I'll craft a site that's fast, secure, and aligned with your brand.</p>
+                <p>I conjure websites that don't just look pretty - they load fast, climb the search rankings and turn curious visitors into customers. From a simple landing page to a full online store - WordPress, Shopify or Squarespace - every site is built to be quick, secure and unmistakably yours. Need something truly bespoke? I build custom online apps too.</p>
             </div>
             <div class="service-card reveal">
                 <div class="service-icon service-icon--purple">
                     <i class="fas fa-mobile-screen-button"></i>
                 </div>
                 <h3>Tech Support &amp; Digital Sorcery</h3>
-                <p>Need help taming your magical devices? Whether it's setting up your smartphone, syncing your tablet, connecting smart gadgets, or rescuing a misbehaving laptop - I'll help you make the most of your tech.</p>
+                <p>Gadgets gone rogue? Whether it's setting up a new smartphone, syncing a stubborn tablet, sorting out office computers and networks, connecting smart-home gadgets or reviving a misbehaving laptop, I'll get your tech behaving - and show you how to keep it that way.</p>
             </div>
             <div class="service-card reveal">
-                <div class="service-icon service-icon--teal">
+                <div class="service-icon service-icon--gold">
-                    <i class="fas fa-seedling"></i>
+                    <i class="fas fa-palette"></i>
                 </div>
-                <h3>Empowering Ethical, Independent Business</h3>
+                <h3>Master of the Mystic Digital Arts</h3>
-                <p>I work especially with small businesses, not-for-profits, charities and farmers who want to grow sustainably in the digital age. Affordable, human-centred, and as easy to use as possible.</p>
+                <p>Beyond the web, I craft the creative magic too - logos and graphics, video filming and editing, 3D modelling and animation, and audio production. Whatever your project conjures up, I can help bring it to life.</p>
+            </div>
+        </div>
+        <div class="service-wide reveal">
+            <div class="service-wide-icon">
+                <i class="fas fa-seedling"></i>
+            </div>
+            <div class="service-wide-text">
+                <h3>Magic for Ethical, Independent Business</h3>
+                <p>I work especially with small businesses, not-for-profits, charities and farmers who want to grow sustainably in the digital age. Affordable, human-centred and as easy to use as a well-cast spell.</p>
+            </div>
+            <div class="service-wide-plants" aria-hidden="true">
+                <i class="fas fa-seedling"></i>
+                <i class="fas fa-leaf"></i>
+                <i class="fas fa-seedling"></i>
+                <i class="fas fa-spa"></i>
+                <i class="fas fa-seedling"></i>
+                <i class="fas fa-leaf"></i>
+                <i class="fas fa-seedling"></i>
+                <i class="fas fa-spa"></i>
+                <i class="fas fa-seedling"></i>
+                <i class="fas fa-leaf"></i>
             </div>
         </div>
     </div>
@@ -262,7 +283,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
             <div class="contact-intro reveal">
                 <p class="section-eyebrow section-eyebrow--light">Say Hello</p>
                 <h2 class="section-title section-title--light">Get in Touch</h2>
-                <p>Have a project in mind? Need some tech support? Drop me a message and I'll get back to you as soon as the stars align.</p>
+                <p>Have a project in mind? Need some tech support? Drop me a message and I'll get back to you - usually within one working day, as soon as the stars align.</p>
                 <ul class="contact-details">
                     <li>
                         <i class="fas fa-envelope"></i>

js/main.js

@@ -31,7 +31,13 @@ if (history.scrollRestoration) {
         'wizards-bench':      "Hi Danny! I'd like some ad-hoc tech support from The Wizard's Bench (£40/hour). Here's what I need help with:\n\n",
         'minor-ward':         "Hi Danny! I'm interested in the Minor Ward care plan (£10/month). A little about my website:\n\n",
         'greater-ward':       "Hi Danny! I'm interested in the Greater Ward care plan (£25/month). A little about my website:\n\n",
-        'merchants-ward':     "Hi Danny! I'm interested in the Merchant's Ward care plan (£50/month). A little about my store:\n\n"
+        'merchants-ward':     "Hi Danny! I'm interested in the Merchant's Ward care plan (£50/month). A little about my store:\n\n",
+        'the-cantrip':        "Hi Danny! I'm interested in The Cantrip web app (£750–£2,000). A little about what I need:\n\n",
+        'grand-working':      "Hi Danny! I'm interested in The Grand Working custom app (£3,000–£10,000+). A little about my project:\n\n",
+        'sigil-workshop':     "Hi Danny! I'm interested in The Sigil Workshop graphics & branding (from £150). A little about what I need:\n\n",
+        'moving-picture':     "Hi Danny! I'm interested in The Moving Picture video production (from £350). A little about my project:\n\n",
+        'third-dimension':    "Hi Danny! I'm interested in The Third Dimension 3D & animation (from £300). A little about my project:\n\n",
+        'sonic-alchemy':      "Hi Danny! I'm interested in Sonic Alchemy audio production (from £200). A little about my project:\n\n"
     };
 
     var field = document.getElementById('message');