Files
help4bis-com/site/contact.html
T

434 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<!-- Version: 1.2.0 | Created: 2026-03-13 | Updated: 2026-08-16 -->
<html lang="en-AU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact HELP4BIS | Submit a Brief or Ask a Question</title>
<meta name="description" content="Submit a brief to HELP4BIS, no phone call required. Describe what your WordPress site needs and get a response within one business day. Based in Brisbane, serving all of Australia.">
<meta name="keywords" content="contact HELP4BIS, WordPress help Brisbane, WordPress support enquiry, managed WordPress quote Australia, submit WordPress brief, get WordPress quote, WordPress help small business">
<meta name="author" content="HELP4BIS">
<meta name="publisher" content="Dutch Digital Dynamics Pty Ltd">
<meta name="copyright" content="Dutch Digital Dynamics Pty Ltd">
<meta name="language" content="en-AU">
<meta name="revisit-after" content="7 days">
<meta name="category" content="WordPress Services, Web Development, Small Business Technology">
<meta name="classification" content="Business/Technology">
<meta name="coverage" content="Australia">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<meta name="geo.region" content="AU-QLD">
<meta name="geo.placename" content="Brisbane, Queensland">
<meta name="geo.position" content="-27.4698;153.0251">
<meta name="ICBM" content="-27.4698, 153.0251">
<link rel="canonical" href="https://help4bis.com/contact.html">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:url" content="https://help4bis.com/contact.html">
<meta property="og:site_name" content="HELP4BIS">
<meta property="og:title" content="Contact HELP4BIS | Submit a Brief or Ask a Question">
<meta property="og:description" content="Submit a brief to HELP4BIS, no phone call required. Describe what your WordPress site needs and get a response within one business day.">
<meta property="og:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="HELP4BIS, WordPress services for Australian small businesses">
<meta property="og:locale" content="en_AU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@help4bis">
<meta name="twitter:title" content="Contact HELP4BIS | Submit a Brief or Ask a Question">
<meta name="twitter:description" content="No phone call required. Tell us what you need and we'll respond within one business day with exactly what we recommend and what it costs.">
<meta name="twitter:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta name="twitter:image:alt" content="HELP4BIS">
<link rel="icon" type="image/jpeg" href="/assets/images/logo-favicon.jpg">
<!-- Fonts -->
<!-- Icons (Lucide) -->
<link rel="stylesheet" href="/assets/css/style.css">
<!-- JSON-LD Contact Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "ContactPage",
"@id": "https://help4bis.com/contact.html#webpage",
"url": "https://help4bis.com/contact.html",
"name": "Contact HELP4BIS | Submit a Brief or Ask a Question",
"description": "Submit a brief to HELP4BIS. Response within one business day. No phone call required.",
"isPartOf": {"@id": "https://help4bis.com/#website"},
"about": {"@id": "https://help4bis.com/#business"},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://help4bis.com/"},
{"@type": "ListItem", "position": 2, "name": "Contact", "item": "https://help4bis.com/contact.html"}
]
}
},
{
"@type": "Organization",
"@id": "https://help4bis.com/#business",
"name": "HELP4BIS",
"email": "project@help4bis.com",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "project@help4bis.com",
"areaServed": "AU",
"availableLanguage": "English"
}
}
]
}
</script>
</head>
<body>
<!-- ═══════════════════════════════════════════════
NAVIGATION
═══════════════════════════════════════════════ -->
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="nav__inner">
<a class="nav__logo" href="/index.html" aria-label="HELP4BIS home">
<img src="/assets/images/logo-cropped.jpg" alt="HELP4BIS Logo" width="160" height="44">
</a>
<ul class="nav__links" id="nav-links" role="list">
<!-- Services dropdown -->
<li class="nav__dropdown">
<button class="nav__trigger" aria-haspopup="true" aria-expanded="false">Services <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg></button>
<ul class="nav__dropdown-menu" role="menu">
<li class="nav__menu-group">WordPress</li>
<li><a href="/managed-wordpress.html" role="menuitem">Tailored Website Management</a></li>
<li><a href="/care-plans.html" role="menuitem">WP Care Plans <span class="menu-price">from $49/mo</span></a></li>
<li><a href="/sos-fix.html" role="menuitem">WP SOS Fix <span class="menu-price">$97 flat</span></a></li>
<li><a href="/ai-integration.html" role="menuitem">AI Integration</a></li>
<li><a href="/plugin-development.html" role="menuitem">Custom Plugin Development</a></li> </ul>
</li>
<li><a href="/about.html">About</a></li>
<li><a href="/index.html#portfolio">Our Work</a></li>
<li><a href="/index.html#pricing">Pricing</a></li>
<li><a href="/blog/index.html">Blog</a></li>
<li><a href="/your-first-week-with-ai.html">AI Guide</a></li>
<li><a href="/contact.html">Contact</a></li>
<!-- Mobile CTA (inside nav drawer) -->
<li class="nav__cta-mobile" aria-hidden="true">
<a href="/contact.html" class="btn btn-primary">Get Started</a>
<a href="/sos-fix.html" class="btn btn-secondary">SOS Fix, $97</a>
</li>
</ul>
<div class="nav__cta">
<a href="/sos-fix.html" class="btn btn-secondary btn-sm">SOS Fix $97</a>
<a href="/contact.html" class="btn btn-primary btn-sm">Get Started</a>
</div>
<button class="nav__burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</nav>
<!-- ═══════════════════════════════════════════════
PAGE HERO
═══════════════════════════════════════════════ -->
<section class="page-hero" aria-labelledby="contact-heading">
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<ol>
<li><a href="/index.html">Home</a></li>
<li aria-current="page">Contact</li>
</ol>
</nav>
<p class="eyebrow">Contact</p>
<h1 id="contact-heading">Tell us what you need. We'll respond within one business day.</h1>
<p class="hero__lead" style="max-width:620px;">No phone call required. Fill in the brief below and we'll come back with exactly what we recommend and what it costs. No obligation.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════
CONTACT, TWO COLUMN
═══════════════════════════════════════════════ -->
<section class="section section--alt" aria-label="Contact form">
<div class="container">
<div class="contact__grid">
<!-- LEFT: Intake Form -->
<div class="reveal">
<form class="intake-form" name="contact" method="POST" action="#" novalidate>
<div aria-hidden="true" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">
<label for="hp-trap">Leave this field empty</label>
<input type="text" id="hp-trap" name="hp_trap" tabindex="-1" autocomplete="off" value="">
</div>
<div class="intake-form__fields">
<!-- Name + Email side by side -->
<div class="intake-form__row">
<div class="intake-form__field">
<label for="name">Your name <span aria-hidden="true" style="color:var(--red);">*</span></label>
<input type="text" id="name" name="name" required autocomplete="name" placeholder="Jane Smith">
</div>
<div class="intake-form__field">
<label for="email">Email address <span aria-hidden="true" style="color:var(--red);">*</span></label>
<input type="email" id="email" name="email" required autocomplete="email" placeholder="jane@yourcompany.com.au">
</div>
</div>
<div class="intake-form__field">
<label for="website">Website URL <span class="optional">(if you have one)</span></label>
<input type="url" id="website" name="website" autocomplete="url" placeholder="https://yoursite.com.au">
</div>
<div class="intake-form__field">
<label for="service">What do you need? <span aria-hidden="true" style="color:var(--red);">*</span></label>
<select id="service" name="service" required>
<option value="" disabled selected>Select a service…</option>
<option value="fix">Fix a broken WordPress site</option>
<option value="care-plan">Ongoing maintenance / care plan</option>
<option value="managed">Full managed WordPress hosting</option>
<option value="ai">AI integration</option>
<option value="plugin">Custom plugin development</option>
<option value="one-page">One-page website build</option>
<option value="other">Other / I'm not sure</option>
</select>
</div>
<div class="intake-form__field">
<label for="details">Tell us about it <span aria-hidden="true" style="color:var(--red);">*</span></label>
<textarea id="details" name="details" rows="6" required placeholder="Describe what's happening or what you're trying to achieve. The more detail, the faster we can help."></textarea>
</div>
<!-- Urgency + Referral side by side -->
<div class="intake-form__row">
<div class="intake-form__field">
<label for="urgency">How urgent?</label>
<select id="urgency" name="urgency">
<option value="" disabled selected>Select urgency…</option>
<option value="not-urgent">Not urgent, just planning</option>
<option value="fairly-soon">Fairly soon, next few weeks</option>
<option value="asap">ASAP, site has issues now</option>
</select>
</div>
<div class="intake-form__field">
<label for="referral">How did you find us?</label>
<select id="referral" name="referral">
<option value="" disabled selected>Select…</option>
<option value="google">Google search</option>
<option value="word-of-mouth">Word of mouth</option>
<option value="existing-client">Existing client</option>
<option value="other">Other</option>
</select>
</div>
</div>
<div class="intake-form__actions">
<button type="submit" class="btn btn-primary btn-lg">Send My Brief</button>
<p class="intake-form__privacy">No spam. No cold calls. Just a response within one business day.</p>
</div>
</div>
<!-- Success message (shown after submit) -->
<div class="intake-form__success" aria-live="polite">
<div class="intake-form__success-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
</div>
<h3>Brief received.</h3>
<p style="color:var(--grey-600); margin-top:.5rem;">We'll come back with a recommendation and a price within one business day. No vague "it depends."</p>
</div>
</form>
</div>
<!-- RIGHT: Sticky info sidebar -->
<div class="reveal">
<div class="contact__sidebar">
<h3>What happens next</h3>
<ol class="contact__steps">
<li class="contact__step">
<span class="contact__step-num">1</span>
<span class="contact__step-text">We read your brief and look at your site within one business day.</span>
</li>
<li class="contact__step">
<span class="contact__step-num">2</span>
<span class="contact__step-text">We respond with a clear recommendation and a price, no vague "it depends."</span>
</li>
<li class="contact__step">
<span class="contact__step-num">3</span>
<span class="contact__step-text">You decide. No pressure, no retainer required just to get an answer.</span>
</li>
</ol>
<hr class="contact__divider">
<ul class="contact__meta">
<li class="contact__meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
<span><strong>Email:</strong> <a href="mailto:project@help4bis.com">project@help4bis.com</a></span>
</li>
<li class="contact__meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span><strong>Hours:</strong> Mon–Fri, 8am–6pm AEST</span>
</li>
<li class="contact__meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
<span><strong>Response:</strong> Within 1 business day, guaranteed</span>
</li>
<li class="contact__meta-item">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span><strong>Location:</strong> Brisbane, Queensland, same office, every time</span>
</li>
</ul>
<p class="contact__note">All project work is delivered async, no mandatory calls. If you'd prefer a call, just say so in your brief.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FAQ
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="faq-heading">
<div class="container">
<div class="text-center mb-6">
<p class="eyebrow">Questions</p>
<h2 id="faq-heading">Common questions before getting in touch</h2>
</div>
<div class="faq__list" role="list">
<details class="faq-item reveal" role="listitem">
<summary class="faq-item__question">
Do you take on new clients?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Yes, we take on a limited number of new managed WordPress clients each month to ensure quality of service. Care plans and one-off fixes have no waitlist.
</div>
</details>
<details class="faq-item reveal" role="listitem">
<summary class="faq-item__question">
What if I just want a quick question answered?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Email <a href="mailto:project@help4bis.com" class="inline-link">project@help4bis.com</a>. We answer genuine questions even if you're not a client yet.
</div>
</details>
<details class="faq-item reveal" role="listitem">
<summary class="faq-item__question">
I'm already a client. How do I log a support request?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Existing clients use the client portal link sent when you signed up. If you've lost it, email us at <a href="mailto:project@help4bis.com" class="inline-link">project@help4bis.com</a>.
</div>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════ -->
<footer class="footer" aria-label="Site footer">
<div class="container">
<div class="footer__grid">
<div class="footer__brand">
<img src="/assets/images/logo-cropped.jpg" alt="HELP4BIS" width="140" height="38">
<p>Managed WordPress hosting and maintenance for Australian small businesses. Brisbane-based, personal service, WordPress specialist, Brisbane.</p>
<p style="font-size:13px; color:rgba(255,255,255,.4);">Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</p>
</div>
<div class="footer__col">
<h4>Services</h4>
<ul class="footer__links">
<li><a href="/managed-wordpress.html">Tailored Website Management</a></li>
<li><a href="/care-plans.html">WP Care Plans</a></li>
<li><a href="/sos-fix.html">WP SOS Fix</a></li>
<li><a href="/ai-integration.html">AI Integration</a></li>
<li><a href="/plugin-development.html">Plugin Development</a></li> </ul>
</div>
<div class="footer__col">
<h4>Company</h4>
<ul class="footer__links">
<li><a href="/about.html">About Us</a></li>
<li><a href="/index.html#portfolio">Our Work</a></li>
<li><a href="/index.html#testimonials">Client Feedback</a></li>
<li><a href="/blog/index.html">Blog</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact</h4>
<ul class="footer__links">
<li><a href="mailto:project@help4bis.com">project@help4bis.com</a></li>
<li><a href="/contact.html">Submit a Brief</a></li>
<li><a href="/sos-fix.html">Emergency Fix</a></li>
</ul>
<p style="margin-top:1rem; font-size:13px; color:rgba(255,255,255,.4);">
Brisbane, Queensland<br>
Response within 24 business hours
</p>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HELP4BIS, a trading name of Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</span>
<span>
<a href="/privacy.html">Privacy Policy</a> ·
<a href="/terms.html">Terms</a>
</span>
</div>
</div>
</footer>
<!-- Back to top -->
<button id="back-to-top" aria-label="Back to top">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script src="/assets/js/main.js"></script>
<script src="/analytics/tracker.js" defer></script>
<footer style="margin-top:48px;padding:24px;background:#f0f7f2;border-left:4px solid #18604A;border-radius:8px;font-family:'ABeeZee',sans-serif;font-size:1rem;line-height:1.65;color:#1A1A1A;">
<h3 style="font-family:'Poppins',sans-serif;color:#1A5C2E;font-size:1.1rem;margin:0 0 10px;">A few words from us</h3>
<p style="margin:0 0 8px;">We're not the big shops. We have time to sit down with you and find the best fit for your business, not the best fit for a templated process. Every client we work with is treated as if they're the only one on our desk, because for the time we're with them, they are.</p> <p style="margin:0 0 8px;">It means we're slower to start than a shop that sells you a package off the shelf. It also means we don't sell you a package off the shelf. You get a system that fits how you actually run your business, and you get to talk to the person who built it whenever you need to.</p>
<p style="margin:0;color:#555555;font-size:0.9rem;">Page updated 26/05/2026. Contact: <a href="mailto:project@help4bis.com" style="color:#18604A;">project@help4bis.com</a>.</p>
</footer>
</body>
</html>