diff --git a/site/.gitignore b/site/.gitignore new file mode 100644 index 0000000..ea6636b --- /dev/null +++ b/site/.gitignore @@ -0,0 +1,5 @@ +analytics/data/ +vendor/ +support/ +.env* +.well-known/acme-challenge/ diff --git a/site/.htaccess b/site/.htaccess new file mode 100644 index 0000000..d995d0e --- /dev/null +++ b/site/.htaccess @@ -0,0 +1,61 @@ + + +# php -- BEGIN cPanel-generated handler, do not edit +# Set the “ea-php84” package as the default “PHP” programming language. + + AddHandler application/x-httpd-ea-php84 .php .php8 .phtml + +# php -- END cPanel-generated handler, do not edit + +# --- URL rewrite block (added 2026-05-13) --- + + RewriteEngine On + RewriteBase / + + # Canonical host — force non-www (added 2026-07-08, fixes www/non-www duplicate content) + RewriteCond %{HTTP_HOST} ^www\.help4bis\.com$ [NC] + RewriteRule ^(.*)$ https://help4bis.com/$1 [R=301,L] + + # Internal rewrites — clean URL stays in browser bar + RewriteRule ^managed-wordpress/?$ managed-wordpress.html [L] + RewriteRule ^contact/?$ contact.html [L] + RewriteRule ^wordpress-care-plans/?$ care-plans.html [L] + + # Pricing — 301 to homepage (temporary until pricing.html is delivered) + RewriteRule ^pricing/?$ pricing.html [L] + + # Long legacy slug — 301 to homepage + RewriteRule ^responsive-eco-conscious-and-community-centric-managed-wordpress-hosting/?$ / [R=301,L] + + # Legacy WordPress-era glossary section (removed) — 301 so Google drops it (added 2026-07-08) + RewriteRule ^glossary/.*$ / [R=301,L] + +# --- end URL rewrite block --- + +# --- Consulting pages removed 2026-05-25 --- +Redirect 301 /business-analysis.html / +Redirect 301 /business-process-architecture.html / +Redirect 301 /ai-training-evaluation.html / +# --- end consulting redirects --- + +# --- Stale WordPress-era URLs still in Google index (added 2026-05-25) --- +# 301 so Google replaces the old cached pages with the current static site. +Redirect 301 /about-us/ /about.html +Redirect 301 /empower-your-start-up-journey-with-our-managed-wordpress-hosting/ / +Redirect 301 /elevate-your-business/ / +Redirect 301 /terms-and-conditions/ /terms.html +Redirect 301 /privacy-policy/ /privacy.html +Redirect 301 /how-to-use-the-support-system/ /support/ +Redirect 301 /unlock-australias-best-web-hosting/ / +Redirect 301 /support-local-businesses/ / +Redirect 301 /js-support-ticket-controlpanel/ /support/ +Redirect 301 /the-best-webhosting-in-brisbane-why-help4bis-tops-the-list/ / +Redirect 301 /lets-get-started/ / +# --- end stale URL redirects --- + +# --- Block stray backup files from the web (added 2026-07-08) --- +# Editing workflow leaves *.bak. copies alongside live files; never serve them. + + Require all denied + +# --- end backup file block --- diff --git a/site/about.html b/site/about.html new file mode 100644 index 0000000..57d1f74 --- /dev/null +++ b/site/about.html @@ -0,0 +1,558 @@ + + + + + + + About HELP4BIS | The Team Behind the Work + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

About HELP4BIS

+

Small by design.
Made with care.

+
+
+ + + +
+
+
+ +
+ Danielle Latta, designer and WordPress specialist at HELP4BIS +
+ +
+

How We Work

+

One designer who cares about your site. No bureaucracy.

+ +

HELP4BIS isn't a faceless platform or an offshore helpdesk. It's a Brisbane designer and WordPress specialist who builds and looks after a small number of sites properly, not a queue of tickets stitched together from Fiverr gigs.

+ +

Danielle runs HELP4BIS and is your point of contact. She handles design, the build, your site's presentation, and every conversation. She knows what it feels like to struggle to be found online and to get visitors to actually convert, because she's lived it as a business owner herself.

+ +

Where it helps, modern AI tooling does part of the work, drafting, testing, checking, automating the repetitive parts. It's directed by a person who decides what's right for your site and stands behind the result. We're upfront about that, because we also build AI tools for clients, and we'd rather show you how we use them than pretend we don't.

+ +

The result: you deal with one person you can actually reach, and you get a site built with attention rather than churned out to a template.

+ +
    +
  • + + Brisbane-based, not outsourced, not offshore +
  • +
  • + + One person you deal with, every time +
  • +
  • + + A professional design eye most solo builders don't have +
  • +
  • + + Brisbane-based. Australian-owned. ABN: 86 081 237 087 +
  • +
  • + + 24-hour response, not "within 5 business days" +
  • +
+ + Get in Touch +
+ +
+
+
+ + + +
+
+
+

What That Looks Like

+

By the numbers

+
+
+
+ 10+ + Years WordPress & web design +
+
+ Disney + Professional creative background +
+
+ 24hr + Response guarantee +
+
+ 10+ + Sites currently under management +
+
+ 1:1 + One person, start to finish +
+
+
+
+ + + +
+
+
+

Who You're Working With

+

The person doing the work

+

No layers. No outsourcing. The person listed here is the person working on your site.

+
+ +
+ + +
+
+ Danielle Latta, Creative Lead, HELP4BIS +
+
+ Creative Lead & WordPress Specialist +
Danielle Latta
+

Danielle is HELP4BIS and your point of contact, for everything. Her background as a professional artist, including work at the Disney level, gives her an eye for design that goes well beyond most WordPress builders. She handles visual design, graphic identity, site aesthetics, the build, ongoing client management, and every conversation directly.

+

She also runs Running Duck Studio, an ink art studio built on her creative background. That foundation in craft is what makes the websites she builds look different from the rest.

+

Where it speeds the work up or makes it better, she uses modern AI tooling to draft, test, and automate the repetitive parts, whilst a person reviews and directs everything before it reaches your site.

+
+ Graphic Design + Visual Identity + WordPress & Elementor + Ink Art + UX & Layout + Client Relations +
+ + View her creative work → + +
+
+ +
+
+
+ + + +
+
+
+

Our Approach

+

What we believe about small business websites

+
+
+
    +
  • + + A website should make you money or save you time. If it does neither, it's broken, regardless of how it looks. +
  • +
  • + + The technology doesn't matter. What matters is whether your phone rings, your forms convert, and your checkout works. +
  • +
  • + + Small business owners shouldn't need a technical degree to manage their own website. They should be able to hand it off and not think about it. +
  • +
  • + + Honest beats slick. We'd rather tell you what we actually do, including where we use AI tooling, than dress it up. +
  • +
  • + + Local matters. Brisbane servers, Australian law, Australian timezone. When something goes wrong at 8am Thursday, we're online. +
  • +
+
+
+
+ + + +
+
+
+

What We Offer

+

Our services

+

Everything is detailed on the individual service pages, here's the short version.

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tailored Website ManagementFull-service managed site, design, hosting, edits, premium plugins$300 setup · $200/moLearn More
WP Care PlansUpdates, backups, security, support, on your existing hostingfrom $49/moSee Plans
WP SOS FixSomething broke, fixed within 24 hours, flat rate$97 - $197 flatFix My Site
One-Page WebsiteSingle-page WordPress site. Ideal for tradies, sole traders, and simple service businesses. From $197.$300 setup · $49/moGet a Quote
AI IntegrationChatbots, AI content assistants, automated lead qualificationfrom $297 one-offLearn More
Custom Plugin BuildsWooCommerce extensions, API connectors, bespoke functionalityfrom $297 one-offLearn More
+

All prices shown are exclusive of GST.

+
+ +
+
+ + + +
+
+
+

Common Questions

+

Things people ask us.

+
+
+ +
+ + Are you a big agency or a solo operator? + + +
+ A solo operator, and proud of it. You deal with Danielle directly, start to finish. Deliberately small means deliberately good, and it means nothing about your site is a mystery to the person you're talking to. +
+
+ +
+ + Who will I actually be talking to? + + +
+ Danielle, every time. She manages every client relationship personally. You'll never get handed off to someone who doesn't know your site or your business. +
+
+ +
+ + Do you use AI to build the sites? + + +
+ Yes, where it helps, and we'll tell you straight. Modern AI tooling drafts, tests, and automates the repetitive parts of a build. A person decides what's right for your site, reviews everything, and stands behind the result. We build AI tools for clients too, so we'd rather be open about how we use them than pretend we don't. +
+
+ +
+ + Why async? Why not phone calls? + + +
+ Because async delivery is better for you. Written briefs force clarity. Written responses give you something to refer back to. Nothing falls through the cracks. Every decision is documented. If you need a call, we're happy to schedule one, but most clients find they don't need to. +
+
+ +
+ + Do you take on all clients or do you select? + + +
+ We take on a limited number of new managed WordPress clients each month to keep quality high. Care plans and one off fixes have no waitlist. If we're at capacity for new fully-managed clients, we'll say so honestly, and give you a realistic wait time. +
+
+ +
+
+
+ + + +
+
+
+

Want to work together?

+

Send us a brief. No phone call required.

+

Tell us what you need and we'll come back within one business day with exactly what we recommend and what it costs. No obligation.

+ +
+
+
+ + + + + + + + + + + + + + + + diff --git a/site/ai-integration.html b/site/ai-integration.html new file mode 100644 index 0000000..c938a43 --- /dev/null +++ b/site/ai-integration.html @@ -0,0 +1,774 @@ + + + + + + + AI Integration for WordPress | Chatbots & Automation | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

AI Integration

+

Add AI to your business. Fixed price. No guesswork.

+

The AI tools that make sense for Australian small businesses, chatbots that answer questions 24/7, lead qualification that filters your enquiries, content assistants trained on your brand. All delivered async, all fixed price.

+
+
+ + + +
+
+
+ +
+ AI integration for small business, HELP4BIS +
+ +
+

Why Now

+

The window for competitive advantage is now.

+ +

Australian small businesses are starting to add AI tools, but most providers quote hourly and deliver uncertainty. We build fixed-scope AI integrations: you know exactly what you'll get and exactly what it costs. No discovery phase. No retainer. Submit a brief, we build it, you get a working tool.

+ +

In 12 months, every web developer will offer this. Today, very few deliver it reliably for small business budgets.

+ +
    +
  • + + Fixed price, you know what it costs before work starts +
  • +
  • + + Fully async, no calls, no meetings, no waiting +
  • +
  • + + Works on your existing WordPress site +
  • +
  • + + Ongoing API costs documented before you commit +
  • +
+ + Submit an AI Brief +
+ +
+
+
+ + + +
+
+
+

Fixed-Price Packages

+

Fixed-price AI packages

+

Scope defined. Price confirmed. Work starts. No surprises.

+
+ +
+ + +
+ +

AI Chat Responder

+

An AI chatbot embedded on your website, trained on your FAQs, products, policies, and services. Answers customer questions 24/7, hands off to you for complex queries, and you can (re)-train it yourself as your content changes.

+
$497 AUD one-off
+

+ Includes: Chatbot installed on WordPress, trained on your content, branded to match your site, one round of response tuning. +

+ Get This Package +
+ + +
+ +

AI Content Assistant

+

AI Engine WordPress plugin configured with a system prompt trained for your brand voice. Helps you write blog posts, page content, and social media in your brand's tone.

+
$347 AUD one-off
+

+ Includes: Plugin installed and configured, brand voice prompt written and tested, 45-minute async video walkthrough. +

+ Get This Package +
+ + +
+ +

AI Lead Qualifier

+

A smart contact form that scores and categorises inbound leads. Sends personalised follow-up emails. Notifies you with a lead summary and recommended next action.

+
$597 AUD one-off
+

+ Includes: Smart contact form + AI integration, automated email sequences, lead scoring rules, 30 days of tuning. +

+ Get This Package +
+ + +
+ +

Automation Starter

+

One workflow connecting your WordPress site to your tools. New enquiry goes to your CRM, triggers an email, and sends a Slack alert, or new WooCommerce order into accounting and fulfilment.

+
$297 AUD one-off
+

+ Includes: One automated workflow via Zapier or n8n, documented and tested. +

+ Get This Package +
+ + +
+

Also available

+

Not AI-powered, but frequently requested alongside AI integrations.

+
+ + +
+ +

Speed + SEO Audit

+

A complete WordPress performance and SEO audit. PageSpeed score, Core Web Vitals, RankMath review, 20-point checklist. Delivered as a PDF report plus Loom video.

+
$97 AUD one-off
+

+ Includes: Full audit report, prioritised action list, video walkthrough. Implementation quoted separately. +

+ Get This Package +
+ + +
+
Best Value
+ +

Full AI Stack

+

All five packages above, bundled. 90 days of support via email. The complete AI layer for your small business, delivered in one project.

+
$1,497 AUD one-off
+

Save $338 vs buying separately

+

+ Includes: Everything above + priority support for 90 days. +

+ Get the Full Stack +
+ +
+ +

All prices shown are exclusive of GST. GST (10%) applies to Australian clients.

+ +
+
+ + + +
+
+
+

What You Need To Know

+

The setup fee is one-off. The AI needs its own fuel.

+

AI chatbots and lead qualifiers run on commercial APIs, OpenAI or Anthropic. Every conversation uses tokens, and tokens cost money. We cannot run these on free local models and deliver a quality result. That's just the honest reality of how AI works in 2026.

+

The way we handle this: you set up your own API account (free to create, pay-as-you-go) and connect it to the tools we build. You see exactly what you're spending, directly on your OpenAI or Anthropic dashboard, with no markup from us.

+ +
+
+
$5–$15
+
/ month typical
+
Low-traffic site
~50 chat conversations/mo
+
+
+
$15–$40
+
/ month typical
+
Medium traffic
~200 conversations/mo
+
+
+
$40+
+
/ month
+
High traffic or
complex conversations
+
+
+ +
+ Not all packages need an API account. The Automation Starter (Zapier/n8n) and Speed + SEO Audit have no ongoing API costs. The AI Content Assistant uses your own OpenAI key but only when you actively write content, not 24/7. We'll tell you exactly what applies to your package before you commit. +
+
+
+
+ + + +
+
+
+

The Process

+

How we deliver AI projects

+

Async from start to finish. No calls required.

+
+ +
+ +
+
+ 1 +
+

Submit your brief

+

Tell us what you want, your current tech stack, and your WordPress URL.

+
+ +
+
+ 2 +
+

Fixed-price proposal

+

We confirm scope and send a fixed-price proposal within one business day.

+
+ +
+
+ 3 +
+

Async build

+

Work happens async, no calls needed. You receive video updates as we build.

+
+ +
+
+ 4 +
+

Delivery

+

Working tool on your site, documentation, and async walkthrough video. Done.

+
+ +
+
+
+ + + +
+
+
+

Is It Right For You?

+

Is AI right for your business?

+

Honest assessment before you spend a dollar.

+
+ +
+ +
+

+ + Good fit, yes, if: +

+
    +
  • + + You're getting repetitive enquiries that could be answered automatically +
  • +
  • + + You create content regularly and want to speed it up +
  • +
  • + + You want to capture and qualify leads 24/7 without hiring staff +
  • +
+
+ +
+

+ + Probably not, if: +

+
    +
  • + + You need a custom AI application, not a WordPress integration +
  • +
  • + + You want AI to replace your entire sales process +
  • +
  • + + You need real-time data integrations beyond simple webhooks +
  • +
+
+ +
+
+
+ + + +
+
+
+

Questions

+

Common questions about AI integration

+
+ +
+ +
+ + Does this work with my existing WordPress site? + + +
+ In most cases, yes. We'll check your tech stack when you submit your brief and flag any conflicts before starting. No surprises. +
+
+ +
+ + Which AI engine does the chatbot use? + + +
+ Typically Claude API or OpenAI GPT-4o, depending on your use case. We'll recommend which is better for your situation when we review your brief. +
+
+ +
+ + Are there ongoing API costs? + + +
+ Yes, AI chatbots and lead qualifiers run on OpenAI or Anthropic APIs. You set up your own API account (free to create, pay-as-you-go) and connect it to the tools we build. You see your costs directly on your own dashboard, no markup from us. Typical small business cost: $5–$40/month depending on traffic. We document the expected cost before you commit. +
+
+ +
+ + Can I update the chatbot training myself? + + +
+ Yes, we configure it so you can update the FAQ and knowledge base yourself via a simple Google Sheet or WordPress admin panel, without touching code. +
+
+ +
+ + What if the AI gives incorrect or harmful information? + + +
+ All AI integrations we build include a system prompt that defines the assistant's scope and instructs it to redirect out-of-scope questions to a human. The AI is not configured to give advice on medical, legal, or financial matters. For high-stakes queries, we configure a fallback: "I don't have enough information to answer that, please contact us directly." We also recommend clients review chatbot responses during the first 30 days and flag anything unexpected. +
+
+ +
+
+
+ + + +
+
+
+

Ready to add AI to your business?

+

Submit a brief, we'll tell you which package fits and what it'll cost.

+

No calls. No retainer. Fixed price confirmed before work starts.

+ +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/analytics/index.php b/site/analytics/index.php new file mode 100644 index 0000000..63ca843 --- /dev/null +++ b/site/analytics/index.php @@ -0,0 +1,473 @@ + $ADMIN_USER, + 'hash' => $hash, + 'created' => date('Y-m-d H:i:s') + ])); + chmod($configFile, 0600); + $_SESSION['analytics_auth'] = true; + $_SESSION['analytics_user'] = $ADMIN_USER; + header('Location: /analytics/'); + exit; + } + } + // Show setup form + ?> + + +HELP4BIS Analytics — Setup + +
+

HELP4BIS Analytics

+

First-time setup. Create your admin password.

+
+
+ + + + + +
+ + +HELP4BIS Analytics — Login + +
+

HELP4BIS Analytics

+
+
+ + + +
busyTimeout(5000); +} + +// Date range +$range = $_GET['range'] ?? '7d'; +$rangeMap = ['24h' => 1, '7d' => 7, '30d' => 30, '90d' => 90]; +$days = $rangeMap[$range] ?? 7; +$since = date('Y-m-d', strtotime("-{$days} days")); + +// Fetch metrics +$metrics = ['pageviews' => 0, 'unique_visitors' => 0, 'avg_duration' => 0, 'cta_clicks' => 0, 'form_submits' => 0, 'bounce_rate' => 0]; +$topPages = []; +$topReferrers = []; +$topCTAs = []; +$dailyChart = []; +$scrollData = []; + +if ($db) { + // Total pageviews + $r = $db->querySingle("SELECT COUNT(*) FROM events WHERE event='pageview' AND created_at >= '$since'"); + $metrics['pageviews'] = (int)$r; + + // Unique visitors + $r = $db->querySingle("SELECT COUNT(DISTINCT session_id) FROM events WHERE event='pageview' AND created_at >= '$since'"); + $metrics['unique_visitors'] = (int)$r; + + // Avg duration + $r = $db->querySingle("SELECT AVG(CAST(json_extract(extra,'$.seconds') AS REAL)) FROM events WHERE event='duration' AND created_at >= '$since'"); + $metrics['avg_duration'] = round((float)$r, 1); + + // CTA clicks + $r = $db->querySingle("SELECT COUNT(*) FROM events WHERE event='cta_click' AND created_at >= '$since'"); + $metrics['cta_clicks'] = (int)$r; + + // Form submits + $r = $db->querySingle("SELECT COUNT(*) FROM events WHERE event='form_submit' AND created_at >= '$since'"); + $metrics['form_submits'] = (int)$r; + + // Bounce rate (sessions with only 1 pageview) + $totalSessions = $db->querySingle("SELECT COUNT(DISTINCT session_id) FROM events WHERE event='pageview' AND created_at >= '$since'"); + $singlePageSessions = $db->querySingle("SELECT COUNT(*) FROM (SELECT session_id, COUNT(*) as cnt FROM events WHERE event='pageview' AND created_at >= '$since' GROUP BY session_id HAVING cnt = 1)"); + $metrics['bounce_rate'] = $totalSessions > 0 ? round(($singlePageSessions / $totalSessions) * 100, 1) : 0; + + // Top pages + $result = $db->query("SELECT page, COUNT(*) as views, COUNT(DISTINCT session_id) as visitors + FROM events WHERE event='pageview' AND created_at >= '$since' + GROUP BY page ORDER BY views DESC LIMIT 15"); + while ($row = $result->fetchArray(SQLITE3_ASSOC)) { + $topPages[] = $row; + } + + // Top referrers + $result = $db->query("SELECT referrer, COUNT(*) as hits + FROM events WHERE event='pageview' AND referrer != '' AND created_at >= '$since' + GROUP BY referrer ORDER BY hits DESC LIMIT 10"); + while ($row = $result->fetchArray(SQLITE3_ASSOC)) { + $topReferrers[] = $row; + } + + // Top CTA clicks + $result = $db->query("SELECT json_extract(extra,'$.text') as label, json_extract(extra,'$.href') as href, COUNT(*) as clicks + FROM events WHERE event='cta_click' AND created_at >= '$since' + GROUP BY label, href ORDER BY clicks DESC LIMIT 10"); + while ($row = $result->fetchArray(SQLITE3_ASSOC)) { + $topCTAs[] = $row; + } + + // Daily chart data + $result = $db->query("SELECT date(created_at) as day, COUNT(*) as views, COUNT(DISTINCT session_id) as visitors + FROM events WHERE event='pageview' AND created_at >= '$since' + GROUP BY day ORDER BY day ASC"); + while ($row = $result->fetchArray(SQLITE3_ASSOC)) { + $dailyChart[] = $row; + } + + // Scroll depth + $result = $db->query("SELECT json_extract(extra,'$.depth') as depth, COUNT(*) as cnt + FROM events WHERE event='scroll' AND created_at >= '$since' + GROUP BY depth ORDER BY depth ASC"); + while ($row = $result->fetchArray(SQLITE3_ASSOC)) { + $scrollData[] = $row; + } + + $db->close(); +} + +$chartLabels = json_encode(array_column($dailyChart, 'day')); +$chartViews = json_encode(array_map('intval', array_column($dailyChart, 'views'))); +$chartVisitors = json_encode(array_map('intval', array_column($dailyChart, 'visitors'))); +?> + + + + + + +HELP4BIS Analytics Dashboard + + + + + +
+

HELP4BIS Analytics

+ +
+ +
+ + +
+ '24 Hours','7d'=>'7 Days','30d'=>'30 Days','90d'=>'90 Days'] as $k=>$v): ?> + + +
+ + + +
+

No data yet

+

Analytics tracking is active. Data will appear here once visitors start arriving. + The tracker is loaded on all pages via <script src="/analytics/tracker.js">

+
+ + + +
+
+
Pageviews
+
+
Last day1?'s':'' ?>
+
+
+
Unique Visitors
+
+
By session hash
+
+
+
Avg. Duration
+
s
+
Time on page
+
+
+
Bounce Rate
+
%
+
Single-page sessions
+
+
+
CTA Clicks
+
+
Buttons & links
+
+
+
Form Submissions
+
+
Contact / brief forms
+
+
+ + +
+

Traffic Over Time

+ +
+ + +
+ +
+

Top Pages

+ + + + + + + + + +
PageViewsVisitors
+
+ + +
+

Top Referrers

+ +

No external referrers yet.

+ + + + + + + + + +
SourceVisits
+ +
+
+ +
+ +
+

CTA Clicks

+ +

No CTA clicks recorded yet.

+ + + + + + + + + + +
ButtonDestinationClicks
+ +
+ + +
+

Scroll Depth

+ +

No scroll data yet.

+ + +
+ +
+
+
+
%
+
+ +
+ +
+
+ + + + +
+ + diff --git a/site/analytics/track.php b/site/analytics/track.php new file mode 100644 index 0000000..8407801 --- /dev/null +++ b/site/analytics/track.php @@ -0,0 +1,128 @@ + 'Method not allowed']); + exit; +} + +// Read JSON body +$raw = file_get_contents('php://input'); +$data = json_decode($raw, true); + +if (!$data || empty($data['event']) || empty($data['page'])) { + http_response_code(400); + echo json_encode(['error' => 'Invalid payload']); + exit; +} + +// Open/create SQLite database +$dbPath = __DIR__ . '/data/analytics.db'; +$dbDir = dirname($dbPath); +if (!is_dir($dbDir)) { + mkdir($dbDir, 0750, true); +} + +try { + $db = new SQLite3($dbPath); + $db->busyTimeout(5000); + $db->exec('PRAGMA journal_mode=WAL'); + $db->exec('PRAGMA synchronous=NORMAL'); + + // Tables and indexes are pre-created via CLI setup. + // See analytics/setup.php for schema if DB needs recreation. + + // Privacy: hash the IP, don't store raw + $ipHash = hash('sha256', ($_SERVER['REMOTE_ADDR'] ?? '') . date('Y-m-d')); + $uaHash = hash('sha256', $_SERVER['HTTP_USER_AGENT'] ?? ''); + $sessionId = hash('sha256', $ipHash . $uaHash); + + // Extract UTM params + $utm = $data['utm'] ?? []; + + // Extract extra data (duration, scroll depth, href, etc.) + $extra = []; + foreach (['seconds', 'depth', 'href', 'text', 'form_id', 'form_action'] as $key) { + if (isset($data[$key])) { + $extra[$key] = $data[$key]; + } + } + + // Insert event + $now = gmdate('Y-m-d H:i:s'); + $stmt = $db->prepare('INSERT INTO events (event, page, title, referrer, screen, language, + utm_source, utm_medium, utm_campaign, utm_term, utm_content, + extra, ip_hash, user_agent_hash, session_id, created_at) + VALUES (:event, :page, :title, :referrer, :screen, :language, + :utm_source, :utm_medium, :utm_campaign, :utm_term, :utm_content, + :extra, :ip_hash, :ua_hash, :session_id, :created_at)'); + + $stmt->bindValue(':event', substr($data['event'], 0, 50), SQLITE3_TEXT); + $stmt->bindValue(':page', substr($data['page'], 0, 500), SQLITE3_TEXT); + $stmt->bindValue(':title', substr($data['title'] ?? '', 0, 200), SQLITE3_TEXT); + $stmt->bindValue(':referrer', substr($data['referrer'] ?? '', 0, 500), SQLITE3_TEXT); + $stmt->bindValue(':screen', substr($data['screen'] ?? '', 0, 20), SQLITE3_TEXT); + $stmt->bindValue(':language', substr($data['language'] ?? '', 0, 10), SQLITE3_TEXT); + $stmt->bindValue(':utm_source', substr($utm['utm_source'] ?? '', 0, 100), SQLITE3_TEXT); + $stmt->bindValue(':utm_medium', substr($utm['utm_medium'] ?? '', 0, 100), SQLITE3_TEXT); + $stmt->bindValue(':utm_campaign', substr($utm['utm_campaign'] ?? '', 0, 100), SQLITE3_TEXT); + $stmt->bindValue(':utm_term', substr($utm['utm_term'] ?? '', 0, 100), SQLITE3_TEXT); + $stmt->bindValue(':utm_content', substr($utm['utm_content'] ?? '', 0, 100), SQLITE3_TEXT); + $stmt->bindValue(':extra', !empty($extra) ? json_encode($extra) : null, SQLITE3_TEXT); + $stmt->bindValue(':ip_hash', $ipHash, SQLITE3_TEXT); + $stmt->bindValue(':ua_hash', $uaHash, SQLITE3_TEXT); + $stmt->bindValue(':session_id', $sessionId, SQLITE3_TEXT); + $stmt->bindValue(':created_at', $now, SQLITE3_TEXT); + $stmt->execute(); + + // Update daily stats for pageviews + if ($data['event'] === 'pageview') { + $today = date('Y-m-d'); + $safePage = SQLite3::escapeString(substr($data['page'], 0, 500)); + + $db->exec("INSERT INTO daily_stats (date, page, pageviews, unique_visitors) + VALUES ('$today', '$safePage', 1, 1) + ON CONFLICT(date, page) DO UPDATE SET + pageviews = pageviews + 1, + unique_visitors = ( + SELECT COUNT(DISTINCT session_id) FROM events + WHERE page = '$safePage' AND event = 'pageview' + AND date(created_at) = '$today' + )"); + } + + // Update duration in daily stats + if ($data['event'] === 'duration' && isset($data['seconds'])) { + $today = date('Y-m-d'); + $safePage = SQLite3::escapeString(substr($data['page'], 0, 500)); + + $db->exec("UPDATE daily_stats SET + avg_duration = ( + SELECT AVG(CAST(json_extract(extra, '$.seconds') AS REAL)) + FROM events WHERE page = '$safePage' AND event = 'duration' + AND date(created_at) = '$today' + ) + WHERE date = '$today' AND page = '$safePage'"); + } + + $db->close(); + + http_response_code(200); + echo json_encode(['ok' => true]); + +} catch (Exception $e) { + http_response_code(500); + echo json_encode(['error' => 'Database error']); +} diff --git a/site/analytics/tracker.js b/site/analytics/tracker.js new file mode 100644 index 0000000..f1ce9c6 --- /dev/null +++ b/site/analytics/tracker.js @@ -0,0 +1,119 @@ +/* Version: 1.0.0 | Created: 2026-04-08 | Updated: 2026-04-08 */ +/* HELP4BIS Analytics Tracker — lightweight, self-hosted, privacy-first */ +(function() { + 'use strict'; + + var endpoint = '/analytics/track.php'; + + function getPagePath() { + return window.location.pathname || '/'; + } + + function getReferrer() { + var ref = document.referrer || ''; + // Strip own domain + if (ref.indexOf(window.location.hostname) !== -1) return ''; + return ref; + } + + function getScreenSize() { + return window.screen.width + 'x' + window.screen.height; + } + + function getUtmParams() { + var params = {}; + var search = window.location.search; + if (!search) return params; + var pairs = search.substring(1).split('&'); + for (var i = 0; i < pairs.length; i++) { + var kv = pairs[i].split('='); + var key = decodeURIComponent(kv[0]); + if (key.indexOf('utm_') === 0) { + params[key] = decodeURIComponent(kv[1] || ''); + } + } + return params; + } + + function track(eventType, data) { + var payload = { + event: eventType, + page: getPagePath(), + title: document.title, + referrer: getReferrer(), + screen: getScreenSize(), + language: navigator.language || '', + utm: getUtmParams(), + timestamp: new Date().toISOString() + }; + + if (data) { + for (var key in data) { + if (data.hasOwnProperty(key)) payload[key] = data[key]; + } + } + + // Use sendBeacon for reliability, fallback to fetch + var body = JSON.stringify(payload); + if (navigator.sendBeacon) { + navigator.sendBeacon(endpoint, body); + } else { + var xhr = new XMLHttpRequest(); + xhr.open('POST', endpoint, true); + xhr.setRequestHeader('Content-Type', 'application/json'); + xhr.send(body); + } + } + + // Track page view on load + track('pageview'); + + // Track time on page (fires on unload) + var startTime = Date.now(); + window.addEventListener('beforeunload', function() { + var duration = Math.round((Date.now() - startTime) / 1000); + if (duration > 1) { + track('duration', { seconds: duration }); + } + }); + + // Track outbound link clicks + document.addEventListener('click', function(e) { + var link = e.target.closest('a'); + if (!link) return; + var href = link.getAttribute('href') || ''; + // CTA buttons (contact, get started, etc.) + if (link.classList.contains('btn') || link.classList.contains('cta')) { + track('cta_click', { href: href, text: (link.textContent || '').trim().substring(0, 80) }); + } + // Outbound links + if (href.indexOf('http') === 0 && href.indexOf(window.location.hostname) === -1) { + track('outbound', { href: href }); + } + // Phone/email clicks + if (href.indexOf('tel:') === 0 || href.indexOf('mailto:') === 0) { + track('contact_click', { href: href }); + } + }); + + // Track form submissions + document.addEventListener('submit', function(e) { + var form = e.target; + track('form_submit', { form_id: form.id || '', form_action: form.action || '' }); + }); + + // Track scroll depth (25%, 50%, 75%, 100%) + var scrollMarks = { 25: false, 50: false, 75: false, 100: false }; + window.addEventListener('scroll', function() { + var scrollTop = window.pageYOffset || document.documentElement.scrollTop; + var docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; + if (docHeight <= 0) return; + var pct = Math.round((scrollTop / docHeight) * 100); + [25, 50, 75, 100].forEach(function(mark) { + if (pct >= mark && !scrollMarks[mark]) { + scrollMarks[mark] = true; + track('scroll', { depth: mark }); + } + }); + }); +})(); diff --git a/site/assets/css/style.css b/site/assets/css/style.css new file mode 100644 index 0000000..8806b0f --- /dev/null +++ b/site/assets/css/style.css @@ -0,0 +1,2435 @@ +/* ============================================================ + HELP4BIS — Design System v4.0 + February 2026 | help4bis.com + ============================================================ */ + +/* Self-hosted fonts (DM Sans + Inter) - replaces Google Fonts CDN */ +/* DM Sans italic 300 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url('../fonts/dmsans-italic-300-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans italic 300 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url('../fonts/dmsans-italic-300-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 300 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('../fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 300 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('../fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 400 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('../fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 400 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('../fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 500 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('../fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 500 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('../fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 700 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('../fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 700 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('../fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 900 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('../fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 900 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('../fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 400 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('../fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 400 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('../fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 500 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('../fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 500 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('../fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 600 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('../fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 600 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('../fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* ── Tokens ── */ +:root { + /* Brand */ + --red: #E8352A; + --red-dark: #C0261C; + --red-hot: #FF5A4A; + --red-glow: rgba(232,53,42,.28); + --red-subtle: rgba(232,53,42,.07); + --coral: #FF6B5B; + + /* Dark palette */ + --ink: #09111F; + --ink-mid: #101828; + --ink-card: #162035; + --ink-border: rgba(255,255,255,.07); + + /* Light palette */ + --white: #FFFFFF; + --off-white: #F8FAFC; + --grey-50: #F1F5F9; + --grey-100: #E2E8F0; + --grey-200: #CBD5E1; + --grey-400: #94A3B8; + --grey-600: #475569; + --grey-800: #1E293B; + + /* Accent */ + --blue: #3B9EE8; + --green: #22C55E; + --amber: #F59E0B; + --purple: #8B5CF6; + + /* Typography */ + --font-head: 'DM Sans', system-ui, sans-serif; + --font-body: 'Inter', system-ui, sans-serif; + + /* Spacing */ + --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px; + --sp-5: 32px; --sp-6: 48px; --sp-8: 64px; + --sp-10: 80px; --sp-12: 96px; --sp-16: 128px; + + /* Radius */ + --r-sm: 6px; --r-md: 10px; --r-lg: 16px; + --r-xl: 20px; --r-2xl: 28px; --r-full: 9999px; + + /* Shadows */ + --shadow-sm: 0 2px 8px rgba(9,17,31,.08); + --shadow-md: 0 8px 24px rgba(9,17,31,.10), 0 2px 8px rgba(9,17,31,.06); + --shadow-lg: 0 20px 56px rgba(9,17,31,.13), 0 4px 16px rgba(9,17,31,.07); + --shadow-xl: 0 32px 80px rgba(9,17,31,.18), 0 8px 24px rgba(9,17,31,.10); + --shadow-red: 0 12px 40px rgba(232,53,42,.40); + --shadow-card: 0 1px 3px rgba(9,17,31,.06), 0 4px 16px rgba(9,17,31,.06); + + /* Transitions */ + --ease-out: cubic-bezier(.22,1,.36,1); + --ease-spring: cubic-bezier(.22,.68,0,1.2); + --trans: .18s ease; + --trans-md: .28s var(--ease-out); + + --max-w: 1180px; +} + +/* ── Reset ── */ +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } +html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } +body { + font-family: var(--font-body); + font-size: 16px; + line-height: 1.7; + color: var(--grey-800); + background: var(--white); + -webkit-font-smoothing: antialiased; +} +img { max-width: 100%; height: auto; display: block; } +a { color: var(--blue); text-decoration: none; transition: color var(--trans); } +a:hover { color: var(--ink); } +ul { list-style: none; } + +/* ── Layout ── */ +.container { + width: 100%; + max-width: var(--max-w); + margin: 0 auto; + padding: 0 var(--sp-4); +} +.section { padding: var(--sp-12) 0; } +.section--alt { background: var(--off-white); } +.section--dark { background: var(--ink); } +.text-center { text-align: center; } +.mb-6 { margin-bottom: var(--sp-6); } +.mb-8 { margin-bottom: var(--sp-8); } +.mt-4 { margin-top: var(--sp-4); } + +/* ── Typography ── */ +h1, h2, h3, h4 { + font-family: var(--font-head); + letter-spacing: -0.03em; + line-height: 1.05; + color: var(--ink); +} +h1 { font-size: clamp(48px, 7vw, 92px); font-weight: 900; } +h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 800; } +h3 { font-size: clamp(18px, 2vw, 22px); font-weight: 700; letter-spacing: -0.02em; } +h4 { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; } +p { margin-bottom: var(--sp-3); } +p:last-child { margin-bottom: 0; } + +.eyebrow { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-head); + font-size: 11px; + font-weight: 700; + letter-spacing: .18em; + text-transform: uppercase; + color: var(--red); + margin-bottom: var(--sp-3); +} +.eyebrow::before { + content: ''; + width: 20px; height: 2px; + background: linear-gradient(90deg, var(--red), var(--coral)); + flex-shrink: 0; + border-radius: 2px; +} + +.section-subtitle { + font-size: 18px; + color: var(--grey-600); + max-width: 520px; + margin: var(--sp-2) auto var(--sp-8); + line-height: 1.65; + font-weight: 400; +} + +.inline-link { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } +.inline-link:hover { color: var(--red-dark); } + +.large { + font-size: 18px; + line-height: 1.75; + color: var(--grey-600); +} + + +/* ══════════════════════════════════════════════ + BUTTONS +══════════════════════════════════════════════ */ +.btn { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-head); + font-size: 13px; + font-weight: 700; + letter-spacing: .07em; + text-transform: uppercase; + padding: 14px 28px; + border-radius: var(--r-lg); + border: 1.5px solid transparent; + cursor: pointer; + transition: all var(--trans-md); + white-space: nowrap; + text-decoration: none; + position: relative; + overflow: hidden; +} +.btn svg { flex-shrink: 0; } + +.btn-primary { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); + border-color: transparent; + box-shadow: 0 4px 14px var(--red-glow); +} +.btn-primary:hover { + background: linear-gradient(135deg, var(--coral), var(--red-dark)); + color: var(--white); + box-shadow: var(--shadow-red); + transform: translateY(-2px); +} + +.btn-secondary { + background: var(--white); + color: var(--ink); + border-color: var(--grey-200); + box-shadow: var(--shadow-sm); +} +.btn-secondary:hover { + border-color: var(--ink); + background: var(--ink); + color: var(--white); + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} + +.btn-outline-light { + background: rgba(255,255,255,.1); + color: var(--white); + border-color: rgba(255,255,255,.25); +} +.btn-outline-light:hover { + background: rgba(255,255,255,.2); + border-color: rgba(255,255,255,.6); + color: var(--white); + transform: translateY(-2px); +} + +.btn-lg { font-size: 14px; padding: 17px 38px; } +.btn-sm { font-size: 11px; padding: 9px 18px; border-radius: var(--r-md); } + + +/* ══════════════════════════════════════════════ + NAVIGATION +══════════════════════════════════════════════ */ +.nav { + position: sticky; + top: 0; + z-index: 1000; + background: rgba(255,255,255,.88); + backdrop-filter: blur(20px) saturate(180%); + -webkit-backdrop-filter: blur(20px) saturate(180%); + border-bottom: 1px solid var(--grey-100); + transition: box-shadow .3s ease, background .3s ease; +} +.nav::before { + content: ''; + position: absolute; + top: 0; left: 0; right: 0; + height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red), var(--purple), var(--blue)); +} +.nav.scrolled { + box-shadow: 0 4px 24px rgba(9,17,31,.10); + background: rgba(255,255,255,.96); +} + +.nav__inner { + display: flex; + align-items: center; + justify-content: space-between; + height: 64px; +} + +.nav__logo img { height: 34px; width: auto; } + +.nav__links { + display: flex; + align-items: center; + gap: 2px; + list-style: none; +} + +.nav__links > li > a, +.nav__links > li > button.nav__trigger { + font-family: var(--font-head); + font-size: 13.5px; + font-weight: 600; + color: var(--grey-600); + background: none; + border: none; + cursor: pointer; + padding: 7px 12px; + border-radius: var(--r-md); + display: inline-flex; + align-items: center; + gap: 5px; + transition: all var(--trans); + white-space: nowrap; + letter-spacing: .01em; +} +.nav__links > li > a:hover, +.nav__links > li > button.nav__trigger:hover { + color: var(--ink); + background: var(--grey-50); +} +.nav__links > li > a.active, +.nav__links > li > button.nav__trigger[aria-expanded="true"] { + color: var(--red); + background: var(--red-subtle); +} + +.nav__trigger svg { color: var(--grey-400); transition: transform .2s ease; } +.nav__trigger[aria-expanded="true"] svg { transform: rotate(180deg); color: var(--red); } + +.nav__dropdown { position: relative; } +.nav__dropdown-menu { + display: none; + position: absolute; + top: calc(100% + 12px); + left: -12px; + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + box-shadow: var(--shadow-xl); + min-width: 264px; + list-style: none; + z-index: 400; + padding: 8px; + animation: panelIn .2s var(--ease-out) both; +} +.nav__dropdown-menu.open { display: block; } + +@keyframes panelIn { + from { opacity: 0; transform: translateY(-10px) scale(.97); } + to { opacity: 1; transform: translateY(0) scale(1); } +} + +.nav__dropdown-menu li a { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 14px; + font-size: 13.5px; + color: var(--grey-600); + border-radius: var(--r-md); + transition: all var(--trans); + font-family: var(--font-head); + font-weight: 500; +} +.nav__dropdown-menu li a:hover { background: var(--grey-50); color: var(--ink); } +.nav__dropdown-menu li a .menu-price { + font-size: 11px; font-weight: 700; color: var(--red); + background: var(--red-subtle); padding: 2px 8px; border-radius: var(--r-full); +} + +.nav__cta { display: flex; align-items: center; gap: var(--sp-2); } +.nav__burger { + display: none; background: none; border: none; cursor: pointer; + padding: 10px; color: var(--ink); border-radius: var(--r-md); + transition: background var(--trans); + min-width: 44px; min-height: 44px; + align-items: center; justify-content: center; +} +.nav__burger:hover { background: var(--grey-50); } +.nav__cta-mobile { display: none; } + +@media (max-width: 820px) { + .nav__links { display: none; } + .nav__cta .btn { display: none; } + .nav__burger { display: flex; } + .nav.scrolled, .nav { + backdrop-filter: none; + -webkit-backdrop-filter: none; + } + .nav__links.nav--open { + display: flex; flex-direction: column; align-items: stretch; + position: fixed; top: 66px; left: 0; right: 0; bottom: 0; + background: var(--white); padding: var(--sp-3) var(--sp-4) var(--sp-8); + gap: 2px; overflow-y: auto; z-index: 999; + border-top: 1px solid var(--grey-100); + } + .nav__links.nav--open > li > a, + .nav__links.nav--open > li > button.nav__trigger { + width: 100%; justify-content: space-between; font-size: 15px; + padding: 14px 16px; border-radius: var(--r-md); color: var(--ink); + } + .nav__dropdown-menu { + position: static; box-shadow: none; border: none; + background: var(--grey-50); border-radius: var(--r-md); + padding: 6px; margin: 4px 0; animation: none; + } + .nav__dropdown-menu.open { display: block; } + .nav__dropdown-menu li a { border-radius: var(--r-md); } + .nav__cta-mobile { + display: flex !important; flex-direction: column; gap: var(--sp-2); + margin-top: var(--sp-4); padding-top: var(--sp-4); + border-top: 1px solid var(--grey-100); + } + .nav__cta-mobile .btn { display: flex; justify-content: center; width: 100%; } +} + + +/* ══════════════════════════════════════════════ + HERO — FULL DRAMA +══════════════════════════════════════════════ */ +.hero { + background: var(--ink); + padding: var(--sp-16) 0 0; + overflow: hidden; + position: relative; +} + +/* Background grid */ +.hero__grid-bg { + position: absolute; inset: 0; + background-image: + linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), + linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); + background-size: 56px 56px; + pointer-events: none; +} +/* Ambient glows */ +.hero::before { + content: ''; + position: absolute; top: -300px; left: -300px; + width: 900px; height: 900px; + background: radial-gradient(circle, rgba(232,53,42,.10) 0%, transparent 60%); + pointer-events: none; +} +.hero::after { + content: ''; + position: absolute; bottom: 0; right: -200px; + width: 700px; height: 700px; + background: radial-gradient(circle, rgba(59,158,232,.07) 0%, transparent 60%); + pointer-events: none; +} + +.hero__inner { + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--sp-10); + align-items: center; + position: relative; + z-index: 1; +} + +/* Label pill */ +.hero__label { + display: inline-flex; align-items: center; gap: 8px; + background: rgba(232,53,42,.12); + border: 1px solid rgba(232,53,42,.28); + color: #FF9080; + font-family: var(--font-head); font-size: 11px; font-weight: 700; + letter-spacing: .13em; text-transform: uppercase; + padding: 6px 14px; border-radius: var(--r-full); + margin-bottom: var(--sp-5); +} +.hero__label svg { flex-shrink: 0; } + +.hero__content h1 { + color: var(--white); + margin-bottom: var(--sp-5); + font-weight: 900; + line-height: 1.0; + letter-spacing: -0.04em; +} +/* Gradient text accent */ +.hero__content h1 .accent { + background: linear-gradient(135deg, var(--coral) 0%, var(--red) 40%, #C92020 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +.hero__lead { + font-size: 18px; + color: #667a9b; + margin-bottom: var(--sp-6); + line-height: 1.65; + max-width: 460px; +} + +.hero__actions { + display: flex; gap: var(--sp-3); + flex-wrap: wrap; align-items: center; + margin-bottom: var(--sp-8); +} + +/* Trust row */ +.hero__trust { + display: flex; gap: var(--sp-5); flex-wrap: wrap; + padding-top: var(--sp-4); + border-top: 1px solid rgba(255,255,255,.08); +} +.hero__trust-item { + display: flex; align-items: center; gap: 7px; + font-size: 13px; color: rgba(255,255,255,.75); + font-family: var(--font-head); font-weight: 600; +} +.hero__trust-item svg { color: var(--green); flex-shrink: 0; } + +/* Photo side */ +.hero__visual { + position: relative; + padding-bottom: var(--sp-8); +} + +.hero__photo-frame { + border-radius: var(--r-2xl); + overflow: hidden; + position: relative; + box-shadow: 0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06); + aspect-ratio: 4/3; +} +.hero__photo-frame::before { + content: ''; + position: absolute; inset: 0; + background: linear-gradient(180deg, transparent 40%, rgba(9,17,31,.4) 100%); + z-index: 1; + pointer-events: none; +} +.hero__photo-frame img { + width: 100%; height: 100%; + object-fit: cover; object-position: top center; + display: block; + filter: brightness(1.05) contrast(1.02); +} + +/* Floating badge — experience */ +.hero__badge { + position: absolute; + bottom: var(--sp-8); left: -var(--sp-5); + left: -20px; + background: var(--white); + border-radius: var(--r-lg); + padding: 14px 18px; + box-shadow: var(--shadow-xl); + display: flex; align-items: center; gap: 12px; + min-width: 210px; + z-index: 10; + animation: float 4s ease-in-out infinite; +} +@keyframes float { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-6px); } +} +.hero__badge-icon { + width: 40px; height: 40px; + background: linear-gradient(135deg, var(--red-subtle), rgba(232,53,42,.14)); + border-radius: var(--r-md); + display: flex; align-items: center; justify-content: center; + color: var(--red); flex-shrink: 0; +} +.hero__badge-text strong { + display: block; font-family: var(--font-head); font-size: 13px; + font-weight: 700; color: var(--ink); line-height: 1.3; +} +.hero__badge-text span { font-size: 11px; color: var(--grey-400); } + +/* Floating proof card — review */ +.hero__proof-card { + position: absolute; + top: var(--sp-5); right: -var(--sp-5); + right: -20px; + background: linear-gradient(135deg, var(--ink-card), var(--ink-mid)); + border: 1px solid var(--ink-border); + border-radius: var(--r-lg); + padding: 14px 18px; + box-shadow: var(--shadow-xl); + z-index: 10; + max-width: 200px; + animation: float 4s ease-in-out infinite reverse; + animation-delay: .8s; +} +.hero__proof-stars { color: #FBBF24; font-size: 13px; letter-spacing: 1px; margin-bottom: 6px; } +.hero__proof-quote { + font-size: 12px; color: rgba(255,255,255,.75); + line-height: 1.5; margin-bottom: 8px; font-style: italic; +} +.hero__proof-author { font-size: 11px; color: rgba(255,255,255,.7); font-family: var(--font-head); font-weight: 600; } + +/* Hero wave to next section */ +.hero-bottom { + position: relative; + z-index: 1; + margin-top: var(--sp-10); +} +.hero-bottom svg { display: block; width: 100%; } + + +@media (max-width: 960px) { + .hero { padding: var(--sp-12) 0 0; } + .hero__inner { grid-template-columns: 1fr; gap: var(--sp-6); } + .hero__visual { order: -1; padding-bottom: var(--sp-6); } + .hero__lead { max-width: 100%; } + .hero__proof-card { right: 0; top: var(--sp-3); } + .hero__badge { left: 0; } +} +@media (max-width: 520px) { + .hero__actions { flex-direction: column; } + .hero__actions .btn { width: 100%; justify-content: center; } + .hero__proof-card { display: none; } +} + + +/* ══════════════════════════════════════════════ + STATS — DARK, MASSIVE NUMBERS +══════════════════════════════════════════════ */ +.stats { + background: var(--ink-mid); + padding: var(--sp-10) 0; + border-bottom: 1px solid var(--ink-border); +} +.stats__grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + text-align: center; +} +.stats__item { + padding: var(--sp-4) var(--sp-3); + position: relative; +} +.stats__item:not(:last-child)::after { + content: ''; + position: absolute; right: 0; top: 50%; + transform: translateY(-50%); + width: 1px; height: 48px; + background: var(--ink-border); +} +.stats__item strong { + display: block; + font-family: var(--font-head); + font-size: clamp(40px, 5vw, 64px); + font-weight: 900; + letter-spacing: -0.05em; + line-height: 1; + margin-bottom: 8px; + background: linear-gradient(135deg, var(--white) 0%, rgba(255,255,255,.7) 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} +.stats__item span { + font-size: 11px; color: rgba(255,255,255,.7); + font-family: var(--font-head); font-weight: 700; + letter-spacing: .12em; text-transform: uppercase; +} +@media (max-width: 640px) { .stats__grid { grid-template-columns: repeat(2,1fr); } } + + +/* ══════════════════════════════════════════════ + FEATURE STRIP +══════════════════════════════════════════════ */ +.feature-strip { + padding: var(--sp-4) 0; + border-bottom: 1px solid var(--grey-100); + background: var(--off-white); +} +.feature-strip__grid { + display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); + justify-content: center; align-items: center; +} +.feature-strip__item { + display: flex; align-items: center; gap: 7px; + font-size: 13px; color: var(--grey-600); + font-family: var(--font-head); font-weight: 600; +} +.feature-strip__item svg { color: var(--green); flex-shrink: 0; } + + +/* ══════════════════════════════════════════════ + SERVICES — BENTO GRID +══════════════════════════════════════════════ */ +.services__bento { + display: grid; + grid-template-columns: repeat(12, 1fr); + grid-template-rows: auto auto; + gap: 16px; +} + +/* Default card: spans 3 of 12 cols (4 per row) */ +.bento-card { + grid-column: span 3; + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-6) var(--sp-5); + position: relative; + overflow: hidden; + transition: transform var(--trans-md), box-shadow var(--trans-md); + box-shadow: var(--shadow-card); +} +.bento-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-lg); +} +/* Shimmer hover line */ +.bento-card::after { + content: ''; + position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red), var(--purple)); + opacity: 0; + transition: opacity var(--trans-md); +} +.bento-card:hover::after { opacity: 1; } + +/* Featured: Managed WordPress spans 8 cols */ +.bento-card--featured { + grid-column: span 8; + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border-color: var(--ink-border); + color: var(--white); +} +.bento-card--featured::after { + opacity: 0; +} +.bento-card--featured:hover { + transform: translateY(-4px); + box-shadow: 0 32px 80px rgba(9,17,31,.4), 0 0 0 1px rgba(255,255,255,.06); +} +/* Gradient border on featured */ +.bento-card--featured::before { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.5), rgba(139,92,246,.3), rgba(59,158,232,.2)); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + pointer-events: none; +} +/* Glow blob inside featured */ +.bento-card--featured .bento-glow { + position: absolute; top: -80px; right: -80px; + width: 300px; height: 300px; + background: radial-gradient(circle, rgba(232,53,42,.18) 0%, transparent 65%); + pointer-events: none; +} + +/* SOS (spans 4) */ +.bento-card--sos { + grid-column: span 4; + background: linear-gradient(145deg, #FFF8F7, #FFF2F0); + border-color: rgba(232,53,42,.15); +} +.bento-card--sos::after { + background: linear-gradient(90deg, var(--red), var(--coral)); +} + +/* Icon */ +.bento-icon { + width: 48px; height: 48px; + border-radius: var(--r-lg); + display: flex; align-items: center; justify-content: center; + margin-bottom: var(--sp-4); + flex-shrink: 0; +} +.bento-icon--dark { + background: rgba(255,255,255,.1); + color: var(--white); +} +.bento-icon--red { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); + box-shadow: 0 4px 14px var(--red-glow); +} +.bento-icon--grey { + background: var(--grey-50); + color: var(--grey-600); +} +.bento-icon--blue { + background: rgba(59,158,232,.1); + color: var(--blue); +} +.bento-icon--purple { + background: rgba(139,92,246,.1); + color: var(--purple); +} +.bento-icon--green { + background: rgba(34,197,94,.1); + color: var(--green); +} + +.bento-card h3 { margin-bottom: var(--sp-2); } +.bento-card--featured h3 { color: var(--white); font-size: 26px; } +.bento-card--featured .bento-lead { color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.65; } +.bento-card--featured .bento-price { + font-family: var(--font-head); font-weight: 900; + font-size: 48px; letter-spacing: -0.04em; + color: var(--white); line-height: 1; margin: var(--sp-5) 0 var(--sp-2); +} +.bento-card--featured .bento-price span { + font-size: 16px; font-weight: 400; color: rgba(255,255,255,.7); letter-spacing: 0; +} + +.bento-card p { font-size: 14px; color: var(--grey-600); line-height: 1.65; } +.bento-card--sos p { color: var(--grey-600); } + +.bento-price-badge { + display: inline-flex; align-items: center; gap: 4px; + background: var(--red-subtle); border: 1px solid rgba(232,53,42,.15); + color: var(--red); font-family: var(--font-head); font-weight: 700; + font-size: 13px; padding: 5px 12px; border-radius: var(--r-full); + margin-bottom: var(--sp-3); +} + +.bento-features { + list-style: none; margin: var(--sp-4) 0; +} +.bento-features li { + display: flex; align-items: center; gap: 8px; + font-size: 13px; color: rgba(255,255,255,.8); + padding: 5px 0; + font-family: var(--font-head); font-weight: 500; +} +.bento-features li svg { color: var(--green); flex-shrink: 0; } + +/* Row 2: three equal cards (span 4 each) */ +.bento-card--wide { grid-column: span 4; } +/* Row 3: two equal cards (span 6 each) */ +.bento-card--half { grid-column: span 6; } + +@media (max-width: 860px) { + .bento-card--featured { grid-column: span 12; } + .bento-card--sos { grid-column: span 12; } + .bento-card--wide { grid-column: span 6; } + .bento-card--half { grid-column: span 6; } + .bento-card { grid-column: span 6; } +} +@media (max-width: 560px) { + .services__bento > * { grid-column: span 12; } +} + + +/* ══════════════════════════════════════════════ + WHY / STORY +══════════════════════════════════════════════ */ +.why__grid { + display: grid; + grid-template-columns: 5fr 7fr; + gap: var(--sp-10); + align-items: center; +} +.why__image { + position: relative; +} +.why__image img { + border-radius: var(--r-2xl); + width: 100%; + object-fit: cover; + box-shadow: var(--shadow-xl); +} +.why__image::before { + content: ''; + position: absolute; inset: -1px; + border-radius: calc(var(--r-2xl) + 1px); + background: linear-gradient(135deg, rgba(232,53,42,.3), rgba(139,92,246,.2), rgba(59,158,232,.15)); + padding: 1px; + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + z-index: 0; +} +.why__content { } +.why__content p.large { margin-bottom: var(--sp-4); } + +.why__points { + list-style: none; + margin: var(--sp-5) 0 var(--sp-6); + display: flex; flex-direction: column; gap: 12px; +} +.why__points li { + display: flex; align-items: flex-start; gap: 10px; + font-size: 14px; color: var(--grey-800); + font-family: var(--font-head); font-weight: 600; +} +.why__points li svg { color: var(--green); flex-shrink: 0; margin-top: 2px; } + +@media (max-width: 860px) { + .why__grid { grid-template-columns: 1fr; } +} + + +/* ══════════════════════════════════════════════ + PORTFOLIO +══════════════════════════════════════════════ */ +.portfolio__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; +} +.portfolio-card { + border-radius: var(--r-xl); + overflow: hidden; + background: var(--grey-100); + position: relative; + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); + cursor: pointer; +} +.portfolio-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } +.portfolio-card__image { + aspect-ratio: 4/3; + overflow: hidden; +} +.portfolio-card__image img { + width: 100%; height: 100%; object-fit: cover; + transition: transform .4s var(--ease-out); +} +.portfolio-card:hover .portfolio-card__image img { transform: scale(1.06); } +.portfolio-card__info { + padding: 14px 18px; + background: var(--white); + border-top: 1px solid var(--grey-100); +} +.portfolio-card__info h4 { color: var(--ink); margin-bottom: 3px; } +.portfolio-card__info span { font-size: 12px; color: var(--grey-400); font-family: var(--font-head); font-weight: 600; letter-spacing: .05em; } + +@media (max-width: 768px) { .portfolio__grid { grid-template-columns: repeat(2,1fr); } } +@media (max-width: 480px) { .portfolio__grid { grid-template-columns: 1fr; } } + + +/* ══════════════════════════════════════════════ + PRICING +══════════════════════════════════════════════ */ +.pricing__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + align-items: start; +} +.pricing-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-6); + position: relative; + transition: transform var(--trans-md), box-shadow var(--trans-md); + box-shadow: var(--shadow-card); +} +.pricing-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } + +/* Featured */ +.pricing-card--featured { + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border-color: var(--ink-border); + transform: translateY(-8px); + box-shadow: var(--shadow-xl), 0 0 0 1px rgba(232,53,42,.3); +} +.pricing-card--featured::before { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.6), rgba(139,92,246,.4), transparent); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; +} +.pricing-card--featured:hover { + transform: translateY(-12px); + box-shadow: var(--shadow-xl), 0 0 0 1px rgba(232,53,42,.4), 0 0 60px rgba(232,53,42,.15); +} +.pricing-card--featured h3 { color: var(--white); } +.pricing-card--featured .pricing-card__desc { color: rgba(255,255,255,.75); } +.pricing-card--featured .pricing-card__price strong { color: var(--white); } +.pricing-card--featured .pricing-card__price span { color: rgba(255,255,255,.7); } +.pricing-card--featured .pricing-card__features li { color: rgba(255,255,255,.8); } +.pricing-card--featured .pricing-card__features li svg { color: var(--green); } +.pricing-card--featured .pricing-card__features li.excluded { color: rgba(255,255,255,.45); } + +.pricing-card__badge { + position: absolute; top: -12px; left: 50%; transform: translateX(-50%); + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); font-family: var(--font-head); font-weight: 700; + font-size: 12px; letter-spacing: .1em; text-transform: uppercase; + padding: 4px 14px; border-radius: var(--r-full); + box-shadow: 0 4px 12px var(--red-glow); + white-space: nowrap; +} + +.pricing-card h3 { margin-bottom: 6px; } +.pricing-card__desc { font-size: 14px; color: var(--grey-600); margin-bottom: var(--sp-4); } +.pricing-card__price { margin-bottom: var(--sp-5); } +.pricing-card__price strong { font-family: var(--font-head); font-size: 48px; font-weight: 900; letter-spacing: -0.04em; color: var(--ink); line-height: 1; } +.pricing-card__price span { font-size: 14px; color: var(--grey-400); font-family: var(--font-head); } +.pricing-card__features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: var(--sp-6); } +.pricing-card__features li { + display: flex; align-items: center; gap: 9px; + font-size: 14px; color: var(--grey-800); font-family: var(--font-head); font-weight: 500; +} +.pricing-card__features li svg { flex-shrink: 0; } +.pricing-card__features li.excluded { color: var(--grey-400); } + +@media (max-width: 860px) { + .pricing__grid { grid-template-columns: 1fr; } + .pricing-card--featured { transform: none; } + .pricing-card--featured:hover { transform: translateY(-4px); } +} + + +/* ══════════════════════════════════════════════ + TESTIMONIALS — STAGGERED +══════════════════════════════════════════════ */ +.testimonials__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + align-items: start; +} +.testimonial-card:nth-child(2) { margin-top: 40px; } +.testimonial-card:nth-child(3) { margin-top: 80px; } + +.testimonial-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-5); + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); +} +.testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } +.testimonial-card__stars { color: #FBBF24; font-size: 16px; margin-bottom: var(--sp-3); letter-spacing: 2px; } +.testimonial-card__text { + font-size: 15px; color: var(--grey-600); line-height: 1.7; + margin-bottom: var(--sp-4); font-style: italic; +} +.testimonial-card__author { + display: flex; align-items: center; gap: 12px; + padding-top: var(--sp-3); border-top: 1px solid var(--grey-100); +} +.testimonial-card__avatar { + width: 40px; height: 40px; border-radius: 50%; + background: linear-gradient(135deg, var(--red), var(--purple)); + color: var(--white); display: flex; align-items: center; justify-content: center; + font-family: var(--font-head); font-weight: 700; font-size: 16px; flex-shrink: 0; +} +.testimonial-card__author strong { display: block; font-size: 14px; color: var(--ink); } +.testimonial-card__author span { font-size: 12px; color: var(--grey-400); } + +@media (max-width: 768px) { + .testimonials__grid { grid-template-columns: 1fr; } + .testimonial-card:nth-child(2), + .testimonial-card:nth-child(3) { margin-top: 0; } +} + + +/* ══════════════════════════════════════════════ + FAQ +══════════════════════════════════════════════ */ +.faq__list { max-width: 720px; margin: 0 auto; } + +.faq-item { + border-bottom: 1px solid var(--grey-100); + transition: background var(--trans); +} +.faq-item:first-child { border-top: 1px solid var(--grey-100); } +.faq-item[open] { + background: var(--off-white); + border-radius: var(--r-md); + margin: 4px 0; +} + +summary.faq-item__question { + list-style: none; + display: flex; align-items: center; justify-content: space-between; + padding: var(--sp-4) var(--sp-3); + cursor: pointer; + font-family: var(--font-head); font-size: 16px; font-weight: 600; + color: var(--ink); gap: var(--sp-4); user-select: none; + transition: color var(--trans); +} +summary.faq-item__question::-webkit-details-marker { display: none; } +summary.faq-item__question::marker { display: none; } +summary.faq-item__question:hover { color: var(--red); } + +.faq-item__icon { + flex-shrink: 0; width: 28px; height: 28px; + border: 1.5px solid var(--grey-200); border-radius: 50%; + display: flex; align-items: center; justify-content: center; + color: var(--grey-600); transition: all .22s ease; pointer-events: none; +} +.faq-item[open] .faq-item__icon { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-color: transparent; color: var(--white); transform: rotate(45deg); +} + +.faq-item__answer { + padding: 0 var(--sp-3) var(--sp-5); + color: var(--grey-600); font-size: 15px; line-height: 1.75; + max-width: 680px; +} +.faq-item__answer a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } + + +/* ══════════════════════════════════════════════ + CTA BAND +══════════════════════════════════════════════ */ +.cta-band { + background: linear-gradient(135deg, var(--ink) 0%, var(--ink-mid) 100%); + padding: var(--sp-12) 0; + position: relative; + overflow: hidden; +} +.cta-band::before { + content: ''; + position: absolute; top: -200px; left: -200px; + width: 600px; height: 600px; + background: radial-gradient(circle, rgba(232,53,42,.12) 0%, transparent 60%); + pointer-events: none; +} +.cta-band::after { + content: ''; + position: absolute; bottom: -150px; right: -150px; + width: 500px; height: 500px; + background: radial-gradient(circle, rgba(139,92,246,.08) 0%, transparent 60%); + pointer-events: none; +} +.cta-band__content { + text-align: center; + position: relative; z-index: 1; + max-width: 620px; margin: 0 auto; +} +.cta-band__content h2 { color: var(--white); margin-bottom: var(--sp-3); } +.cta-band__content p { color: rgba(255,255,255,.8); font-size: 17px; margin-bottom: var(--sp-6); } +.cta-band__actions { display: flex; gap: var(--sp-3); justify-content: center; flex-wrap: wrap; } + + +/* ══════════════════════════════════════════════ + FOOTER +══════════════════════════════════════════════ */ +.footer { + background: var(--ink); + border-top: 1px solid var(--ink-border); + padding: var(--sp-12) 0 var(--sp-5); +} +.footer__grid { + display: grid; + grid-template-columns: 2fr 1fr 1fr 1fr; + gap: var(--sp-8); + padding-bottom: var(--sp-8); + border-bottom: 1px solid var(--ink-border); +} +.footer__brand img { opacity: .85; margin-bottom: var(--sp-3); } +.footer__brand p { font-size: 13px; color: rgba(255,255,255,.65); line-height: 1.65; } +.footer__col h4 { color: rgba(255,255,255,.85); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: var(--sp-3); } +.footer__links { list-style: none; display: flex; flex-direction: column; gap: 10px; } +.footer__links a { font-size: 14px; color: rgba(255,255,255,.65); font-family: var(--font-head); font-weight: 500; transition: color var(--trans); padding: 6px 0; display: inline-block; } +.footer__links a:hover { color: var(--white); } +.footer__bottom { + padding-top: var(--sp-4); + display: flex; justify-content: space-between; align-items: center; + flex-wrap: wrap; gap: var(--sp-2); + font-size: 13px; color: rgba(255,255,255,.55); font-family: var(--font-head); +} +.footer__bottom a { color: rgba(255,255,255,.6); } +.footer__bottom a:hover { color: var(--white); } + +@media (max-width: 860px) { + .footer__grid { grid-template-columns: 1fr 1fr; } + .footer__brand { grid-column: span 2; } +} +@media (max-width: 480px) { + .footer__grid { grid-template-columns: 1fr; } + .footer__brand { grid-column: span 1; } +} + + +/* ══════════════════════════════════════════════ + COMPARISON TABLE (managed-wordpress page) +══════════════════════════════════════════════ */ +.comparison-table { width: 100%; border-collapse: collapse; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); } +.comparison-table th, .comparison-table td { padding: 14px 20px; text-align: left; font-size: 14px; font-family: var(--font-head); } +.comparison-table thead { background: var(--ink); color: var(--white); } +.comparison-table tbody tr:nth-child(odd) { background: var(--off-white); } +.comparison-table tbody tr:nth-child(even) { background: var(--white); } +.comparison-table td:first-child { font-weight: 600; color: var(--grey-800); } +.comparison-table .check { color: var(--green); font-size: 18px; } +.comparison-table .cross { color: var(--grey-300); font-size: 16px; } +.comparison-table .highlight-col { font-weight: 700; color: var(--red); } + + +/* ══════════════════════════════════════════════ + SCROLL REVEAL +══════════════════════════════════════════════ */ +.reveal { + opacity: 0; + transform: translateY(24px); + transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); +} +.reveal.visible { opacity: 1; transform: none; } + +.stagger > * { + opacity: 0; + transform: translateY(20px); + transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); +} +.stagger.visible > * { opacity: 1; transform: none; } +.stagger.visible > *:nth-child(1) { transition-delay: 0s; } +.stagger.visible > *:nth-child(2) { transition-delay: .08s; } +.stagger.visible > *:nth-child(3) { transition-delay: .16s; } +.stagger.visible > *:nth-child(4) { transition-delay: .24s; } +.stagger.visible > *:nth-child(5) { transition-delay: .32s; } +.stagger.visible > *:nth-child(6) { transition-delay: .40s; } + +@media (prefers-reduced-motion: reduce) { + .reveal, .stagger > * { transition: none; opacity: 1; transform: none; } +} + + +/* ══════════════════════════════════════════════ + MISC UTILITY +══════════════════════════════════════════════ */ +.service-card__price, .large { } + +/* Back to top */ +#back-to-top { + position: fixed; bottom: 24px; right: 24px; width: 44px; height: 44px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border: none; border-radius: 50%; color: #fff; cursor: pointer; + display: flex; align-items: center; justify-content: center; + opacity: 0; transition: opacity .3s ease, transform .2s ease; + box-shadow: 0 8px 24px var(--red-glow); + pointer-events: none; +} +#back-to-top.visible { opacity: 1; pointer-events: auto; } +#back-to-top:hover { transform: translateY(-2px); } + + +/* ══════════════════════════════════════════════ + PAGE HERO (interior pages) +══════════════════════════════════════════════ */ +.page-hero { + background: var(--ink); + padding: var(--sp-10) 0 var(--sp-8); + position: relative; + overflow: hidden; +} +.page-hero::before { + content: ''; + position: absolute; top: -200px; left: -200px; + width: 600px; height: 600px; + background: radial-gradient(circle, rgba(232,53,42,.09) 0%, transparent 60%); + pointer-events: none; +} +.page-hero h1 { + color: var(--white); + max-width: 700px; + font-size: clamp(36px, 5vw, 64px); + margin-top: var(--sp-3); +} +.page-hero p { + color: #667a9b; + max-width: 680px; + font-size: 18px; + line-height: 1.65; + margin-top: var(--sp-3); +} +.page-hero .eyebrow { + margin-top: var(--sp-4); + color: var(--coral); +} +.page-hero .eyebrow::before { + background: linear-gradient(90deg, var(--coral), var(--red-hot)); +} + +/* Breadcrumb */ +.breadcrumb ol { + display: flex; align-items: center; gap: 8px; + list-style: none; font-size: 13px; font-family: var(--font-head); font-weight: 600; +} +.breadcrumb ol li { color: #667a9b; } +.breadcrumb ol li a { color: rgba(255,255,255,.7); } +.breadcrumb ol li a:hover { color: var(--white); } +.breadcrumb ol li + li::before { content: '/'; margin-right: 8px; opacity: .5; } + +/* Section dark variant */ +.section--dark { + background: var(--ink); + color: var(--white); +} +.section--dark h2 { color: var(--white); } +.section--dark .eyebrow { color: rgba(255,255,255,.7); } +.section--dark .eyebrow::before { background: rgba(255,255,255,.5); } + +/* Numbers on dark — override stats colours */ +.stats-section-light .stats__grid { + /* use on light backgrounds */ +} +.stats-section-light .stats__item strong { + background: linear-gradient(135deg, var(--ink) 0%, var(--grey-600) 100%); + -webkit-background-clip: text; background-clip: text; + -webkit-text-fill-color: transparent; +} +.stats-section-light .stats__item span { + color: var(--grey-400); +} +.stats-section-light .stats__item:not(:last-child)::after { + background: var(--grey-200); +} + +/* Team cards */ +.team__grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--sp-6); + margin-top: var(--sp-8); +} +.team-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-2xl); + overflow: hidden; + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); +} +.team-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } + +.team-card__image { + aspect-ratio: 1/1; + overflow: hidden; + background: var(--grey-50); + position: relative; +} +.team-card__image img { + width: 100%; height: 100%; object-fit: cover; object-position: center top; + transition: transform .4s var(--ease-out); +} +.team-card:hover .team-card__image img { transform: scale(1.04); } + +.team-card__anon { + width: 100%; height: 100%; + display: flex; align-items: center; justify-content: center; + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); +} +.team-card__anon-icon { + width: 96px; height: 96px; + border-radius: 50%; + background: rgba(255,255,255,.08); + border: 2px solid rgba(255,255,255,.12); + display: flex; align-items: center; justify-content: center; + color: rgba(255,255,255,.55); +} + +.team-card__body { padding: var(--sp-5); } +.team-card__role { + display: inline-flex; align-items: center; gap: 6px; + font-family: var(--font-head); font-size: 11px; font-weight: 700; + letter-spacing: .14em; text-transform: uppercase; + color: var(--red); margin-bottom: var(--sp-2); +} +.team-card__name { + font-family: var(--font-head); font-size: 22px; font-weight: 800; + color: var(--ink); letter-spacing: -0.02em; margin-bottom: var(--sp-2); +} +.team-card__name--anon { color: var(--grey-400); font-style: italic; } +.team-card__bio { font-size: 14px; color: var(--grey-600); line-height: 1.7; margin-bottom: var(--sp-4); } +.team-card__skills { + display: flex; flex-wrap: wrap; gap: 6px; +} +.team-card__skill { + font-family: var(--font-head); font-size: 11px; font-weight: 700; + color: var(--grey-600); background: var(--grey-50); + border: 1px solid var(--grey-100); padding: 4px 10px; + border-radius: var(--r-full); letter-spacing: .04em; +} +.team-card__link { + display: inline-flex; align-items: center; gap: 6px; + font-family: var(--font-head); font-size: 13px; font-weight: 700; + color: var(--red); margin-top: var(--sp-4); + transition: gap var(--trans); +} +.team-card__link:hover { gap: 10px; color: var(--red-dark); } + +/* Simple service list for about page */ +.service-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-5); + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); + position: relative; overflow: hidden; +} +.service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } +.service-card::after { + content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red)); + opacity: 0; transition: opacity var(--trans-md); +} +.service-card:hover::after { opacity: 1; } +.service-card__icon { + width: 44px; height: 44px; border-radius: var(--r-md); + background: var(--grey-50); display: flex; align-items: center; justify-content: center; + color: var(--grey-600); margin-bottom: var(--sp-3); +} +.service-card h3 { margin-bottom: 6px; } +.service-card p { font-size: 14px; color: var(--grey-600); line-height: 1.65; } +.service-card__price { font-family: var(--font-head); font-weight: 800; font-size: 20px; color: var(--ink); margin: var(--sp-3) 0; letter-spacing: -0.02em; } +.service-card__price span { font-size: 13px; font-weight: 400; color: var(--grey-400); } +.services__grid { + display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; +} +@media (max-width: 768px) { .services__grid { grid-template-columns: repeat(2, 1fr); } } +@media (max-width: 480px) { .services__grid { grid-template-columns: 1fr; } } +@media (max-width: 640px) { .team__grid { grid-template-columns: 1fr; } } + + +/* ══════════════════════════════════════════════ + CONTACT FORM +══════════════════════════════════════════════ */ +.contact__grid { + display: grid; + grid-template-columns: 1fr 380px; + gap: 40px; + align-items: start; +} + +/* Utility */ +.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } + +/* Form card */ +.intake-form { + background: #fff; + border: 1px solid #E2E8F0; + border-radius: var(--r-xl); + padding: 2.5rem; + box-shadow: 0 8px 40px rgba(9,17,31,.10), 0 1px 4px rgba(9,17,31,.06); +} + +.intake-form__row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; +} + +.intake-form__field { + display: flex; + flex-direction: column; + gap: 7px; + margin-bottom: 20px; +} + +.intake-form__field:last-of-type { margin-bottom: 0; } + +.intake-form__field label { + font-size: 13px; + font-weight: 600; + color: var(--ink); + font-family: var(--font-head); + letter-spacing: .01em; +} + +.intake-form__field label .optional { + font-weight: 400; + color: var(--grey-400); + font-family: var(--font-body); + margin-left: 4px; +} + +.intake-form__field input, +.intake-form__field select, +.intake-form__field textarea { + width: 100%; + padding: 11px 14px; + border: 1.5px solid var(--grey-100); + border-radius: var(--r-md); + font-size: 15px; + font-family: var(--font-body); + color: var(--ink); + background: var(--grey-50); + transition: border-color .2s, box-shadow .2s, background .2s; + outline: none; + -webkit-appearance: none; + appearance: none; +} + +.intake-form__field select { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 14px center; + padding-right: 40px; + cursor: pointer; +} + +.intake-form__field textarea { + resize: vertical; + min-height: 140px; + line-height: 1.6; +} + +.intake-form__field input::placeholder, +.intake-form__field textarea::placeholder { + color: var(--grey-300); +} + +.intake-form__field input:focus, +.intake-form__field select:focus, +.intake-form__field textarea:focus { + border-color: var(--red); + background: #fff; + box-shadow: 0 0 0 3px rgba(232,53,42,.1); +} + +.intake-form__field input:focus-visible, +.intake-form__field select:focus-visible, +.intake-form__field textarea:focus-visible { + outline: none; +} + +.intake-form__actions { + margin-top: 28px; + display: flex; + align-items: center; + gap: 16px; +} + +.intake-form__privacy { + font-size: 12px; + color: var(--grey-400); + line-height: 1.5; +} + +/* Success state */ +.intake-form__success { + display: none; + text-align: center; + padding: 3rem 2rem; +} + +.intake-form__success-icon { + width: 64px; + height: 64px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 1.5rem; +} + +.intake-form.submitted .intake-form__fields { display: none; } +.intake-form.submitted .intake-form__success { display: block; } + +/* Sidebar info box */ +.contact__sidebar { + position: sticky; + top: 100px; + background: var(--ink-mid); + border-radius: var(--r-xl); + padding: 2rem; + color: rgba(255,255,255,.85); +} + +.contact__sidebar h3 { + color: #fff; + margin-bottom: 1.5rem; + font-size: 18px; +} + +.contact__steps { + list-style: none; + padding: 0; + margin: 0 0 2rem; + display: flex; + flex-direction: column; + gap: 1.25rem; +} + +.contact__step { + display: flex; + gap: 1rem; + align-items: flex-start; +} + +.contact__step-num { + flex-shrink: 0; + width: 30px; + height: 30px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-weight: 800; + font-size: 13px; + font-family: var(--font-head); + color: #fff; +} + +.contact__step-text { + padding-top: 5px; + font-size: 14px; + line-height: 1.55; + color: rgba(255,255,255,.8); +} + +.contact__divider { + border: none; + border-top: 1px solid rgba(255,255,255,.1); + margin: 0 0 1.5rem; +} + +.contact__meta { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: .875rem; +} + +.contact__meta-item { + display: flex; + gap: .75rem; + align-items: flex-start; + font-size: 13px; + color: rgba(255,255,255,.75); +} + +.contact__meta-item svg { + flex-shrink: 0; + margin-top: 1px; + opacity: .5; +} + +.contact__meta-item strong { color: #fff; } +.contact__meta-item a { color: rgba(255,255,255,.8); text-decoration: underline; } + +.contact__note { + margin-top: 1.5rem; + font-size: 12px; + color: rgba(255,255,255,.65); + line-height: 1.6; +} + +/* Responsive */ +@media (max-width: 1024px) { + .contact__grid { grid-template-columns: 1fr; } + .contact__sidebar { position: static; } +} + +@media (max-width: 640px) { + .intake-form { padding: 1.5rem; } + .intake-form__row { grid-template-columns: 1fr; gap: 0; } +} + +/* ══════════════════════════════════════════════ + MOBILE — Comprehensive responsive fixes + Breakpoints: 600px (mobile), 480px (small phone) +══════════════════════════════════════════════ */ + +/* Nav logo: ensure 44px touch target height */ +.nav__logo { + display: flex; + align-items: center; + height: 44px; +} + +/* Inline links: add vertical padding so they're easier to tap */ +.inline-link { + padding: 4px 0; + display: inline-block; +} + +@media (max-width: 600px) { + + /* Section padding: reduce from 96px to 56px */ + .section { padding: 56px 0; } + .mb-6 { margin-bottom: 32px; } + .section-subtitle { font-size: 16px; margin-bottom: 32px; } + + /* Eyebrow: bump up from 11px to 12px */ + .eyebrow { font-size: 12px; } + + /* btn-sm: ensure 44px touch target */ + .btn-sm { + font-size: 12px; + padding: 12px 20px; + min-height: 44px; + } + + /* Bento grid: all cards full width regardless of inline styles */ + .services__bento > * { grid-column: span 12; } + + /* services__grid 3-col (sos-fix how-it-works): single col */ + .services__grid { grid-template-columns: 1fr !important; max-width: 100% !important; } + + /* Intake form actions: stack button above privacy note */ + .intake-form__actions { + flex-direction: column; + align-items: stretch; + } + .intake-form__actions .btn { + width: 100%; + justify-content: center; + } + + /* Form labels: bump to 14px minimum */ + .intake-form__field label { font-size: 14px; } + + /* Hero heading: tighten line-height on small screens */ + .hero h1 { line-height: 1; } + + /* Page hero (inner pages): tighten padding */ + .page-hero { padding: 48px 0 40px; } + + /* Footer bottom: stack instead of space-between */ + .footer__bottom { flex-direction: column; text-align: center; gap: 8px; } +} + +/* About page — services list table: stack on mobile */ +@media (max-width: 640px) { + .about-services-list tbody tr { + display: grid; + grid-template-columns: 1fr auto; + grid-template-rows: auto auto; + padding: 16px 0; + border-bottom: 1px solid var(--border); + gap: 4px 8px; + } + .about-services-list tbody tr td:nth-child(1) { grid-column: 1; grid-row: 1; } + .about-services-list tbody tr td:nth-child(2) { grid-column: 1; grid-row: 2; } + .about-services-list tbody tr td:nth-child(3) { grid-column: 2; grid-row: 1; text-align: right; } + .about-services-list tbody tr td:nth-child(4) { grid-column: 2; grid-row: 2; padding: 0; } + .about-services-list tbody tr td { padding: 0 !important; border: none !important; white-space: normal !important; } +} + +@media (max-width: 480px) { + /* Breadcrumb links: min tap target */ + .breadcrumb a { padding: 6px 4px; display: inline-block; } + + /* Stats grid: keep 2-col but add more breathing room */ + .stats__grid { gap: 16px; } + + /* Pricing cards: reduce padding on very small screens */ + .pricing-card { padding: 2rem 1.5rem; } + + /* Footer: tighten up */ + .footer { padding: 48px 0 24px; } +} + + +/* ══════════════════════════════════════ + BLOG STYLES v2 — Redesigned 2026-04-08 +══════════════════════════════════════ */ + +/* ── Blog index grid ──────────────────────── */ +.blog-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); + gap: var(--sp-6); +} + +.blog-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + overflow: hidden; + transition: transform var(--trans-md), box-shadow var(--trans-md); + box-shadow: var(--shadow-card); + position: relative; +} +.blog-card::after { + content: ''; + position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red), var(--purple)); + opacity: 0; + transition: opacity var(--trans-md); +} +.blog-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-lg); +} +.blog-card:hover::after { opacity: 1; } + +.blog-card__image { + width: 100%; + height: 200px; + object-fit: cover; + display: block; +} + +.blog-card__body { + padding: var(--sp-5) var(--sp-5) var(--sp-6); +} + +.blog-card__meta { + display: flex; + gap: var(--sp-3); + font-size: 11px; + font-family: var(--font-head); + font-weight: 700; + color: var(--grey-400); + text-transform: uppercase; + letter-spacing: .1em; + margin-bottom: var(--sp-3); +} + +.blog-card__tag { + background: var(--red-subtle); + color: var(--red); + padding: 2px 10px; + border-radius: var(--r-full); + border: 1px solid rgba(232,53,42,.15); +} + +.blog-card__title { + font-size: 20px; + font-weight: 700; + line-height: 1.3; + color: var(--ink); + margin-bottom: var(--sp-3); +} +.blog-card__title a { + color: inherit; + text-decoration: none; + transition: color var(--trans); +} +.blog-card__title a:hover { color: var(--red); } + +.blog-card__excerpt { + font-size: 15px; + color: var(--grey-600); + line-height: 1.65; + margin-bottom: var(--sp-4); +} + +.blog-card__link { + font-size: 14px; + font-family: var(--font-head); + font-weight: 700; + color: var(--red); + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 6px; + transition: gap .2s; +} +.blog-card__link:hover { gap: 10px; } + +/* ── Article layout ──────────────────────── */ +.article-layout { + display: grid; + grid-template-columns: 1fr 280px; + gap: var(--sp-10); + max-width: 1080px; + margin: 0 auto; + padding: var(--sp-10) 0 var(--sp-16); +} + +.article { + max-width: 720px; +} + +/* Article meta bar */ +.article__meta { + display: flex; + align-items: center; + gap: var(--sp-3); + font-size: 12px; + font-family: var(--font-head); + font-weight: 700; + color: var(--grey-400); + text-transform: uppercase; + letter-spacing: .08em; + margin-bottom: var(--sp-6); + padding-bottom: var(--sp-4); + border-bottom: 1px solid var(--grey-100); +} +.article__tag { + background: var(--red-subtle); + color: var(--red); + padding: 3px 12px; + border-radius: var(--r-full); + border: 1px solid rgba(232,53,42,.15); + font-size: 11px; +} +.article__meta-sep { color: var(--grey-200); } + +/* Lead paragraph */ +.article__lead { + font-size: 20px; + color: var(--ink); + line-height: 1.65; + font-weight: 400; + margin-bottom: var(--sp-6); + padding-bottom: var(--sp-6); + border-bottom: 1px solid var(--grey-100); +} + +/* Headings */ +.article h2 { + font-size: 26px; + font-weight: 800; + color: var(--ink); + margin-top: var(--sp-10); + margin-bottom: var(--sp-4); + line-height: 1.25; + letter-spacing: -0.02em; + position: relative; + padding-left: var(--sp-5); +} +.article h2::before { + content: ''; + position: absolute; + left: 0; top: 4px; bottom: 4px; + width: 3px; + background: linear-gradient(180deg, var(--red), var(--coral)); + border-radius: 3px; +} + +.article h3 { + font-size: 19px; + font-weight: 700; + color: var(--ink); + margin-top: var(--sp-8); + margin-bottom: var(--sp-3); + line-height: 1.35; +} + +/* Body text */ +.article p { + font-size: 17px; + color: var(--grey-800); + line-height: 1.8; + margin-bottom: var(--sp-4); +} + +/* Lists — styled with check icons */ +.article ul { + list-style: none; + padding-left: 0; + margin-bottom: var(--sp-5); +} +.article ul li { + position: relative; + padding-left: 28px; + font-size: 16px; + color: var(--grey-800); + line-height: 1.7; + margin-bottom: var(--sp-3); +} +.article ul li::before { + content: ''; + position: absolute; + left: 0; top: 6px; + width: 18px; height: 18px; + background: var(--green); + border-radius: 50%; + mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); + -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); +} + +.article ol { + font-size: 16px; + color: var(--grey-800); + line-height: 1.7; + margin-bottom: var(--sp-5); + padding-left: var(--sp-5); + counter-reset: article-counter; + list-style: none; +} +.article ol li { + counter-increment: article-counter; + position: relative; + padding-left: 36px; + margin-bottom: var(--sp-3); +} +.article ol li::before { + content: counter(article-counter); + position: absolute; + left: 0; top: 0; + width: 26px; height: 26px; + background: var(--red); + color: var(--white); + border-radius: 50%; + font-family: var(--font-head); + font-weight: 700; + font-size: 13px; + display: flex; + align-items: center; + justify-content: center; +} + +.article strong { + color: var(--ink); + font-weight: 700; +} + +/* Blockquote / callout */ +.article blockquote { + border: none; + margin: var(--sp-8) 0; + padding: var(--sp-5) var(--sp-6); + background: linear-gradient(135deg, #FFF8F7, #FFF2F0); + border-left: 3px solid var(--red); + border-radius: 0 var(--r-lg) var(--r-lg) 0; + position: relative; +} +.article blockquote p { + font-size: 17px; + color: var(--ink); + font-style: normal; + font-weight: 500; + margin-bottom: 0; + line-height: 1.65; +} + +/* Tip box */ +.article-tip { + background: var(--grey-50); + border: 1px solid var(--grey-100); + border-radius: var(--r-lg); + padding: var(--sp-5) var(--sp-6); + margin: var(--sp-6) 0; + display: flex; + gap: var(--sp-4); + align-items: flex-start; +} +.article-tip__icon { + width: 40px; height: 40px; + border-radius: var(--r-md); + background: rgba(34,197,94,.1); + color: var(--green); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} +.article-tip__content p { + font-size: 15px; + margin-bottom: 0; +} +.article-tip__label { + font-family: var(--font-head); + font-weight: 700; + font-size: 13px; + text-transform: uppercase; + letter-spacing: .08em; + color: var(--green); + margin-bottom: var(--sp-1); +} + +/* Warning box */ +.article-warning { + background: #FEF3C7; + border: 1px solid #FDE68A; + border-radius: var(--r-lg); + padding: var(--sp-5) var(--sp-6); + margin: var(--sp-6) 0; + display: flex; + gap: var(--sp-4); + align-items: flex-start; +} +.article-warning__icon { + width: 40px; height: 40px; + border-radius: var(--r-md); + background: rgba(245,158,11,.15); + color: #D97706; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} +.article-warning__content p { font-size: 15px; margin-bottom: 0; color: #92400E; } + +/* Key takeaway card */ +.article-takeaway { + background: var(--white); + border: 2px solid var(--ink); + border-radius: var(--r-xl); + padding: var(--sp-6); + margin: var(--sp-8) 0; +} +.article-takeaway__label { + font-family: var(--font-head); + font-weight: 800; + font-size: 12px; + text-transform: uppercase; + letter-spacing: .12em; + color: var(--red); + margin-bottom: var(--sp-3); + display: flex; + align-items: center; + gap: 8px; +} +.article-takeaway__label::before { + content: ''; + width: 20px; height: 2px; + background: var(--red); + border-radius: 2px; +} +.article-takeaway p { + font-size: 16px; + font-weight: 500; + color: var(--ink); + line-height: 1.65; + margin-bottom: 0; +} + +/* Numbered sign/point cards (for "5 signs" style posts) */ +.article-sign { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-6); + margin: var(--sp-6) 0; + box-shadow: var(--shadow-card); + position: relative; + overflow: hidden; +} +.article-sign::after { + content: ''; + position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red)); +} +.article-sign__number { + display: inline-flex; + align-items: center; + justify-content: center; + width: 36px; height: 36px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); + border-radius: 50%; + font-family: var(--font-head); + font-weight: 800; + font-size: 16px; + margin-bottom: var(--sp-3); + box-shadow: 0 4px 14px var(--red-glow); +} +.article-sign h3 { + margin-top: 0; + font-size: 20px; +} +.article-sign p { font-size: 16px; } + +/* Article sidebar */ +.article-sidebar { + position: sticky; + top: 100px; + display: flex; + flex-direction: column; + gap: var(--sp-6); +} + +.sidebar-card { + background: var(--grey-50); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-5); +} +.sidebar-card h4 { + font-size: 13px; + font-family: var(--font-head); + font-weight: 700; + text-transform: uppercase; + letter-spacing: .08em; + color: var(--grey-400); + margin-bottom: var(--sp-3); +} +.sidebar-card__link { + display: block; + padding: var(--sp-2) 0; + font-size: 14px; + font-weight: 500; + color: var(--ink); + text-decoration: none; + border-bottom: 1px solid var(--grey-100); + transition: color var(--trans); +} +.sidebar-card__link:last-child { border-bottom: none; } +.sidebar-card__link:hover { color: var(--red); } + +/* Sidebar CTA */ +.sidebar-cta { + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border: 1px solid var(--ink-border); + border-radius: var(--r-xl); + padding: var(--sp-5); + text-align: center; + position: relative; + overflow: hidden; +} +.sidebar-cta::before { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.5), rgba(139,92,246,.3)); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + pointer-events: none; +} +.sidebar-cta h4 { + color: var(--white); + font-size: 16px; + font-weight: 700; + margin-bottom: var(--sp-2); + text-transform: none; + letter-spacing: normal; +} +.sidebar-cta p { + color: rgba(255,255,255,.8); + font-size: 14px; + line-height: 1.55; + margin-bottom: var(--sp-4); +} +.sidebar-cta .btn { width: 100%; font-size: 14px; } + +/* Article CTA box (inline bottom) */ +.article-cta { + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border-radius: var(--r-xl); + padding: var(--sp-10) var(--sp-8); + margin-top: var(--sp-10); + text-align: center; + position: relative; + overflow: hidden; +} +.article-cta::before { + content: ''; + position: absolute; top: -120px; right: -120px; + width: 400px; height: 400px; + background: radial-gradient(circle, rgba(232,53,42,.15) 0%, transparent 60%); + pointer-events: none; +} +.article-cta::after { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.5), rgba(139,92,246,.3), rgba(59,158,232,.2)); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + pointer-events: none; +} +.article-cta h3 { + color: var(--white); + font-size: 24px; + font-weight: 800; + margin-top: 0; + margin-bottom: var(--sp-2); + position: relative; +} +.article-cta p { + color: rgba(255,255,255,.85); + font-size: 17px; + max-width: 520px; + margin: 0 auto var(--sp-6); + position: relative; +} +.article-cta .btn { + font-size: 16px; + position: relative; +} + +/* ── Responsive ──────────────────────── */ +@media (max-width: 900px) { + .article-layout { + grid-template-columns: 1fr; + } + .article-sidebar { + position: static; + flex-direction: row; + flex-wrap: wrap; + } + .article-sidebar > * { flex: 1 1 280px; } +} +@media (max-width: 640px) { + .blog-grid { grid-template-columns: 1fr; } + .article-layout { padding: var(--sp-6) 0 var(--sp-10); } + .article h2 { font-size: 22px; padding-left: var(--sp-4); } + .article p, .article ul li { font-size: 16px; } + .article-sign { padding: var(--sp-4); } + .article-cta { padding: var(--sp-6); } + .article-tip, .article-warning { flex-direction: column; } +} + +/* --- Mobile tap-target sizing (added 2026-05-26) --- */ +/* Footer legal links (Privacy/Terms) and inline footer mailto were <28px tall. */ +.footer__bottom a { display: inline-block; padding: 11px 4px; } +.footer__bottom span a { padding: 11px 4px; } +.footer__brand p a, +.footer p a[href^='mailto'] { display: inline-block; padding: 8px 0; } +.team-card__link { padding: 11px 0; } +/* Keep footer columns visually tight on desktop despite added padding */ +@media (min-width: 861px) { + .footer__bottom a { padding: 8px 4px; } +} +/* --- end tap-target sizing --- */ diff --git a/site/assets/fonts/dmsans-italic-300-latin.woff2 b/site/assets/fonts/dmsans-italic-300-latin.woff2 new file mode 100644 index 0000000..c0ec4b1 Binary files /dev/null and b/site/assets/fonts/dmsans-italic-300-latin.woff2 differ diff --git a/site/assets/fonts/dmsans-italic-300-latinext.woff2 b/site/assets/fonts/dmsans-italic-300-latinext.woff2 new file mode 100644 index 0000000..585e6b7 Binary files /dev/null and b/site/assets/fonts/dmsans-italic-300-latinext.woff2 differ diff --git a/site/assets/fonts/dmsans-normal-latin.woff2 b/site/assets/fonts/dmsans-normal-latin.woff2 new file mode 100644 index 0000000..c75f7bf Binary files /dev/null and b/site/assets/fonts/dmsans-normal-latin.woff2 differ diff --git a/site/assets/fonts/dmsans-normal-latinext.woff2 b/site/assets/fonts/dmsans-normal-latinext.woff2 new file mode 100644 index 0000000..6e84cba Binary files /dev/null and b/site/assets/fonts/dmsans-normal-latinext.woff2 differ diff --git a/site/assets/fonts/inter-normal-latin.woff2 b/site/assets/fonts/inter-normal-latin.woff2 new file mode 100644 index 0000000..d15208d Binary files /dev/null and b/site/assets/fonts/inter-normal-latin.woff2 differ diff --git a/site/assets/fonts/inter-normal-latinext.woff2 b/site/assets/fonts/inter-normal-latinext.woff2 new file mode 100644 index 0000000..479d010 Binary files /dev/null and b/site/assets/fonts/inter-normal-latinext.woff2 differ diff --git a/site/assets/images/AiEvaluation.png b/site/assets/images/AiEvaluation.png new file mode 100644 index 0000000..ed77cd7 Binary files /dev/null and b/site/assets/images/AiEvaluation.png differ diff --git a/site/assets/images/BusinessAnalysis.jpg b/site/assets/images/BusinessAnalysis.jpg new file mode 100644 index 0000000..056f8f5 Binary files /dev/null and b/site/assets/images/BusinessAnalysis.jpg differ diff --git a/site/assets/images/DanielleBLattaBW1000sqr.jpg b/site/assets/images/DanielleBLattaBW1000sqr.jpg new file mode 100644 index 0000000..1118a69 Binary files /dev/null and b/site/assets/images/DanielleBLattaBW1000sqr.jpg differ diff --git a/site/assets/images/MANIFEST.md b/site/assets/images/MANIFEST.md new file mode 100644 index 0000000..362ab0d --- /dev/null +++ b/site/assets/images/MANIFEST.md @@ -0,0 +1,59 @@ +# Help4BIS Website Images - Download Manifest + +**Date**: 2026-02-28 +**Source**: https://help4bis.com +**Destination**: /var/www/html/dev-help4bis.com/assets/images/ +**Total Size**: 2.2M +**Total Images**: 23 files + +## Image Categories + +### Logo & Branding (4 files) +- `logo-favicon.jpg` - 9.5K - Favicon version of ContactMan logo +- `logo-cropped.jpg` - 15K - Full cropped help4bis logo +- `logo-300x56.jpg` - 13K - Thumbnail version of logo +- `design-by-help4bis.jpg` - 3.6K - "Design by Help4BIS" badge + +### Personnel (1 file) +- `danielle-photo.jpg` - 23K - Photo of Danielle (Running Duck Studio) + +### Illustrations & Icons (3 files) +- `puzzle-man.png` - 69K - 3D man with puzzle illustration (full) +- `puzzle-man-188x300.png` - 37K - Puzzle man thumbnail +- `expert-technical-support.jpg` - 28K - Technical support icon/illustration + +### Features & Benefits (4 files) +- `piggy-bank.jpg` - 29K - Cost savings/pricing illustration +- `seamless-scalability.jpg` - 32K - Scalability feature illustration +- `get-started.png` - 193K - Call-to-action visual +- `ancop-privacy-data-sovereignty.jpg` - 75K - Privacy/data sovereignty logo + +### Portfolio / Client Case Studies (8 files) +- `rds-managed-wordpress.jpg` - 296K - Running Duck Studio managed WordPress project +- `mbac-managed-wordpress.jpg` - 132K - MBAC managed WordPress project +- `mineral-water-direct.jpg` - 184K - Mineral Water Direct portfolio +- `tradeshack-envisioning.jpg` - 133K - TradeShack Envisioning project +- `above-and-beyond.jpg` - 108K - Above & Beyond portfolio +- `bohemian-decor.jpg` - 137K - Bohemian Decor portfolio +- `madilly-border-collies.jpg` - 127K - Madilly Border Collies portfolio +- `shear-water.jpg` - 127K - ShearWater portfolio +- `tawny-trails.jpg` - 108K - Tawny Trails portfolio +- `startup-savvy-sarah.jpg` - 103K - Startup Savvy Sarah portfolio + +### Screenshots & Documentation (1 file) +- `screenshot-2023-08-26.jpg` - 169K - Website feature screenshot + +## Notes + +1. **help3bis.com**: This domain was unreachable and appears to be a typo +2. **All images sourced from**: https://help4bis.com/wp-content/uploads/ +3. **Image naming**: Converted from original WordPress uploads to descriptive lowercase with hyphens +4. **Permissions**: All files owned by help4bis:help4bis (644 permissions) +5. **Quality**: Original full-resolution images downloaded where available; thumbnails also included for key images + +## Usage in Website Rebuild + +- Portfolio images showcase Help4BIS's client work across various industries +- Logo variations available for different layout contexts +- Personnel photo provides business legitimacy and personal touch +- Feature illustrations support sales/marketing messaging diff --git a/site/assets/images/ProcessArchitecture.jpg b/site/assets/images/ProcessArchitecture.jpg new file mode 100644 index 0000000..38a8adf Binary files /dev/null and b/site/assets/images/ProcessArchitecture.jpg differ diff --git a/site/assets/images/above-and-beyond.jpg b/site/assets/images/above-and-beyond.jpg new file mode 100644 index 0000000..3c15882 Binary files /dev/null and b/site/assets/images/above-and-beyond.jpg differ diff --git a/site/assets/images/ancop-privacy-data-sovereignty.jpg b/site/assets/images/ancop-privacy-data-sovereignty.jpg new file mode 100644 index 0000000..9a1520d Binary files /dev/null and b/site/assets/images/ancop-privacy-data-sovereignty.jpg differ diff --git a/site/assets/images/bohemian-decor.jpg b/site/assets/images/bohemian-decor.jpg new file mode 100644 index 0000000..993965e Binary files /dev/null and b/site/assets/images/bohemian-decor.jpg differ diff --git a/site/assets/images/danielle-photo.jpg b/site/assets/images/danielle-photo.jpg new file mode 100644 index 0000000..1118a69 Binary files /dev/null and b/site/assets/images/danielle-photo.jpg differ diff --git a/site/assets/images/design-by-help4bis.jpg b/site/assets/images/design-by-help4bis.jpg new file mode 100644 index 0000000..7c610fd Binary files /dev/null and b/site/assets/images/design-by-help4bis.jpg differ diff --git a/site/assets/images/expert-technical-support.jpg b/site/assets/images/expert-technical-support.jpg new file mode 100644 index 0000000..d86a61b Binary files /dev/null and b/site/assets/images/expert-technical-support.jpg differ diff --git a/site/assets/images/get-started.png b/site/assets/images/get-started.png new file mode 100644 index 0000000..f03f5bd Binary files /dev/null and b/site/assets/images/get-started.png differ diff --git a/site/assets/images/logo-300x56.jpg b/site/assets/images/logo-300x56.jpg new file mode 100644 index 0000000..d3ecc00 Binary files /dev/null and b/site/assets/images/logo-300x56.jpg differ diff --git a/site/assets/images/logo-cropped.jpg b/site/assets/images/logo-cropped.jpg new file mode 100644 index 0000000..9759019 Binary files /dev/null and b/site/assets/images/logo-cropped.jpg differ diff --git a/site/assets/images/logo-favicon.jpg b/site/assets/images/logo-favicon.jpg new file mode 100644 index 0000000..c1eaa0b Binary files /dev/null and b/site/assets/images/logo-favicon.jpg differ diff --git a/site/assets/images/madilly-border-collies.jpg b/site/assets/images/madilly-border-collies.jpg new file mode 100644 index 0000000..6e1b6ab Binary files /dev/null and b/site/assets/images/madilly-border-collies.jpg differ diff --git a/site/assets/images/mbac-managed-wordpress.jpg b/site/assets/images/mbac-managed-wordpress.jpg new file mode 100644 index 0000000..4d448a0 Binary files /dev/null and b/site/assets/images/mbac-managed-wordpress.jpg differ diff --git a/site/assets/images/mineral-water-direct.jpg b/site/assets/images/mineral-water-direct.jpg new file mode 100644 index 0000000..8811e2f Binary files /dev/null and b/site/assets/images/mineral-water-direct.jpg differ diff --git a/site/assets/images/og-social-card.jpg b/site/assets/images/og-social-card.jpg new file mode 100644 index 0000000..9d6346d Binary files /dev/null and b/site/assets/images/og-social-card.jpg differ diff --git a/site/assets/images/piggy-bank.jpg b/site/assets/images/piggy-bank.jpg new file mode 100644 index 0000000..c210095 Binary files /dev/null and b/site/assets/images/piggy-bank.jpg differ diff --git a/site/assets/images/port-app-dayboro.png b/site/assets/images/port-app-dayboro.png new file mode 100644 index 0000000..b634152 Binary files /dev/null and b/site/assets/images/port-app-dayboro.png differ diff --git a/site/assets/images/port-artgallery.png b/site/assets/images/port-artgallery.png new file mode 100644 index 0000000..8c6b1d1 Binary files /dev/null and b/site/assets/images/port-artgallery.png differ diff --git a/site/assets/images/port-dayboro.jpg b/site/assets/images/port-dayboro.jpg new file mode 100644 index 0000000..c641934 Binary files /dev/null and b/site/assets/images/port-dayboro.jpg differ diff --git a/site/assets/images/port-dogtraining.png b/site/assets/images/port-dogtraining.png new file mode 100644 index 0000000..d0d3bfc Binary files /dev/null and b/site/assets/images/port-dogtraining.png differ diff --git a/site/assets/images/port-gardenbuddy.jpg b/site/assets/images/port-gardenbuddy.jpg new file mode 100644 index 0000000..5e47ad6 Binary files /dev/null and b/site/assets/images/port-gardenbuddy.jpg differ diff --git a/site/assets/images/port-localbuddy.png b/site/assets/images/port-localbuddy.png new file mode 100644 index 0000000..26e7d82 Binary files /dev/null and b/site/assets/images/port-localbuddy.png differ diff --git a/site/assets/images/port-m8chat.png b/site/assets/images/port-m8chat.png new file mode 100644 index 0000000..5d99dd7 Binary files /dev/null and b/site/assets/images/port-m8chat.png differ diff --git a/site/assets/images/port-nightcap.png b/site/assets/images/port-nightcap.png new file mode 100644 index 0000000..81805c5 Binary files /dev/null and b/site/assets/images/port-nightcap.png differ diff --git a/site/assets/images/port-stald.png b/site/assets/images/port-stald.png new file mode 100644 index 0000000..0729cb5 Binary files /dev/null and b/site/assets/images/port-stald.png differ diff --git a/site/assets/images/port-vio.png b/site/assets/images/port-vio.png new file mode 100644 index 0000000..03e0dc4 Binary files /dev/null and b/site/assets/images/port-vio.png differ diff --git a/site/assets/images/puzzle-man-188x300.png b/site/assets/images/puzzle-man-188x300.png new file mode 100644 index 0000000..3f89057 Binary files /dev/null and b/site/assets/images/puzzle-man-188x300.png differ diff --git a/site/assets/images/puzzle-man.png b/site/assets/images/puzzle-man.png new file mode 100644 index 0000000..96e1340 Binary files /dev/null and b/site/assets/images/puzzle-man.png differ diff --git a/site/assets/images/rds-managed-wordpress.jpg b/site/assets/images/rds-managed-wordpress.jpg new file mode 100644 index 0000000..1482b27 Binary files /dev/null and b/site/assets/images/rds-managed-wordpress.jpg differ diff --git a/site/assets/images/screenshot-2023-08-26.jpg b/site/assets/images/screenshot-2023-08-26.jpg new file mode 100644 index 0000000..0d0df22 Binary files /dev/null and b/site/assets/images/screenshot-2023-08-26.jpg differ diff --git a/site/assets/images/seamless-scalability.jpg b/site/assets/images/seamless-scalability.jpg new file mode 100644 index 0000000..274ab17 Binary files /dev/null and b/site/assets/images/seamless-scalability.jpg differ diff --git a/site/assets/images/shear-water.jpg b/site/assets/images/shear-water.jpg new file mode 100644 index 0000000..547275a Binary files /dev/null and b/site/assets/images/shear-water.jpg differ diff --git a/site/assets/images/startup-savvy-sarah.jpg b/site/assets/images/startup-savvy-sarah.jpg new file mode 100644 index 0000000..a6b090c Binary files /dev/null and b/site/assets/images/startup-savvy-sarah.jpg differ diff --git a/site/assets/images/tawny-trails.jpg b/site/assets/images/tawny-trails.jpg new file mode 100644 index 0000000..c8d04cc Binary files /dev/null and b/site/assets/images/tawny-trails.jpg differ diff --git a/site/assets/images/tradeshack-envisioning.jpg b/site/assets/images/tradeshack-envisioning.jpg new file mode 100644 index 0000000..8f3f860 Binary files /dev/null and b/site/assets/images/tradeshack-envisioning.jpg differ diff --git a/site/assets/js/main.js b/site/assets/js/main.js new file mode 100644 index 0000000..b32a565 --- /dev/null +++ b/site/assets/js/main.js @@ -0,0 +1,226 @@ +'use strict'; + +/* ══════════════════════════════════════ + NAVIGATION — DROPDOWN (click-based) +══════════════════════════════════════ */ +function initDropdowns() { + document.querySelectorAll('.nav__dropdown').forEach(item => { + const trigger = item.querySelector('.nav__trigger'); + const menu = item.querySelector('.nav__dropdown-menu'); + if (!trigger || !menu) return; + + trigger.addEventListener('click', (e) => { + e.stopPropagation(); + const isOpen = menu.classList.toggle('open'); + trigger.setAttribute('aria-expanded', isOpen); + // Close siblings + document.querySelectorAll('.nav__dropdown-menu.open').forEach(m => { + if (m !== menu) { + m.classList.remove('open'); + m.closest('.nav__dropdown').querySelector('.nav__trigger')?.setAttribute('aria-expanded','false'); + } + }); + }); + }); + + // Close on outside click + document.addEventListener('click', () => { + document.querySelectorAll('.nav__dropdown-menu.open').forEach(m => { + m.classList.remove('open'); + m.closest('.nav__dropdown').querySelector('.nav__trigger')?.setAttribute('aria-expanded','false'); + }); + }); + + // Close on Escape + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape') { + document.querySelectorAll('.nav__dropdown-menu.open').forEach(m => { + m.classList.remove('open'); + m.closest('.nav__dropdown').querySelector('.nav__trigger')?.setAttribute('aria-expanded','false'); + }); + } + }); +} + +/* ══════════════════════════════════════ + NAVIGATION — MOBILE BURGER +══════════════════════════════════════ */ +function initMobileNav() { + const burger = document.getElementById('nav-burger'); + const navLinks = document.getElementById('nav-links'); + if (!burger || !navLinks) return; + + burger.addEventListener('click', (e) => { + e.stopPropagation(); + const isOpen = navLinks.classList.toggle('nav--open'); + burger.setAttribute('aria-expanded', isOpen); + document.body.style.overflow = isOpen ? 'hidden' : ''; + burger.innerHTML = isOpen ? iconX() : iconMenu(); + }); + + // Close on link click + navLinks.querySelectorAll('a').forEach(link => { + link.addEventListener('click', () => { + navLinks.classList.remove('nav--open'); + burger.setAttribute('aria-expanded','false'); + document.body.style.overflow = ''; + burger.innerHTML = iconMenu(); + }); + }); + + // Close on outside click + document.addEventListener('click', (e) => { + if (!burger.contains(e.target) && !navLinks.contains(e.target)) { + navLinks.classList.remove('nav--open'); + burger.setAttribute('aria-expanded','false'); + document.body.style.overflow = ''; + burger.innerHTML = iconMenu(); + } + }); +} + +function iconMenu() { + return ``; +} +function iconX() { + return ``; +} + +/* ══════════════════════════════════════ + ACTIVE NAV LINK +══════════════════════════════════════ */ +function initActiveNav() { + const path = window.location.pathname; + const file = path.split('/').pop() || 'index.html'; + document.querySelectorAll('.nav__links a').forEach(a => { + const href = a.getAttribute('href'); + if (href && (href === file || (file === '' && href === 'index.html'))) { + a.classList.add('active'); + } + }); +} + +/* ══════════════════════════════════════ + STICKY NAV SHADOW +══════════════════════════════════════ */ +function initStickyNav() { + const nav = document.querySelector('.nav'); + if (!nav) return; + const update = () => nav.classList.toggle('scrolled', window.scrollY > 30); + window.addEventListener('scroll', update, { passive: true }); + update(); +} + +/* ══════════════════════════════════════ + SCROLL REVEAL +══════════════════════════════════════ */ +function initReveal() { + const io = new IntersectionObserver((entries) => { + entries.forEach(e => { + if (e.isIntersecting) { + e.target.classList.add('visible'); + io.unobserve(e.target); + } + }); + }, { threshold: 0.06, rootMargin: '0px 0px -24px 0px' }); + + // Individual reveal elements + document.querySelectorAll('.reveal').forEach(el => io.observe(el)); + + // Stagger groups (observe the container, trigger class on it) + document.querySelectorAll('.stagger').forEach(el => io.observe(el)); +} + +/* ══════════════════════════════════════ + SMOOTH ANCHOR SCROLL +══════════════════════════════════════ */ +function initAnchorScroll() { + document.querySelectorAll('a[href^="#"]').forEach(a => { + a.addEventListener('click', (e) => { + const id = a.getAttribute('href'); + const target = document.querySelector(id); + if (target) { + e.preventDefault(); + const top = target.getBoundingClientRect().top + window.scrollY - 76; + window.scrollTo({ top, behavior: 'smooth' }); + } + }); + }); +} + +/* ══════════════════════════════════════ + FORM HANDLER +══════════════════════════════════════ */ +function initForms() { + document.querySelectorAll('.intake-form').forEach(form => { + form.addEventListener('submit', async (e) => { + e.preventDefault(); + const btn = form.querySelector('[type="submit"]'); + const originalText = btn.textContent; + btn.textContent = 'Sending…'; + btn.disabled = true; + + // Collect all named fields + const data = {}; + new FormData(form).forEach((val, key) => { data[key] = val; }); + + try { + const res = await fetch('/contact.php', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(data) + }); + const json = await res.json(); + + if (json.ok) { + form.innerHTML = ` +
+ +

Sent.

+

We'll be back within one business day with a clear recommendation and price.

+
`; + } else { + throw new Error(json.error || 'Send failed'); + } + } catch (err) { + // Show inline error — don't wipe the form + let errEl = form.querySelector('.form-error'); + if (!errEl) { + errEl = document.createElement('p'); + errEl.className = 'form-error'; + errEl.style.cssText = 'color:#E8352A;font-size:14px;margin-top:0.75rem;'; + form.querySelector('.intake-form__actions').appendChild(errEl); + } + errEl.textContent = err.message || 'Something went wrong. Please email project@help4bis.com directly.'; + btn.textContent = originalText; + btn.disabled = false; + } + }); + }); +} + +/* ══════════════════════════════════════ + BACK TO TOP +══════════════════════════════════════ */ +function initBackToTop() { + const btn = document.getElementById('back-to-top'); + if (!btn) return; + window.addEventListener('scroll', () => { + btn.classList.toggle('visible', window.scrollY > 500); + }, { passive: true }); + btn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' })); +} + +/* ══════════════════════════════════════ + INIT +══════════════════════════════════════ */ +document.addEventListener('DOMContentLoaded', () => { + initDropdowns(); + initMobileNav(); + initActiveNav(); + initStickyNav(); + initReveal(); + initAnchorScroll(); + initForms(); + initBackToTop(); +}); diff --git a/site/blog/five-signs-your-website-costing-you-customers.html b/site/blog/five-signs-your-website-costing-you-customers.html new file mode 100644 index 0000000..092fd6a --- /dev/null +++ b/site/blog/five-signs-your-website-costing-you-customers.html @@ -0,0 +1,283 @@ + + + + + + + 5 Signs Your Website Is Costing You Customers | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Small Business

+

5 Signs Your Website Is
Costing You Customers

+

Most of these problems are invisible to you, but your customers see them every day.

+
+
+ +
+
+
+
+ + + +

Most business owners check their website the same way they check their car. Occasionally, when something obviously breaks. The problem is a broken website doesn't always look broken. On the sites I look after I see it all the time: a site looks perfectly fine on your computer whilst driving away every customer who finds it on their phone.

+ +

Here are the five signs I check first when someone asks me why their website isn't bringing in work. Most of them take less than an hour to fix.

+ +
+
1
+

It loads slowly

+

People will wait about three seconds for a page to load. After that they're gone, back to Google, clicking on your competitor. And they won't come back. They won't think "that site was slow, I'll try again later." They just move on.

+
+ +
+
+ +
+
+
Tip
+

Go to Google PageSpeed Insights right now. Type in your website address. If you score below 50 on mobile, you have a real problem. Below 70 and you're losing people every single day. The most common causes I find are easy to fix: images that haven't been compressed, plugins that load code the page doesn't need, or hosting that's just too cheap.

+
+
+ +
+
2
+

Your contact form doesn't work

+

This one is embarrassingly common, and I've seen it more often than any of the other four. A business owner set up a contact form years ago, something change with the hosting or email setup, and the form quietly stopped delivering messages. The owner has no idea. The customer thinks they've sent an enquiry. Nobody calls back.

+
+ +
+
+ +
+
+
Tip
+

Test your own form right now. Fill it in with your personal email address. See if it arrives. Check your spam folder too. Whilst you're at it, check who that form sends to. If it's an email address that nobody monitors, or one buried under 4,000 unread messages, that's the same as having no form at all.

+
+
+ +
+
3
+

There's no padlock in the address bar

+

If your website still runs on HTTP instead of HTTPS, Chrome shows visitors a "Not Secure" warning in the address bar. Even if you're just a landscaper or a bookkeeper with nothing sensitive on the site, that warning kills trust on the spot. People have been trained to look for the padlock. If it's not there, they leave.

+
+ +

An SSL certificate costs almost nothing, often it's free with your hosting. If you don't have HTTPS set up, that's one phone call to fix, and it's usually the first thing I sort out.

+ +
+
4
+

The content is out of date

+

Look at your website footer. Does it say 2022? Look at your "About" page. Is it still talking about a service you stopped offering, or a staff member who left? Outdated content tells visitors two things: you're not paying attention, and you might not even still be in business. Google thinks the same way. It notices when a site hasn't been touched in years and ranks it accordingly.

+
+ +
+
+ +
+
+
Tip
+

You don't need to rewrite the whole site. My advice: update the year. Fix anything that's factually wrong. Add one new page or post about something you're doing now. Even small signs of activity make a difference.

+
+
+ +
+
5
+

You can't find your own business on Google

+

This one's easy to check. Open your phone (not your computer, your phone) and search for your business type and your suburb. "Accountant Redcliffe." "Café Samford." "Electrician Narangba." See who comes up. If you're not on the first page, most people will never find you. And if a competitor shows up where you should be, every search they do is a potential customer going to someone else. It's the first search I run when I take on a new site.

+
+ +

These aren't big problems

+ +

None of these five issues require a complete rebuild. They're maintenance problems, the digital equivalent of fixing a leaking tap or replacing a blown bulb. They get neglected because they're not flashy and nobody sends you a bill when a customer bounces off your slow website. In my experience that's exactly why they sit there for years.

+ +
+
Key Point
+

Every day your contact form doesn't deliver, every person who sees the "Not Secure" warning and leaves, every potential customer who gives up waiting for your page to load. That's real business walking out the door. Start with the check. See how many of the five signs apply to you. Then fix them one at a time.

+
+ +
+

Not sure if your site has these problems?

+

I'll check your website against all five signs (speed, security, contact forms, content and search visibility) and give you a straight answer on what needs fixing.

+ Get a Free Health Check +
+ +
+ + + +
+
+
+ + + + + + + + + diff --git a/site/blog/index.html b/site/blog/index.html new file mode 100644 index 0000000..4ffdb70 --- /dev/null +++ b/site/blog/index.html @@ -0,0 +1,208 @@ + + + + + + + Blog | HELP4BIS: WordPress Tips, Local Business Advice, and Straight Talk + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

HELP4BIS Blog

+

Straight talk for small businesses.

+
+
+ +
+
+ +
+ +
+
+
+ Local Business + 8 Apr 2026 +
+

+ Why Most Tradie Websites in Brisbane Don't Get Leads +

+

Your mate told you to get a website. You got one. It sits there doing nothing. Here's why, and what I see actually working for tradies in Southeast Queensland.

+ + Read more + +
+
+ +
+
+
+ Small Business + 8 Apr 2026 +
+

+ 5 Signs Your Website Is Costing You Customers +

+

Your website might look fine to you. But if it's slow, outdated, or broken on mobile, it's turning people away before they ever pick up the phone. I run through the five checks I use on my own sites.

+ + Read more + +
+
+ +
+
+
+ WordPress + 8 Apr 2026 +
+

+ What a WordPress Care Plan Actually Includes +

+

WordPress doesn't maintain itself. Here's what a care plan covers, what happens without one, and what I reckon you should expect to pay in Australia.

+ + Read more + +
+
+ +
+
+
+ Small Business + 8 Apr 2026 +
+

+ How Small Businesses in Queensland Can Compete Online Without a Big Budget +

+

You don't need $5,000 a month to compete with the big players online. Here's what actually works, and what I'd never spend my money on.

+ + Read more + +
+
+ +
+ +
+
+ + + + + + + + + diff --git a/site/blog/small-business-compete-online-without-big-budget.html b/site/blog/small-business-compete-online-without-big-budget.html new file mode 100644 index 0000000..34ecff8 --- /dev/null +++ b/site/blog/small-business-compete-online-without-big-budget.html @@ -0,0 +1,297 @@ + + + + + + + How Small Businesses in Queensland Can Compete Online Without a Big Budget | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Small Business

+

Compete Online Without
a Big Budget

+

You don't need $5,000 a month, you need to be consistent. Here's what actually works for Queensland small businesses.

+
+
+ +
+
+
+
+ + + +

If you've ever spoken to a digital marketing agency, you'll know how the conversation goes. They talk for forty minutes about brand strategy, content funnels, and performance metrics. Then they quote you $3,000 a month and wonder why you don't call back. I've sat on the other side of enough of those conversations to know the reputation online marketing has for being complicated and expensive suits the agencies selling it. The reality is different.

+ +

You don't need a big budget. You need to be consistent. Here's what I tell small businesses in Queensland actually works, and what's not worth your money.

+ +
+
1
+

Start with your Google Business Profile, it's free

+

If you run a local business and you haven't set up your Google Business Profile properly, that's the first thing I'd fix. Not tomorrow. Today. When someone searches "bookkeeper Ipswich" or "hairdresser Redcliffe," Google shows a map with three local businesses before it shows any websites. That map listing is your Google Business Profile. If yours isn't there, or it's half finished with no photos and no reviews, you're invisible in the most valuable spot on the page.

+
+ +
+
+ +
+
+
Tip
+

Fill in every field. Add your hours. Upload photos of your premises, your work, your team. Write a proper description of what you do and which suburbs you serve. Then ask every satisfied customer to leave you a Google review. It is important reply to every review, positive and negative. This is completely free. It takes a few hours to set up properly, I've done it plenty of times. And it will generate more enquiries than most paid advertising campaigns.

+
+
+ +
+
2
+

Your website doesn't need to be fancy, it needs to be findable

+

A lot of small business owners think they need a complete redesign to improve their online presence. Usually they don't. What they need is the right words on their existing pages. The right words means the words your customers actually type into Google. Not corporate descriptions of your services. The specific phrases people search for. I fix more sites by rewriting three pages than I ever have by redesigning them.

+
+ +

"Blocked drain plumber Brisbane northside" is what someone types when their drain is blocked. Not "residential drainage solutions." If your website says "residential drainage solutions" and a competitor's site says "blocked drain plumber serving Brisbane's northside," they'll show up first every time.

+ +
+
3
+

Write about what you know, once a fortnight

+

You don't need a professional copywriter or a content team. You need to write one short post every two weeks about something your customers regularly ask you. Every business owner I meet has a list of these questions. The plumber gets asked why the hot water system keeps failing. The accountant gets asked what home office expenses are actually deductible. The electrician gets asked whether they need to upgrade their switchboard before selling.

+
+ +
+
+ +
+
+
Tip
+

Keep it short, 400 to 600 words is plenty. Don't try to sound professional. Sound like you. One post a fortnight, published consistently over a year, is 26 pages of useful content that didn't exist before. Each one is another reason for Google to send people to your site.

+
+
+ +
+
4
+

Pick one social media platform and actually use it

+

You do not need to be on Facebook, Instagram, LinkedIn, TikTok, and YouTube. You need to be on one platform, the one where your actual customers spend time. For most tradies in Queensland, that's Facebook. Specifically, local community groups. Samford Valley Community, Dayboro & District, Redcliffe Peninsula locals. These groups have thousands of members and people ask for recommendations constantly. I see it in my own local group every week. Be active in yours. Answer questions. Be helpful. Don't spam your services. Just be a useful presence.

+
+ +
+
5
+

Email is still the best return on investment you'll find

+

Most small businesses collect customer email addresses and then never use them. That's a waste. A simple email to your past customers once a month (once a month, not five times a week) reminding them you exist will generate repeat business. Not a fancy newsletter with graphics and sections. Just a short note from you. What you've been up to. Something useful or interesting. A gentle mention of your services.

+
+ +
+
+ +
+
+
Tip
+

Past customers already trust you. They've paid you before. Reminding them you're still there is far cheaper and far more effective than trying to find new customers through advertising. Mailchimp is free up to 500 contacts. You don't need anything more complicated than that to start. It's what I run for my own list.

+
+
+ +

What not to spend money on

+ +
+
+ +
+
+

Warning: This is just as important as what to spend on. Avoid: fancy SEO tools you don't understand (Ahrefs and Semrush cost $100–$400/month and most small business owners I speak to open them once and never go back); paid ads before your website converts (fix the site first, otherwise you're paying for leads that immediately leave); a redesign when you just need content (adding proper content does far more than a fresh design); and social media management from agencies. Generic posts get no engagement, your customers can tell it's not really you, and you're better off writing two posts a week yourself.

+
+
+ +

The real secret is just showing up

+ +

There isn't a hack. There isn't a tool that does it for you. The businesses I've watched win online are the ones who do small things consistently over a long period of time.

+ +

One post a fortnight. Monthly email to past customers. Regular Google business profile updates. Asking for reviews after every job. Replying to those reviews.

+ +
+
Key Point
+

None of it takes more than a couple of hours a week. None of it costs much money. But do it for six months and you'll be ahead of most small businesses in your area, the ones still waiting for a magic solution that doesn't exist. I've watched it happen.

+
+ +
+

Want a plan that fits your budget?

+

Tell me about your business and where you're at online. I'll put together a straightforward plan for what to tackle first. No commitment, no pitch deck, no $3,000 a month packages.

+ Talk to Us, No Commitment +
+ +
+ + + +
+
+
+ + + + + + + + + diff --git a/site/blog/what-wordpress-care-plan-actually-includes.html b/site/blog/what-wordpress-care-plan-actually-includes.html new file mode 100644 index 0000000..a2e7e1a --- /dev/null +++ b/site/blog/what-wordpress-care-plan-actually-includes.html @@ -0,0 +1,280 @@ + + + + + + + What a WordPress Care Plan Actually Includes (And Why You Need One) | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

WordPress

+

What a WordPress Care Plan
Actually Includes

+

Your WordPress site needs maintenance whether you know it or not. Here's what should be happening behind the scenes.

+
+
+ +
+
+
+
+ + + +

You built a WordPress website. Or someone built it for you. Either way, it's sitting there, doing its thing, and you haven't touched it in months. Maybe longer. That's a problem, and a care plan is the answer.

+ +

WordPress doesn't maintain itself. Behind that clean homepage, there are plugins that need updating, a database that's collecting junk, security patches that aren't being applied, and backups that probably aren't running. I know because I look at sites like this every week.

+ +

Eventually something breaks. The site goes down, gets hacked, or starts throwing errors at customers. Then it's an emergency. And emergencies cost more than maintenance ever would have.

+ +

What's actually in a care plan

+ +

A proper WordPress care plan isn't someone logging in once a month and clicking "update all." That approach breaks sites. Plugins conflict with each other. Theme updates override customistions. A bad update on a Friday afternoon can take your booking form down for an entire weekend before anyone notices.

+ +

Here's what I reckon should be happening on any site that matters to the business:

+ +
+
1
+

Updates, but done properly

+

WordPress core, plugins, and themes release updates constantly. Some are security patches. Some add features. Some break things. A good care plan tests updates in a staging environment before applying them to your live site, so if something goes wrong, I find out before your customers do.

+
+ +
+
2
+

Backups that actually work

+

Having a backup plugin installed doesn't mean you have backups. You need to know: where are they stored? Can you restore from them? Have you tested it? Daily backups stored offsite, with a tested restore process, is the bare minimum I'd accept for my own sites. If your host says "we do backups," ask them to restore last Tuesday's copy. Watch what happens.

+
+ +
+
3
+

Security monitoring

+

WordPress powers about 40% of the internet. That makes it a massive target. Brute force login attempts, malware injections, spam form submissions, these happen constantly. A care plan includes firewall rules, login protection, malware scanning, and someone actually looking at the results, whilst most cheap hosting leaves all of that to you.

+
+ +
+
4
+

Performance checks

+

Sites slow down over time. Database tables grow. Cache gets stale. Images pile up. A care plan includes periodic speed checks and cleanup, because a slow site loses visitors, and Google notices.

+
+ +
+
5
+

Content edits

+

Changed your phone number? Got a new service? Need to update your holiday hours? Most care plans include a number of small content edits per month. Enough for the routine changes that keep your site current without you needing to learn how WordPress works.

+
+ +

What happens without one

+ +
+
+ +
+
+

Warning: Nothing, for a while. That's the trap. It feels fine. Then one morning you get an email from a customer saying your site is showing pharmacy ads. Or your contact form hasn't been working for three weeks and nobody noticed. Or Google flags your site as "not secure" because your SSL expired. I've seen all of these. An emergency security cleanup runs $500 to $2,000 depending on how deep the hack went. A care plan that would have prevented it costs $49 to $99 a month.

+
+
+ +

What should it cost?

+ +

In Australia, WordPress care plans typically range from $49 to $200 per month depending on what's included. Here's my rough guide:

+ +
    +
  • $40–60/month: Updates, backups, security monitoring. The essentials. Good for a simple business site that doesn't change much.
  • +
  • $80–120/month: Everything above plus performance monitoring, uptime checks, content edits, and priority support. Right for businesses that rely on their site for leads.
  • +
  • $150–250/month: Full managed service. Hosting included, unlimited content edits, advanced security, staging environments, monthly reporting. For businesses where the website is a revenue channel.
  • +
+ +
+
+ +
+
+
Tip
+

If someone quotes you less than $30 a month, they're either using fully automated tools with no human oversight, or they're planning to upsell you later. If someone quotes you more than $300 for a basic small business site, they're overcharging you. I'd walk away from both.

+
+
+ +

The question to ask

+ +

If your website went down right now, at 8pm on a Sunday, who would you call?

+ +
+
Key Point
+

If the answer is "I don't know" or "I'd Google it and hope for the best," you don't have a care plan. You have a time bomb with a nice homepage.

+
+ +
+

Need someone watching your site?

+

My care plans start at $49/month. No lock in contracts. No jargon. Just a working, secure, updated WordPress site that doesn't keep you up at night.

+ See Our Care Plans +
+ +
+ + + +
+
+
+ + + + + + + + + diff --git a/site/blog/why-most-tradie-websites-dont-get-leads.html b/site/blog/why-most-tradie-websites-dont-get-leads.html new file mode 100644 index 0000000..5c45f2e --- /dev/null +++ b/site/blog/why-most-tradie-websites-dont-get-leads.html @@ -0,0 +1,307 @@ + + + + + + + Why Most Tradie Websites in Brisbane Don't Get Leads | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Local Business

+

Why Most Tradie Websites
in Brisbane Don't Get Leads

+

Your mate told you to get a website. You got one. It sits there doing nothing. Here's why, and what actually works.

+
+
+ + + +
+
+
+ + +
+ + +

Someone told you to get a website. Maybe your accountant. Maybe your partner. Maybe that bloke at Bunnings who reckons he's a marketing guru because he watches YouTube. So you got one. Paid a few hundred bucks. Put your phone number on it, a photo of the ute, and called it done. Then nothing happened. I hear this story a lot.

+ +

The real problem isn't the website

+ +

Here's what actually happens when a homeowner in Dayboro needs a plumber at 7pm on a Wednesday. They don't open the Yellow Pages. They don't ask Facebook. They grab their phone and Google "plumber near me" or "emergency plumber Dayboro." I live in Dayboro, I've done exactly this myself.

+ +

Google shows them three results. Maybe five. The tradie who shows up in those results gets the call. Everyone else might as well not exist. And fixing that rarely means a full (re)-build of the site. Most of the time it means adding the right pages to the one you already have.

+ +
+
Key Point
+

Your website isn't getting leads because Google doesn't know it exists. Or worse, Google knows it exists but has no reason to show it to anyone. There's nothing on it. No content. No suburb names. No descriptions of what you actually do.

+
+ +

What Google actually wants to see

+ +

Google is not complicated. It wants to match what someone searches for with a page that answers their question. That's it. If someone searches "blocked drain Samford" and your website has a page that talks about fixing blocked drains in Samford, you're in the running. If your website just says "Dave's Plumbing, call us" with nothing else, you're invisible.

+ +

The tradies I see getting found online have a few things the rest don't:

+ +
+
1
+

A Google Business Profile that's actually filled in

+

Hours, services, photos of real jobs, replies to reviews. Not the half finished listing you set up three years ago and forget about. Google gives massive weight to a complete, active profile. It's free. Most tradies still don't bother.

+
+ +
+
2
+

Separate pages for each service

+

Not one page with a bullet list. "Hot water systems" gets its own page. "Blocked drains" gets its own page. "Gas fitting" gets its own page. Each one mentions the suburbs you work in. Google can only rank what exists. If you don't have a page about it, you won't show up for it.

+
+ +
+
3
+

Regular content

+

Even just a short post once a fortnight. "Why your hot water system fails in winter" or "3 signs your switchboard needs upgrading." Google rewards websites that show signs of life. A site that hasn't been touched in 18 months gets pushed down.

+
+ +
+
4
+

Reviews from real customers

+

If you've done 500 jobs and have 3 Google reviews, that's a problem. Reviews are social proof. They tell Google that real people use your business, and they tell homeowners that you're worth calling. Ask every happy customer to leave one. Make it easy.

+
+ +

The time excuse

+ +

The number one thing I hear from tradies is "I don't have time for that." Fair enough. You're on the tools from 6am. The last thing you want to do after a day of crawling under houses is write a blog post about tapware.

+ +

But your competitors are getting it done somehow. Not because they're sitting up at midnight writing articles. They're getting someone else to do it. An agency, a marketing person, a mate's kid who's good with computers. I've met all three.

+ +
+
+ +
+
+

The catch: Most agencies charge $2,000 to $5,000 a month. For a sole trader pulling in $150k before expenses, that's brutal. And half the time you can't even tell if it's working.

+
+
+ +

What's changed in 2026

+ +

Content doesn't cost what it used to. Not even close. The same quality blog post that a marketing agency would charge $300 to write can now be produced for a fraction of that, reviewed by someone who actually understands your trade, and published in the same day. I do this for my own sites and it works.

+ +

The tools have changed. The cost has dropped. The only thing that hasn't changed is that most tradies still aren't doing it.

+ +
+
+ +
+
+
Good news
+

While everyone else is still running on word of mouth alone, you can be the one who shows up on Google when their customer searches. From what I've seen the bar is low in most local trade categories.

+
+
+ +

A simple test you can do right now

+ +

Open your phone. Google your trade and your suburb. "Electrician Dayboro." "Builder Samford." "Painter Mount Glorious." See who shows up.

+ +

If it's not you, that's a lead you just lost to whoever is there.

+ +

Now do it once a week. Same search. Track whether you're showing up. In my experience that one habit tells you more about your online presence than any dashboard or analytics tool ever will.

+ +
+

Every time someone in your area Googles your trade and you don't show up, that job goes to whoever does. It's not complicated. It's just maths.

+
+ + +
+

Want to know where you stand?

+

I'll audit your online presence (Google listing, website, search rankings) and tell you straight what's working and what's not. No fluff. No pitch deck.

+ Get a Free Audit +
+ +
+ + + + +
+
+
+ + + + + + + + + + + diff --git a/site/care-plans.html b/site/care-plans.html new file mode 100644 index 0000000..5e57010 --- /dev/null +++ b/site/care-plans.html @@ -0,0 +1,824 @@ + + + + + + + WordPress Care Plans Australia | From $49/month | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

WP Care Plans

+

Everything your small business website needs, handled.

+

No contracts. No corporate processes. No IT department required.

+

We work exclusively with local tradies, small businesses, cafés, community groups, and owner-operators who just want their website to work, without headaches. If you run a Fortune 500 company, this isn't for you. If you run a plumbing business, bakery, landscaping service, or local shop, you're in the right place.

+
+
+ + + +
+
+
+ +
+ +

Who this is for

+
    +
  • + + Tradies +
  • +
  • + + Local service businesses +
  • +
  • + + Cafés & restaurants +
  • +
  • + + Retail shops +
  • +
  • + + Community organisations +
  • +
  • + + Owner-operators +
  • +
  • + + Mum-and-dad businesses +
  • +
+

If you don't have an internal IT team, we're built for you.

+
+ +
+ +

Who this is not for

+
    +
  • + + Enterprise organisations +
  • +
  • + + Large corporations +
  • +
  • + + Government departments +
  • +
  • + + Agencies managing multiple brands +
  • +
  • + + Companies with internal IT or web teams +
  • +
  • + + High-traffic enterprise platforms +
  • +
+

If your organisation requires vendor onboarding, procurement processes, security questionnaires, or legal review, we're not the right fit.

+
+ +
+
+
+ + + +
+
+
+

Choose Your Plan

+

Simple, honest pricing. No hidden fees.

+

Care plans manage the WordPress layer on your existing site. Keep your current host or move to our Brisbane server, same price either way. Need a site designed and built from scratch? See the third option below. No setup fee, care plans start immediately.

+
+ +
+
+ Pay annually, get 2 months free + (17% saving). Email us to arrange. +
+
+ +
+ + +
+

Essentials

+

For small businesses with an existing website that just need the WordPress layer managed. Keep your current host, or move to ours, same price.

+
+ $49 AUD/month +
+
    +
  • + + WordPress core, plugin & theme updates +
  • +
  • + + Daily offsite backups +
  • +
  • + + Security monitoring +
  • +
  • + + Uptime monitoring +
  • +
  • + + Monthly health report +
  • +
  • + + Content edits +
  • +
  • + + Design changes +
  • +
  • + + New features +
  • +
  • + + Emergency recovery +
  • +
+ Start with Essentials +

* Site hack or critical failure? The WP SOS Fix ($97) covers emergency recovery.

+
+ + + + + +
+

Don't have a site yet?

+

Need us to design and build it too?

+

Care plans manage the WordPress layer on a site you already have. If you need a site designed and built from scratch, hosted on our Brisbane server, domain, email, the lot, that's Tailored Website Management.

+
+

Tailored Website Management

+
    +
  • ✔  We design and build your site
  • +
  • ✔  Hosted on our Brisbane server
  • +
  • ✔  Domain & business email managed
  • +
  • ✔  Premium plugins included
  • +
  • ✔  Ongoing updates and edits
  • +
+
+

$300 month one, then $200/month. No lock-in.

+ See Tailored Website Management +
+ +
+ + +
+
+
+

One-off fix

+

WP SOS Fix, $97 flat

+

Site down? White screen? Plugin conflict? We fix it, or you don't pay.

+

Covers: site not loading, plugin conflicts, minor errors.
Does not cover: malware cleanup, full hack recovery, server issues, hosting problems, or complex rebuilds.

+
+ +
+
+ +

All prices shown are exclusive of GST. GST (10%) applies to Australian clients.

+ +

+ Not sure which plan? Email us, project@help4bis.com, and we'll tell you honestly which one fits your situation. No upsell. +

+
+
+ + + +
+
+
+

Every Single Month

+

What we actually do each month

+

Not vague "monitoring", real maintenance, documented and reported.

+
+ +
+ +
+ +

Updates

+

Every plugin, theme, and WordPress core update tested before applied to your live site. No surprises, no broken pages.

+
+ +
+ +

Backups

+

Daily backups stored off-server. 30-day retention. If something goes wrong, we can restore your site to any point in the last 30 days.

+
+ +
+ +

Security

+

Daily malware scans, login protection, SSL monitoring, and firewall rules. If a scan flags anything, we investigate and resolve, you get notified by email.

+
+ +
+ +

Reporting

+

Monthly report showing what was done, site speed score, uptime percentage, and any recommendations. You always know exactly what's happening with your site.

+
+ +
+
+
+ + + +
+
+
+

Getting Started

+

How it works

+

Three steps. No phone call required.

+
+ +
+ +
+
+ 1 +
+

Submit your site details

+

Send us your site URL, hosting provider, and WordPress admin access. We'll handle the rest.

+
+ +
+
+ 2 +
+

We audit and start within 48 hours

+

We audit your site, set up monitoring tools, configure backups, and start maintenance within 48 hours of receiving access.

+
+ +
+
+ 3 +
+

Monthly reports, ongoing updates

+

Receive your first monthly report and ongoing update notifications via email. You're always in the loop.

+
+ +
+
+
+ + + +
+
+
+

Questions

+

Common questions about care plans

+
+ +
+ +
+ + Can I use this with any hosting provider? + + +
+ Yes, SiteGround, Kinsta, Cloudways, WP Engine, cPanel hosts, even GoDaddy. If it's WordPress, we can manage it. You can stay on your current host, or move to our Brisbane server, either way, the care plan price stays the same. We'll handle the migration if you want to move. +
+
+ +
+ + What if a plugin update breaks my site? + + +
+ We test updates before applying them to your live site, that's best practise and it catches most conflicts before you ever see them. If something breaks, we catch it first. If a conflict only appears on the live site (rare), we roll back and fix it, you get notified. +
+
+ +
+ + What do "minor content edits" include? + + +
+ Text changes, image swaps, link updates, and small layout tweaks. Does NOT include new pages, redesigns, custom functionality, ecommerce changes, or SEO campaigns, those are quoted separately. +
+
+ +
+ + Is there a minimum term? + + +
+ For Essentials and Business: month-to-month, cancel any time with 30 days notice. No lock-in, no exit fees. For Tailored Website Management: $300 covers month one, then $200/month, same deal from there, cancel with 30 days notice. +
+
+ +
+ + Can I upgrade to a plan where you handle everything, including hosting? + + +
+ Yes. Tailored Website Management is a different product, we design, build, host, and manage everything. It's $300 for month one (work starts immediately), then $200/month. Care plans are for maintaining a site you already have. +
+
+ +
+ + Do you offer annual billing with a discount? + + +
+ Yes, pay annually upfront and get 2 months free (effectively a 17% discount). Email us to arrange annual billing. +
+
+ +
+
+
+ + + +
+
+
+

Why HELP4BIS

+

Built for Small Business, Not Big Business

+

Large corporations need large agencies. Small businesses need someone they can talk to. We focus on practical, fast solutions, not paperwork, meetings, and corporate processes. You deal directly with the people doing the work.

+
+ +
+ +
+ +

Brisbane-based

+

We're local. Same time zone, same business culture, no outsourcing.

+
+ +
+ +

Plain English

+

No jargon. We explain what we did and why, in language that makes sense.

+
+ +
+ +

No lock-in contracts

+

Care plans are month-to-month from day one. Cancel with 30 days notice. Your site, your choice.

+
+ +
+ +

Predictable pricing

+

Fixed monthly fee. No surprise invoices. You know exactly what you're paying.

+
+ +
+ +

Fast response times

+

Priority response on the Business plan, within 4 business hours. No waiting days for a reply.

+
+ +
+ +

Built for businesses without IT teams

+

If you don't have internal technical support, that's exactly who we're here for.

+
+ +
+
+
+ + + +
+
+
+

Ready to hand it over?

+

WordPress maintenance that actually happens.

+

Submit your site details and we'll have you covered by tomorrow.

+ +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/composer.json b/site/composer.json new file mode 100644 index 0000000..078861f --- /dev/null +++ b/site/composer.json @@ -0,0 +1,5 @@ +{ + "require": { + "phpmailer/phpmailer": "^7.0" + } +} diff --git a/site/composer.lock b/site/composer.lock new file mode 100644 index 0000000..2a7254c --- /dev/null +++ b/site/composer.lock @@ -0,0 +1,101 @@ +{ + "_readme": [ + "This file locks the dependencies of your project to a known state", + "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", + "This file is @generated automatically" + ], + "content-hash": "826f515f5ef16946d3e3ee3e3205b25e", + "packages": [ + { + "name": "phpmailer/phpmailer", + "version": "v7.0.2", + "source": { + "type": "git", + "url": "https://github.com/PHPMailer/PHPMailer.git", + "reference": "ebf1655bd5b99b3f97e1a3ec0a69e5f4cd7ea088" + }, + "dist": { + "type": "zip", + "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/ebf1655bd5b99b3f97e1a3ec0a69e5f4cd7ea088", + "reference": "ebf1655bd5b99b3f97e1a3ec0a69e5f4cd7ea088", + "shasum": "" + }, + "require": { + "ext-ctype": "*", + "ext-filter": "*", + "ext-hash": "*", + "php": ">=5.5.0" + }, + "require-dev": { + "dealerdirect/phpcodesniffer-composer-installer": "^1.0", + "doctrine/annotations": "^1.2.6 || ^1.13.3", + "php-parallel-lint/php-console-highlighter": "^1.0.0", + "php-parallel-lint/php-parallel-lint": "^1.3.2", + "phpcompatibility/php-compatibility": "^10.0.0@dev", + "squizlabs/php_codesniffer": "^3.13.5", + "yoast/phpunit-polyfills": "^1.0.4" + }, + "suggest": { + "decomplexity/SendOauth2": "Adapter for using XOAUTH2 authentication", + "directorytree/imapengine": "For uploading sent messages via IMAP, see gmail example", + "ext-imap": "Needed to support advanced email address parsing according to RFC822", + "ext-mbstring": "Needed to send email in multibyte encoding charset or decode encoded addresses", + "ext-openssl": "Needed for secure SMTP sending and DKIM signing", + "greew/oauth2-azure-provider": "Needed for Microsoft Azure XOAUTH2 authentication", + "hayageek/oauth2-yahoo": "Needed for Yahoo XOAUTH2 authentication", + "league/oauth2-google": "Needed for Google XOAUTH2 authentication", + "psr/log": "For optional PSR-3 debug logging", + "symfony/polyfill-mbstring": "To support UTF-8 if the Mbstring PHP extension is not enabled (^1.2)", + "thenetworg/oauth2-azure": "Needed for Microsoft XOAUTH2 authentication" + }, + "type": "library", + "autoload": { + "psr-4": { + "PHPMailer\\PHPMailer\\": "src/" + } + }, + "notification-url": "https://packagist.org/downloads/", + "license": [ + "LGPL-2.1-only" + ], + "authors": [ + { + "name": "Marcus Bointon", + "email": "phpmailer@synchromedia.co.uk" + }, + { + "name": "Jim Jagielski", + "email": "jimjag@gmail.com" + }, + { + "name": "Andy Prevost", + "email": "codeworxtech@users.sourceforge.net" + }, + { + "name": "Brent R. Matzelle" + } + ], + "description": "PHPMailer is a full-featured email creation and transfer class for PHP", + "support": { + "issues": "https://github.com/PHPMailer/PHPMailer/issues", + "source": "https://github.com/PHPMailer/PHPMailer/tree/v7.0.2" + }, + "funding": [ + { + "url": "https://github.com/Synchro", + "type": "github" + } + ], + "time": "2026-01-09T18:02:33+00:00" + } + ], + "packages-dev": [], + "aliases": [], + "minimum-stability": "stable", + "stability-flags": {}, + "prefer-stable": false, + "prefer-lowest": false, + "platform": {}, + "platform-dev": {}, + "plugin-api-version": "2.9.0" +} diff --git a/site/contact.html b/site/contact.html new file mode 100644 index 0000000..75b9eb7 --- /dev/null +++ b/site/contact.html @@ -0,0 +1,430 @@ + + + + + + + Contact HELP4BIS | Submit a Brief or Ask a Question + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Contact

+

Tell us what you need. We'll respond within one business day.

+

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.

+
+
+ + + +
+
+
+ + +
+
+ +
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ + +
+
+ + +
+
+ +
+ +

No spam. No cold calls. Just a response within one business day.

+
+ +
+ + +
+
+ +
+

Brief received.

+

We'll come back with a recommendation and a price within one business day. No vague "it depends."

+
+ +
+
+ + +
+
+ +

What happens next

+ +
    +
  1. + 1 + We read your brief and look at your site within one business day. +
  2. +
  3. + 2 + We respond with a clear recommendation and a price, no vague "it depends." +
  4. +
  5. + 3 + You decide. No pressure, no retainer required just to get an answer. +
  6. +
+ +
+ +
    +
  • + + Email: project@help4bis.com +
  • +
  • + + Hours: Mon–Fri, 8am–6pm AEST +
  • +
  • + + Response: Within 1 business day, guaranteed +
  • +
  • + + Location: Brisbane, Queensland, same office, every time +
  • +
+ +

All project work is delivered async, no mandatory calls. If you'd prefer a call, just say so in your brief.

+ +
+
+ +
+
+
+ + + +
+
+
+

Questions

+

Common questions before getting in touch

+
+ +
+ +
+ + Do you take on new clients? + + +
+ 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. +
+
+ +
+ + What if I just want a quick question answered? + + +
+ Email project@help4bis.com. We answer genuine questions even if you're not a client yet. +
+
+ +
+ + I'm already a client. How do I log a support request? + + +
+ Existing clients use the client portal link sent when you signed up. If you've lost it, email us at project@help4bis.com. +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/contact.php b/site/contact.php new file mode 100644 index 0000000..568a87f --- /dev/null +++ b/site/contact.php @@ -0,0 +1,107 @@ + false, 'error' => 'Method not allowed']); + exit; +} + +// Load .env +$env = []; +$envFile = '/home/help4bis/.env'; +if (file_exists($envFile)) { + foreach (file($envFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES) as $line) { + if (str_starts_with(trim($line), '#') || !str_contains($line, '=')) continue; + [$key, $val] = explode('=', $line, 2); + $env[trim($key)] = trim($val); + } +} + +// Parse JSON body +$data = json_decode(file_get_contents('php://input'), true); +if (!$data) { + // Fall back to form-encoded + $data = $_POST; +} + +// Sanitise and validate required fields +$name = trim(strip_tags($data['name'] ?? '')); +$email = trim(strip_tags($data['email'] ?? '')); +$service = trim(strip_tags($data['service'] ?? '')); +$budget = trim(strip_tags($data['budget'] ?? '')); +$timeline = trim(strip_tags($data['timeline'] ?? '')); + +// Message field — normalise across all forms +$message = trim(strip_tags($data['message'] ?? $data['details'] ?? $data['description'] ?? '')); + +// sos-fix.html specific fields +$source = trim(strip_tags($data['source'] ?? '')); +$url = trim(strip_tags($data['url'] ?? '')); +$issue_type = trim(strip_tags($data['issue_type'] ?? '')); +$wp_access = trim(strip_tags($data['wp_access'] ?? '')); +$urgency = trim(strip_tags($data['urgency'] ?? '')); + +if (!$name || !$email || !filter_var($email, FILTER_VALIDATE_EMAIL)) { + http_response_code(422); + echo json_encode(['ok' => false, 'error' => 'Name and a valid email address are required.']); + exit; +} + +// Build email subject +$subject = $source === 'sos-fix' + ? "SOS Fix request from {$name}" . ($issue_type ? " — {$issue_type}" : '') + : "New brief from {$name}" . ($service ? " — {$service}" : ''); + +// Build email body +$body = "Name: {$name}\n"; +$body .= "Email: {$email}\n"; + +if ($source) $body .= "Source: {$source}\n"; +if ($url) $body .= "Website: {$url}\n"; +if ($service) $body .= "Service: {$service}\n"; +if ($issue_type) $body .= "Issue type: {$issue_type}\n"; +if ($budget) $body .= "Budget: {$budget}\n"; +if ($timeline) $body .= "Timeline: {$timeline}\n"; +if ($wp_access) $body .= "WP access: {$wp_access}\n"; +if ($urgency) $body .= "Urgency: {$urgency}\n"; + +$body .= "\n--- Message ---\n{$message}\n"; + +// PHPMailer +require __DIR__ . '/vendor/autoload.php'; + +use PHPMailer\PHPMailer\PHPMailer; +use PHPMailer\PHPMailer\Exception; + +$mail = new PHPMailer(true); + +try { + $mail->isMail(); + + $mail->setFrom($env['MAIL_FROM'] ?? 'project@help4bis.com', $env['SMTP_FROM_NAME'] ?? 'HELP4BIS'); + $mail->addAddress($env['MAIL_TO'] ?? 'project@help4bis.com'); + $mail->addReplyTo($email, $name); + + $mail->Subject = $subject; + $mail->Body = $body; + + $mail->send(); + + echo json_encode(['ok' => true]); + +} catch (Exception $e) { + error_log('HELP4BIS contact form mailer error: ' . $mail->ErrorInfo); + http_response_code(500); + echo json_encode(['ok' => false, 'error' => 'Mail could not be sent. Please email project@help4bis.com directly.']); +} diff --git a/site/garden-data-mcp.html b/site/garden-data-mcp.html new file mode 100644 index 0000000..208cce5 --- /dev/null +++ b/site/garden-data-mcp.html @@ -0,0 +1,331 @@ + + + + + + + + + + Garden Data MCP, Live Australian Veg Prices & Planting Data for AI Agents | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Garden Data MCP

+

Live Australian vegetable prices, grow-or-buy numbers, and what-to-plant-now data, fed straight to an AI assistant. One connection, real data, updated every day.

+ https://mcp.help4bis.com +
+
+ + +
+
+

What is this, in plain words?

+

If you've ever asked an AI assistant a question and got an answer that was out of date, this fixes that for one topic: Australian home gardening and veg prices.

+ +

AI assistants like ChatGPT and Claude are good at writing and explaining. But they have a weak spot. They don't know today's facts. They can't tell you what a kilo of tomatoes costs at Coles this week, or whether it is the right week to plant carrots in Brisbane. That information was never in their training, and it changes all the time.

+ +

An MCP server fixes that. MCP stands for Model Context Protocol. Think of it as a power point on the wall, but for data. It is a standard shape of plug. Any AI assistant that knows the shape can plug in and pull fresh facts when it needs them.

+ +
+ A simple example. Someone tells their AI assistant, "Help me plan a cheap veggie patch in Brisbane." On its own, the AI would guess. Plugged into Garden Data MCP, the AI asks our service, "What is worth growing in Brisbane right now?" We answer with real prices and real planting dates. The person gets a useful answer instead of a guess. +
+ +

We built this service, we run it, and we keep the data fresh. You connect your AI assistant to it with a key. The AI does the talking whilst we do the facts.

+
+
+ + +
+
+

Who is it for?

+

Anyone building something with an AI assistant who needs real Australian garden and grocery data inside it.

+
+
+

App and tool builders

+

You are building a garden app, a meal planner, or a budgeting tool with an AI inside it. You want it to know real prices and planting dates without scraping the data yourself.

+
+
+

AI agent makers

+

You build AI agents that do tasks for people. A "plan my garden" agent or a "save money on groceries" agent needs live local data to be any good.

+
+
+

Researchers and writers

+

You need Australian veg price history or planting data, and you'd rather ask one clean service than gather it the hard way.

+
+
+
+
+ + +
+
+

The seven tools it gives an AI

+

Each tool is one job the AI can ask us to do. The names in green are the exact tool names. The bold line is what it does in plain English.

+ +
+
+

current_veg_price

+

Today's price for a vegetable.

+

Gives the average price per kilo across the supermarkets, the price at each one, and how much it has changed in the last 30 days.

+

Ask: "What does broccoli cost right now?"

+
+ +
+

veg_price_history

+

The price trend over time.

+

Gives the daily average price going back up to a year. Good for answering "is this cheaper or dearer than usual?"

+

Ask: "Are tomatoes a good buy this week, or wait?"

+
+ +
+

whats_in_season

+

What you can plant this month.

+

Give it a postcode or climate zone. It lists the vegetables you can plant now, and whether to sow seeds, plant seedlings, or start in trays.

+

Ask: "What can I plant in postcode 4521 this month?"

+
+ +
+

grow_vs_buy

+

Is it worth growing instead of buying?

+

Takes the live shop price, the amount one plant gives, and the seed cost, then works out the dollar value of growing it yourself.

+

Ask: "Is it worth growing my own capsicum?"

+
+ +
+

cheapest_to_grow_now

+

The best-value things to plant right now.

+

Crosses "what you can plant this month" with "what's dear at the shops". The top of the list is expensive to buy and plantable today. No other data service does this.

+

Ask: "What are the smartest things to plant in Brisbane right now?"

+
+ +
+

pest_risk

+

Pests on the rise near you.

+

For a postcode, it lists the pests whose risk is up over the next 7 days, worked out from the weather and the forecast.

+

Ask: "What pests should I watch for at my place?"

+
+ +
+

frost_risk

+

Frost and weather for planting calls.

+

Gives the current weather and the forecast for a postcode, so the AI can warn you before you plant something a frost would kill.

+

Ask: "Is it safe to plant out my seedlings this week?"

+
+
+
+
+ + +
+
+

The data behind it

+

The tools are only as good as the data underneath. Here's what's under the bonnet, and it's real.

+ +
+
133,000+
price records, and growing daily
+
76
vegetables tracked
+
4
supermarkets (Aldi, Coles, IGA, Woolworths)
+
7
Australian climate zones for planting
+
+ +
+ Prices are collected every day across the four big supermarkets and have been since July 2025, so the history is real, not made up. Planting dates cover 79 vegetables across all seven Australian climate zones, on the southern-hemisphere calendar (so no upside-down American advice). Grow-or-buy numbers cover 100 crops with real yields and seed costs. +
+ +

One honest note. The pest and frost tools rely on weather and forecast data, and pest coverage is strongest for supported postcodes. Where we don't have the data for a spot, the tool says so plainly instead of guessing. We'd rather give you nothing than give you a made-up answer.

+
+
+ + +
+
+

How you connect

+

If you can use an MCP-ready AI assistant or build with one, connecting takes a few minutes.

+ +
1
Get a key. You email us and we give you an access key. Nothing works without a valid key, so your usage is yours alone.
+
2
Point your AI at our address. The service lives at https://mcp.help4bis.com. You add it as an MCP server in your AI tool and paste your key in the header.
+
3
Ask away. Your AI can now call any of the seven tools whenever a question needs real garden or price data. You do not call them by hand. The AI decides when it needs them.
+ +

For builders, the key goes in a standard header, like this:

+
Authorization: Bearer your-key-here
+
+POST https://mcp.help4bis.com/mcp
+

If that line means nothing to you, don't worry. It's for developers. Most people just paste the address and the key into their AI tool's settings and it works.

+
+
+ + +
+
+

Plans

+

You pick a plan by how many calls a month you need. One "call" is one question your AI sends to one tool.

+ + + + + + + + + +
PlanCalls per monthGood for
Trial100Trying it out and testing your setup
Casual2,000A small app or a personal project
Standard20,000A live app with real users
Pro100,000A busy product or a team of agents
+ +

Prices are set per plan. To get a key and the current price for the plan you want, send us a quick message and tell us roughly how you plan to use it. We will set you up.

+
+
+ + +
+
+

Common questions

+ +

Do I need to be a programmer?

+

No, not to use it. If your AI tool supports MCP servers, you paste in the address and your key. Building a whole app around it does take some coding, but using the service doesn't.

+ +

Is the data really live?

+

The prices update every day. When your AI asks for a price, it gets the most recent one we have, not an old guess. The planting dates are seasonal and the weather is current.

+ +

Is it only for Australia?

+

Yes. The prices are from Australian supermarkets and the planting calendar uses Australian climate zones. It's built for here, on purpose.

+ +

What happens if I go over my plan's calls?

+

The service pauses your key for the rest of the month rather than charging you a surprise bill. You can move up a plan any time.

+ +

Who is behind it?

+

HELP4BIS, a Brisbane business that has been collecting this data daily and running the systems for years. The same data powers our own gardening website, so it's data we use ourselves, not a side experiment.

+
+
+ + +
+
+

Want a key?

+

Tell us how you want to use it and we'll get you connected.

+ Get in touch +
+
+ + + + + + + diff --git a/site/index.html b/site/index.html new file mode 100644 index 0000000..b8833eb --- /dev/null +++ b/site/index.html @@ -0,0 +1,963 @@ + + + + + + + HELP4BIS | Managed WordPress Services for Australian Small Businesses + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+
+ + Brisbane-Based · Australian-Owned +
+

+ Your WordPress.
+ Handled by a Real Person. +

+

+ One monthly fee. Brisbane servers. You deal with me directly, not a helpdesk, not an offshore team. Just fast, personal service from someone who actually cares. +

+ +
+
+ + No lock-in contracts +
+
+ + Elementor Pro included* +
+
+ + 24-hour response guarantee +
+
+
+ +
+ + + +
+ Danielle Latta, Founder of HELP4BIS, Managed WordPress specialist +
+ + +
+
+ +
+
+ 10+ Years + WordPress & Web Design +
+
+
+ +
+
+ + + +
+ + + +
+
+
+
+ 20+ + Years Experience +
+
+ 24hr + Response Guarantee +
+
+ No + Lock-In Contracts +
+
+ 100% + Australian-Based +
+
+
+
+ + + +
+
+
+
+ + Daily Backups +
+
+ + Malware Scanning +
+
+ + Plugin & Theme Updates +
+
+ + SSL & Security +
+
+ + Free Domain & Email* +
+
+ + Premium plugins, corporate licence included +
+
+

* Free domain, email & Elementor Pro included with Tailored Website Management. Not included in Care Plans.

+
+
+ + + +
+
+
+

What We Do

+

Everything your website needs.

+

One provider. Every service. All handled.

+
+ +
+ + + + + +
+
+ +
+ $97 Flat Rate +

WP SOS Fix

+

Site down. White screen. Hacked. Plugin conflict. Submit a brief and we'll fix it within 24 business hours. One flat rate, no hourly surprises.

+ Fix My Site Now +
+ + +
+
+ +
+ From $49/month +

WP Care Plans

+

Already have hosting? We manage your WordPress layer, updates, backups, security, performance. Keep your host, add professional management.

+ See Plans +
+ + +
+
+ +
+ From $297 +

AI Integration

+

Add a chatbot trained on your FAQs, an AI content assistant, or automated lead qualification, all running on your WordPress site.

+ Learn More +
+ + +
+
+ +
+ From $297 +

Custom Plugins

+

Need WordPress to do something it doesn't do out of the box? We build custom plugins, API connectors, booking integrations, WooCommerce extensions.

+ Learn More +
+ + +
+
+ +
+ $300 setup + $49/mo +

One-Page Website

+

Tradies, cafés, community groups. A clean, fast one-page site that actually works. Setup, hosting, and maintenance in one affordable package.

+ Get a Quote +
+ + +
+
+ +
+ On request +

App Development

+

Need more than a website? We build progressive web apps and mobile apps, cross-platform, real data, real functionality. Membership platforms, community tools, that sort of thing.

+ Talk to Us +
+ + +
+
+ +
+ On request +

Functional Design Spec

+

We write the full specification for your website or application, functional requirements, business logic, data flows, which you can hand to any developer to build.

+ Ask About This +
+ +
+
+
+ + + +
+
+
+ +
+ Danielle Latta, HELP4BIS founder +
+ +
+

Why HELP4BIS

+

A graphic designer and a problem-solver. In your corner.

+ +

Danielle has built her own businesses online. She knows what it takes to be found, to look credible, and to convert visitors into paying customers, because she's done it herself. She works from Brisbane with modern AI tooling assisting the repetitive parts, whilst a real person decides what's right for your site and stands behind the result.

+ +

Most "managed WordPress" providers are platforms. You get a ticket number, a bot, and a response time measured in days. HELP4BIS is a real person who cares whether your website actually works for your business, and Danielle is your one point of contact, every time.

+ +
    +
  • + + Brisbane-based, not outsourced, not offshore +
  • +
  • + + Brisbane data centre, your data stays in Australia +
  • +
  • + + Premium plugins under our corporate licence, no extra cost +
  • +
  • + + 24-hour response, not "within 5 business days" +
  • +
  • + + Month-to-month after setup, no lock-in contracts +
  • +
+ + Meet the Team +
+ +
+
+
+ + + +
+
+
+

Our Work

+

Websites. Platforms. Apps.

+

Local tradies, community groups, membership platforms and mobile apps: a selection of what we've built and manage.

+
+ +
+ + +
+ Dayboro.au, Weather Platform + Membership +
+
+

Dayboro.au

+ Weather Platform · Membership + Custom Plugins +
+
+ + +
+ GardenBuddy.au, Australian national garden management platform +
+
+

GardenBuddy.au

+ National Garden Platform · Membership + Climate Zones +
+
+ + +
+ LocalBuddy, Australian Community Platform +
+
+

LocalBuddy

+ Community Platform · Custom Development +
+
+ + +
+ M8Chat, Secure Communications Platform +
+
+

M8Chat

+ Secure Chat Platform · WordPress + Matrix +
+
+ +
+
+ Dayboro Buddy, Progressive Web App +
+
+

Dayboro Buddy

+ Progressive Web App · Flutter +
+
+ + +
+ Running Duck Studio, Managed WordPress +
+
+

Running Duck Studio

+ Art Gallery · WooCommerce + AR App +
+
+ + +
+ Nightcap Natural Medicine, WordPress +
+
+

Nightcap Natural Medicine

+ Health Practice · Managed WordPress +
+
+ + +
+ Crohamhurst, Gann Cycle Analysis SaaS +
+
+

Crohamhurst

+ Gann Research · Cycle Analysis SaaS +
+
+ +
+
+ Visual Image Photo, Photography Portfolio +
+
+

Visual Image Photo

+ Photography · Portfolio + WooCommerce +
+
+ +
+
+ Dayboro Art Gallery, Community Website +
+
+

Dayboro Art Gallery

+ Arts & Culture · Community Website +
+
+ +
+
+ Above & Beyond Dog Training, WordPress +
+
+

Above & Beyond Dog Training

+ Pet Services · WordPress + Store +
+
+ +
+
+ Stald. Photography Zine WooCommerce +
+
+

Stald.

+ Photography Zine · WooCommerce +
+
+ + +
+ Tawny Trails, Managed WordPress +
+
+

Tawny Trails

+ Tourism & Experiences · Managed WordPress +
+
+ +
+
+ Mineral Water Direct, WooCommerce +
+
+

Mineral Water Direct

+ eCommerce · WooCommerce +
+
+ +
+ +

+ A small selection. We've built and managed many more, ask us about your industry. +

+

+ Interested in seeing more? Get in touch, we're happy to share live examples relevant to your industry. +

+
+
+ + + +
+
+
+

Transparent Pricing

+

One price. No hidden fees.

+

Month-to-month after setup. No lock-in. No surprises.

+
+ +
+ + +
+

Essentials

+

For businesses with existing hosting who need maintenance handled.

+
$49 AUD/month
+
    +
  • WordPress core, plugin & theme updates
  • +
  • Daily offsite backups
  • +
  • Security scan & malware monitoring
  • +
  • Uptime monitoring
  • +
  • Monthly health report
  • +
  • Content edits
  • +
  • SEO monitoring
  • +
+ Start with Essentials +
+ + + + + +
+

Fully Managed

+

All-in-one hosting, design tailored to your business, and ongoing management. $300 setup fee, then month-to-month.

+
$200 AUD/month
+
    +
  • Everything in Business plan
  • +
  • Brisbane hosting + domain + email included
  • +
  • Premium plugins (corporate licence)
  • +
  • Unlimited minor content edits
  • +
  • Free site migration
  • +
  • Website tailored to your business needs
  • +
+ Get Fully Managed +
+ +
+ +

+ Not sure which plan? Send us a message, we'll tell you honestly. +

+

All prices shown are exclusive of GST. GST (10%) applies to all services.

+
+
+ + + +
+
+
+

Client Feedback

+

What clients actually say.

+
+ +
+
+
★★★★★
+

"I had no idea what was wrong with my site, it just stopped working after a plugin update. HELP4BIS fixed it within a few hours and explained exactly what happened. Couldn't be happier."

+
+ +
+ Shane W. + Electrician, Ipswich +
+
+
+ +
+
★★★★★
+

"We moved our WooCommerce store from a cheap host to HELP4BIS and the difference is night and day. Site loads faster, no more random errors, and I know someone real is watching it."

+
+ +
+ Lisa C. + Online Retailer, Toowoomba +
+
+
+ +
+
★★★★★
+

"After two offshore developers who disappeared, HELP4BIS was a breath of fresh air. Transparent, fast, and everything they said they'd do, they did. Our site's been solid for two years now."

+
+ +
+ David K. + Financial Planner, Brisbane +
+
+
+
+
+
+ + + +
+
+
+

Questions

+

The questions we get asked most.

+
+ +
+ +
+ + What's the difference between Managed WordPress and a Care Plan? + + +
+ Managed WordPress is the all-in-one service, hosting on our Brisbane server, design, unlimited minor edits, domain, email, and all maintenance. A Care Plan is maintenance-only: you keep your current hosting provider and we manage the WordPress layer on top of it. Care Plans start at $49/month; full managed is $200/month. +
+
+ +
+ + My site is broken right now. How quickly can you fix it? + + +
+ Submit a brief via the WP SOS Fix page and we'll get to it within 24 business hours. The flat rate is $97 for a single issue ($197 for complex/multiple issues). No hourly billing, no call required. +
+
+ +
+ + Do you work with businesses outside Brisbane? + + +
+ Yes, all services are delivered remotely via email and an online portal. The only Brisbane-specific advantage is the server location (lower latency for Australian visitors). We work with clients across Queensland, New South Wales, Victoria, and Western Australia. +
+
+ +
+ + I'm on Squarespace / Wix. Can you migrate me to WordPress? + + +
+ Yes. Migration is included free with the Fully Managed plan. Typical turnaround is 3–5 business days. +
+
+ +
+ + What if I want to cancel? + + +
+ All plans are month-to-month. Give us 30 days notice and we'll help migrate your site to wherever you're going. No lock-in, no exit fees, no held-hostage domain. +
+
+ +
+
+
+ + + +
+
+
+
+

Free Guide

+

New to AI? Start with the beginner's checklist.

+

A plain-English, step-by-step guide for your first week with an AI chat assistant. No sign-up, no jargon.

+
+ Read the Guide +
+
+
+ + +
+
+
+

Ready to hand it over?

+

Your website, handled. From today.

+

Send us a brief. No phone call required. We'll respond within one business day with exactly what we recommend and what it costs.

+ +
+
+
+ + + + + + + + + + + + + + + + diff --git a/site/managed-wordpress.html b/site/managed-wordpress.html new file mode 100644 index 0000000..717d450 --- /dev/null +++ b/site/managed-wordpress.html @@ -0,0 +1,753 @@ + + + + + + + Tailored Website Management Brisbane | $300 Setup + $200/mo | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Tailored Website Management

+

Your website. Designed, built, hosted, and managed. We handle all of it.

+

$300 gets you started, that covers month one: design, build, hosting setup, and everything configured. From month two it's $200/month. Month-to-month, no lock-in.

+ +
+
+ + + +
+
+
+

Simple Pricing

+

How it works, no surprises

+
+ +
+ + +
+
+
1
+
+
Month one: $300
+
We start immediately. Design and build happens this month.
+
+
+

You pay $300, we get to work. This month covers the full design, build, and setup, your brief, your brand, your pages. We configure hosting, email, domain, and all plugins, whilst you get on with running your business. You approve the site before it goes live.

+
    +
  • + + Full website designed to your brief +
  • +
  • + + Hosting, domain, email configured on our Brisbane server +
  • +
  • + + All premium plugins installed and configured +
  • +
  • + + You approve before it goes live +
  • +
+
+ + +
+
+
2
+
+
From month two: $200/month
+
Month-to-month. No contract. Cancel with 30 days notice.
+
+
+

$200/month covers everything ongoing, hosting, management, premium plugin licences, unlimited minor content edits. One invoice. Nothing extra.

+
    +
  • + + Hosting, SSL, backups, uptime monitoring +
  • +
  • + + WordPress updates, security, performance +
  • +
  • + + Premium plugin licences (covered under our corporate licence) +
  • +
  • + + Unlimited minor content edits (text, images, prices, see fair use policy in FAQ) +
  • +
  • + + Direct email contact, 24-hour response +
  • +
+
+ +
+ +

All prices shown are exclusive of GST. GST (10%) applies to Australian clients.

+
+
+ + + +
+
+
+

Everything Covered

+

What's included, every month

+

One fee covers the entire stack. No surprise add-ons. No annual renewals to manage.

+
+ +
+ + +
+ +

Hosting & Infrastructure

+
    +
  • + + Brisbane-based server, fast Australian load times +
  • +
  • + + SSL certificate, automated renewal +
  • +
  • + + Server-level caching for fast load times +
  • +
  • + + Daily offsite backups, 30-day retention +
  • +
  • + + Uptime monitoring, alerts within 5 minutes +
  • +
+
+ + +
+ +

WordPress Management

+
    +
  • + + Core, plugin, and theme updates, tested before applying +
  • +
  • + + Malware scanning and security monitoring +
  • +
  • + + Monthly performance audit +
  • +
  • + + Database optimisation +
  • +
  • + + Google Search Console monitoring +
  • +
+
+ + +
+ +

Your Business Tools

+
    +
  • + + Domain name (standard.com.au or.com) +
  • +
  • + + 5 professional email addresses (@yourdomain) +
  • +
  • + + Elementor Pro, page builder +
  • +
  • + + WPForms Pro, contact and enquiry forms +
  • +
  • + + RankMath Pro, SEO +
  • +
  • + + Unlimited minor content edits (text, images, prices, see fair use policy in FAQ) +
  • +
+
+ +
+ + +
+ +

Plugin licence note: Elementor Pro, WPForms Pro, and RankMath Pro are licensed under HELP4BIS's corporate account. Those licences stay with us, they don't transfer to you if you leave. If you move your site elsewhere, you'd need to purchase your own plugin licences. See exit options below.

+
+ +
+
+ + + +
+
+
+

Online Shop

+

Need a WooCommerce shop?

+

WooCommerce setup is included in the build, shop pages, product categories, checkout flow, payment gateway setup. Once it's live, you manage your own products: add new products, update prices, manage stock levels, process orders. We handle everything else.

+
+
+
+ + We build +
+
    +
  • Shop structure and categories
  • +
  • Checkout and payment setup
  • +
  • Product page templates
  • +
  • Tax and shipping rules
  • +
+
+
+
+ + You manage +
+
    +
  • Adding and editing products
  • +
  • Setting your own prices
  • +
  • Stock levels and inventory
  • +
  • Processing your own orders
  • +
+
+
+

WooCommerce setup is included for small retailers: a café selling gift vouchers, a tradie selling merchandise, a studio selling class passes. Not for large catalogues of 200+ products.

+
+
+
+ + + +
+
+
+

Your Choice

+

When the website is done, two paths forward

+

Once your site is live and you're happy with it, you're not locked in. Here's what your options are.

+
+ +
+ + +
+
+
+ +
+

Option A, Stay managed

+
+

Keep the $200/month arrangement. Everything stays covered, hosting, updates, security, premium plugins, content edits. You never think about the website again. Most clients choose this.

+
    +
  • + + Month-to-month, cancel any time with 30 days notice +
  • +
  • + + Premium plugin licences continue to be covered +
  • +
  • + + Ongoing support and edits included +
  • +
+
+ + +
+
+
+ +
+

Option B, Buy out and take the site

+
+

Pay a $2,000 one-time fee and take the site with you to any host you choose. You own the WordPress install, the content, and the design files outright.

+
    +
  • + + Full export of your WordPress site +
  • +
  • + + All content and design files transferred to you +
  • +
  • + + Migration assistance to your new host +
  • +
+ +
+ Important: The premium plugin licences (Elementor Pro, WPForms Pro, RankMath Pro) remain with HELP4BIS. They don't transfer. If you want to keep using those plugins, you'll need to purchase your own licences, approximately $300–$400/year total. We'll give you the deactivated plugins so you can reactivate under your own account. +
+
+ +
+
+
+ + + +
+
+
+

Fit Check

+

Is this right for you?

+

This service is designed for small businesses, not enterprise, not large eCommerce.

+
+ +
+ +
+

+ + YES, this is for you if: +

+
    +
  • + + You're a tradie, café, beauty business, fitness studio, or similar small operator +
  • +
  • + + You want zero tech involvement, one invoice, everything handled +
  • +
  • + + You need a professional site that makes your phone ring +
  • +
  • + + You want hosting, email, domain, and maintenance as one predictable cost +
  • +
  • + + You want premium plugin features without the annual bills +
  • +
+
+ +
+

+ + NOT right for you if: +

+
    +
  • + + You're a large retailer with 200+ products, not our target client +
  • +
  • + + You need enterprise-level infrastructure, staging environments, or dev team access +
  • +
  • + + You're a developer who wants SSH access, ask us about a custom arrangement +
  • +
  • + + You're on a tight budget, the Care Plans start at $49/month with your own hosting +
  • +
+
+ +
+
+
+ + + +
+
+
+

Questions

+

Common questions

+
+ +
+ +
+ + Why is there a setup fee? + + +
+ $300 is month one, you pay it, we start immediately. That covers the full design and build: structuring the site, setting up hosting on our Brisbane server, configuring email, installing all plugins, and getting everything to the point where you approve it. From month two it's $200/month. The work starts the day we receive payment, not when the site goes live. +
+
+ +
+ + What happens to my existing site content? + + +
+ We migrate everything, pages, posts, images, forms. Nothing is lost in the move. +
+
+ +
+ + Can I keep my existing domain and email? + + +
+ Yes. Domain and email are included but not mandatory. If you have existing services you're happy with, keep them, we'll work around them. +
+
+ +
+ + Do I own the website? + + +
+ You own your content, your pages, images, and copy are yours. If you choose the $2,000 buyout option, you take the full WordPress installation with you. The premium plugin licences (Elementor Pro, WPForms Pro, RankMath Pro) stay with HELP4BIS and don't transfer, if you move, you'd need to purchase your own plugin licences separately. +
+
+ +
+ + What's NOT included in the $200/month? + + +
+ New page designs beyond the initial build, custom plugin development, paid advertising management, and content writing. These are quoted separately. Minor content edits (text changes, image swaps, price updates) are included. WooCommerce setup for small catalogues is included in the build. +
+
+ +
+ + Can I add WooCommerce? + + +
+ Yes, for small catalogues. We build the shop structure: categories, product page templates, checkout, payment gateway, and tax/shipping rules. Once it's set up, you manage your own products, add them, update prices, handle stock and orders yourself. We don't manage product catalogues on an ongoing basis. If you need a large catalogue (200+ products) managed for you, this isn't the right service. +
+
+ +
+
+
+ + + +
+
+
+

One monthly fee. No tech headaches. No lock-in.

+

Your website, completely handled.

+

Send us a brief. We'll come back within one business day with exactly what we recommend and what it costs. No obligation.

+ +

Want to see examples of sites we've built? View our portfolio →

+
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/plugin-development.html b/site/plugin-development.html new file mode 100644 index 0000000..d8f33c9 --- /dev/null +++ b/site/plugin-development.html @@ -0,0 +1,745 @@ + + + + + + + Custom WordPress Plugin Development | Project-Priced | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Custom Plugin Development

+

WordPress needs to do something it doesn't do. We build it.

+

Defined scope, project-priced, delivered async. No hourly billing uncertainty. Submit a brief within the defined scope and receive a fixed quote before work starts.

+ +
+
+ + + +
+
+
+

Fixed-Scope Plugin Packages

+

One brief. One price. One working plugin.

+

Every package has a defined scope. Price is confirmed before work starts. No surprises.

+
+ +
+ + +
+ +

WordPress Form API Integration

+

Connect any WordPress contact form to an external API or CRM. New submission triggers: add contact to CRM, send data to a booking system, create an invoice in Xero/MYOB, or push to any REST API endpoint.

+
$497–$997 AUD
+
    +
  • + + One API endpoint, one form +
  • +
  • + + Webhook or REST call with error handling +
  • +
  • + + Timeline: 3 - 5 business days +
  • +
+ Get This Plugin +
+ + +
+ +

WooCommerce Custom Extension

+

Add functionality WooCommerce doesn't have out of the box. Custom shipping rules, dynamic pricing, custom product fields, conditional checkout behaviour.

+
$797–$1,497 AUD
+
    +
  • + + One extension feature +
  • +
  • + + Tested on staging before live deploy +
  • +
  • + + Timeline: 5 - 10 business days +
  • +
+ Get This Plugin +
+ + +
+ +

Custom Elementor Widget

+

A bespoke Elementor widget that does exactly what you need. Dynamic content display, custom map integration, specialised product grid, custom calculator.

+
$297–$597 AUD
+
    +
  • + + One widget type, up to 8 configurable settings +
  • +
  • + + Works within Elementor editor +
  • +
  • + + Timeline: 2 - 4 business days +
  • +
+ Get This Plugin +
+ + +
+ +

WordPress-to-Zapier Connector

+

Send WordPress or WooCommerce data to Zapier via a custom webhook. Triggers: new user, new post, new order, form submission, custom event.

+
$197–$397 AUD
+
    +
  • + + One trigger type +
  • +
  • + + Webhook payload defined before build starts +
  • +
  • + + Timeline: 1 - 2 business days +
  • +
+ Get This Plugin +
+ + +
+ +

Custom Admin Dashboard

+

A custom WordPress admin page showing data your business needs. Sales summaries, pending task lists, form submission counts, external API data pulled directly into the WP dashboard.

+
$497–$997 AUD
+
    +
  • + + One admin page, up to 6 data widgets +
  • +
  • + + Role-based access control +
  • +
  • + + Timeline: 3 - 7 business days +
  • +
+ Get This Plugin +
+ + +
+ +

Custom Reporting Plugin

+

A complete reporting plugin pulling WooCommerce, form, and custom data into a clean admin interface. Export to CSV. Filterable by date range.

+
$997–$1,997 AUD
+
    +
  • + + Up to 5 report types, CSV export +
  • +
  • + + Date range filtering +
  • +
  • + + Timeline: 7 - 14 business days +
  • +
+ Get This Plugin +
+ +
+ +

All prices shown are exclusive of GST. GST (10%) applies to Australian clients.

+ +
+

Payment terms

+

50% deposit on brief approval. 50% on delivery. We send a payment link via email, no invoicing system, no accounts team.

+
+ +
+
+ + + +
+
+
+

The Process

+

How plugin projects work

+

Four steps from brief to delivered plugin. Async. No calls required.

+
+ +
+ +
+
01
+ +

Submit your brief

+

Use the intake form to describe what WordPress should do, what it connects to, and your site environment. It is important include the PHP version and the plugins in use.

+
+ +
+
02
+ +

Receive a fixed quote within your package range

+

We assess scope and send a confirmed price within 1 business day. Nothing costs a cent more than the quoted price, work only starts once you approve it.

+
+ +
+
03
+ +

Build, test, and review

+

We build and test on a staging site. You review the result. One round of revisions based on your feedback is included in every package.

+
+ +
+
04
+ +

Delivered with a 30-day warranty

+

Plugin delivered as a.zip file, installed on your live site, with a 30-day bug warranty. If something we built breaks within 30 days of delivery, we fix it for free.

+
+ +
+
+
+ + + +
+
+
+

Scope Clarity

+

What's in scope, and what isn't

+

Fixed-price work requires defined scope. Here's exactly what that means.

+
+ +
+ +
+

+ ✓ In scope +

+
    +
  • + + Single-purpose plugins with a clearly defined input/output +
  • +
  • + + Integration with one external API or service +
  • +
  • + + One round of revisions based on your feedback +
  • +
  • + + Code that follows WordPress coding standards +
  • +
  • + + Basic documentation, what the plugin does, how to use the admin settings +
  • +
+
+ +
+

+ ✗ Out of scope +

+
    +
  • + + Building a SaaS product or multi-tenant application +
  • +
  • + + Complex machine learning or AI model training +
  • +
  • + + Plugins that require new server infrastructure +
  • +
  • + + Support for edge cases not specified in the original brief +
  • +
  • + + Ongoing maintenance (that's a Care Plan) +
  • +
+

If your requirement is out of scope, we'll say so when we review the brief, and suggest an alternative where we can.

+
+ +
+
+
+ + + +
+
+
+

Recent Projects

+

What we've built

+

A sample of recent plugin projects. Client names withheld by request.

+
+ +
+ +
+ +

Quote calculator for a trade business

+

A local electrician needed customers to self-calculate job costs before booking. We built a multi-step form that calculates based on service type, size, and postcode, emails the customer a summary and the business a lead notification.

+

Delivered in 5 days · ~$650

+
+ +
+ +

Wholesale price list for a supplier

+

A Brisbane building supplies company needed a password-protected product catalogue with pricing that changed based on the logged-in customer's discount tier. Integrated with their existing user roles.

+

Delivered in 9 days · ~$1,100

+
+ +
+ +

Booking sync for a therapy clinic

+

A small allied health clinic needed their WordPress enquiry forms to push directly into their practice management system via API, eliminating manual data entry. We built the connector and a lightweight admin dashboard to monitor sync status.

+

Delivered in 12 days · ~$1,350

+
+ +
+
+
+ + + +
+
+
+

Questions

+

Plugin project FAQs

+
+ +
+ +
+ + Will the plugin work with future WordPress updates? + + +
+ We build to current WordPress and PHP standards. Plugins are tested against the latest WordPress version before delivery. If a core WordPress update breaks the plugin within 30 days of delivery, we fix it for free. +
+
+ +
+ + Do I own the plugin code? + + +
+ Yes. You receive the full source code as part of delivery. No licensing fee, no subscription required. The code is yours outright. +
+
+ +
+ + Can you maintain the plugin after delivery? + + +
+ Yes, we offer a maintenance add-on for $49/month per plugin. This covers compatibility updates and minor tweaks as WordPress evolves. Quoted separately at delivery. +
+
+ +
+ + What information do I need to provide? + + +
+ The intake form asks for: what the plugin should do, what external systems it connects to, your PHP version (found in Tools > Site Health in WordPress admin), and what hosting provider you use. The more precise your brief, the more accurate the quote. +
+
+ +
+
+
+ + + +
+
+
+

Ready to build?

+

Tell us what WordPress needs to do.

+

Submit a brief and we'll confirm scope and price within one business day. No calls required. No commitment until you approve the quote.

+ +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/pricing.html b/site/pricing.html new file mode 100644 index 0000000..380ba7e --- /dev/null +++ b/site/pricing.html @@ -0,0 +1,646 @@ + + + + + + + Pricing | WordPress Services for Australian Small Businesses | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Pricing

+

Transparent pricing. No surprises.

+

Four ways we work with Australian small businesses. Pick the one that fits today, change later if your needs change. Month-to-month on everything except the one-off SOS Fix.

+

All prices below are in AUD and exclude GST (10% added for Australian clients).

+
+
+ + + +
+
+
+

All Services At A Glance

+

Choose what you need today

+

If you don't have a site yet, start with Tailored Website Management. If you have one and it's broken right now, the SOS Fix. If it works and you want it kept working, a Care Plan. Click any card for full details.

+
+ +
+ + +
+

One-off fix

+

WP SOS Fix

+

Site down, white screen, plugin conflict, or "it was working yesterday". We diagnose and fix, or you don't pay.

+
+ $97 AUD flat +
+
    +
  • + + Diagnosis included +
  • +
  • + + Most fixes done same business day +
  • +
  • + + No fix, no fee +
  • +
  • + + Malware cleanup / full hack recovery +
  • +
  • + + Server / hosting issues +
  • +
+ See SOS Fix details +
+ + +
+

Monthly maintenance

+

Care Plan, Essentials

+

Keep your existing site updated, backed up, and monitored. Works with any host. Month-to-month, no lock-in.

+
+ $49 AUD/month +
+
    +
  • + + WordPress core, plugin & theme updates +
  • +
  • + + Daily offsite backups, 30-day retention +
  • +
  • + + Security & uptime monitoring +
  • +
  • + + Monthly health report +
  • +
  • + + Content edits +
  • +
+ See Care Plan details +
+ + + + + +
+

Full service, no site needed

+

Tailored Website Management

+

We design, build, host, and manage everything. Domain, business email, premium plugins, ongoing updates. You focus on your business.

+
+ $200 AUD/month +
+

Month one is $300, that covers the build and migration. Then $200/month, no lock-in.

+
    +
  • + + Site designed & built for you +
  • +
  • + + Hosted on our Brisbane server +
  • +
  • + + Domain & business email managed +
  • +
  • + + Premium plugins included +
  • +
  • + + Ongoing updates & minor edits +
  • +
+ See Tailored Management details +
+ +
+ +
+
+ Pay annually on Care Plans, get 2 months free + (17% saving). Email us to arrange. +
+
+ +

All prices shown are exclusive of GST. GST (10%) applies to Australian clients.

+
+
+ + + +
+
+
+

Not Sure Which?

+

Quick guide

+

If you can answer "yes" to one of these, you've got your starting point.

+
+ +
+ +
+ +

My site is broken right now

+

Start with the $97 SOS Fix. Flat fee, fixed today, no obligation after.

+
+ +
+ +

My site works, I want it kept working

+

Care Plan, Essentials at $49/mo covers the monthly maintenance and backups.

+
+ +
+ +

I also want content changes done for me

+

Care Plan, Business at $99/mo includes an hour of minor edits each month, priority response.

+
+ +
+ +

I don't have a website yet

+

Tailored Website Management at $200/mo handles design, build, hosting, the lot. $300 month one.

+
+ +
+ +

+ Still unsure? Email us at project@help4bis.com with a one-line description of what you have (or don't have) and we'll tell you honestly which option fits. No sales call. +

+
+
+ + + +
+
+
+

Standard On Every Plan

+

What you always get

+

Whether you pay $49 or $200, these are non-negotiable.

+
+ +
+ +
+ +

Brisbane-based

+

You deal directly with the person doing the work. Same time zone, same business culture, no outsourcing, no call centre.

+
+ +
+ +

No lock-in contracts

+

Care plans and Tailored Management are month-to-month from day one. Cancel any time with 30 days notice. No exit fees.

+
+ +
+ +

Fixed monthly fee

+

You know what you'll pay each month before you sign up. No surprise invoices, no metered "support tokens", no hourly rates.

+
+ +
+ +

Plain English

+

No jargon. We explain what we did and why in language that makes sense, in writing, so you can read it later.

+
+ +
+
+
+ + + +
+
+
+

Pricing Questions

+

Common questions about pricing

+
+ +
+ +
+ + Is there a setup fee? + + +
+ No setup fee on Care Plans or the SOS Fix. Tailored Website Management has $300 in month one (which covers the build and migration) then $200/month from month two onwards. +
+
+ +
+ + Do you accept credit card, or invoice only? + + +
+ Both. Credit card via Stripe for monthly billing, or bank transfer / invoice if you prefer end-of-month settlement. Australian clients get a GST-compliant tax invoice either way. +
+
+ +
+ + Can I change plans later? + + +
+ Yes. Start on Essentials, upgrade to Business when you need content edits. Move from a Care Plan to Tailored Website Management if you decide you want us to host as well. No fee for switching. +
+
+ +
+ + Is GST included in the prices on this page? + + +
+ No. Prices on this page are exclusive of GST. GST (10%) is added for Australian clients at checkout and shows on every tax invoice. +
+
+ +
+ + Do you offer discounts for annual billing? + + +
+ Yes, on Care Plans. Pay 12 months up front and get 2 months free (17% saving). Email us to arrange annual billing. +
+
+ +
+ + What if the SOS Fix can't fix my problem? + + +
+ You don't pay. The SOS Fix is "no fix, no fee". If we can't resolve the issue we explain what we found, point you to who can (or what hosting / specialist step is needed), and refund any deposit. The $97 is for the fix, not the look. +
+
+ +
+
+
+ + + +
+
+
+

Ready when you are

+

Pick the one that fits today.

+

If you're not sure, send us a one-line email. We'll point you to the right plan, honestly.

+ +
+
+
+ + + + + + + + + + + + + diff --git a/site/privacy.html b/site/privacy.html new file mode 100644 index 0000000..dbddea5 --- /dev/null +++ b/site/privacy.html @@ -0,0 +1,271 @@ + + + + + + + Privacy Policy | HELP4BIS, Dutch Digital Dynamics Pty Ltd + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Legal

+

Privacy Policy

+

How HELP4BIS collects, uses, and protects your personal information in accordance with the Australian Privacy Act 1988. Last reviewed: March 2026.

+
+
+ + + +
+
+
+ +

1. Who we are

+

This website is operated by Dutch Digital Dynamics Pty Ltd (ABN 86 081 237 087), trading as HELP4BIS, based in Brisbane, Queensland, Australia.

+

We provide managed WordPress services, care plans, custom plugin development, and AI integration services to Australian small businesses.

+

For all privacy enquiries, contact us at: project@help4bis.com

+ +

2. What personal information we collect

+

We collect personal information only when you submit a contact form or service brief on this website. The information collected is:

+
    +
  • Your name
  • +
  • Your email address
  • +
  • Your website URL (optional)
  • +
  • Your service type and budget range
  • +
  • The content of your message or enquiry
  • +
+

We do not collect sensitive information as defined under the Privacy Act (health, financial, or biometric data). We do not collect payment card details through this website.

+ +

3. How we collect it

+

Personal information is collected only through contact forms on this website when you actively submit them. We do not collect personal information automatically through cookies, web analytics, or tracking scripts.

+

The only external service this website connects to is Google Fonts (see Section 7 below).

+ +

4. Why we collect it

+

We collect your personal information solely to:

+
    +
  • Respond to your service enquiry
  • +
  • Assess whether we can assist with the services you have requested
  • +
  • Deliver contracted services where a service agreement is established
  • +
+

We do not use your information for marketing, profiling, or any purpose unrelated to your enquiry or service engagement.

+ +

5. How we store it

+

Contact form submissions are delivered directly to our email inbox and stored within our email system. We do not maintain a customer relationship management (CRM) database. We do not use third-party CRM platforms, mailing list tools, or marketing automation software.

+

Email is stored on servers located in Australia or within jurisdictions with privacy protections equivalent to Australian law. Access to our email is restricted to authorised personnel only and protected by strong passwords and two-factor authentication.

+

We retain enquiry correspondence for a period consistent with normal business record-keeping requirements, generally seven years, in accordance with Australian tax and business law obligations.

+ +

6. Who we share it with

+

We do not sell, rent, trade, or share your personal information with any third party for commercial or marketing purposes.

+

The only circumstances in which we would disclose your personal information to a third party are:

+
    +
  • Where required to do so by Australian law or a court order
  • +
  • Where you have given your explicit consent for a specific disclosure
  • +
+ +

7. Google Fonts

+

This website loads fonts from Google's servers (fonts.googleapis.com). When your browser requests a font file, Google's servers log your IP address as part of that HTTP request. No personal data is passed from us to Google, this is a direct request from your browser to Google's infrastructure, not data we collect or transmit.

+

For Google's privacy policy, see policies.google.com/privacy.

+ +

8. Cookies

+

We do not use tracking cookies, advertising cookies, or analytics cookies on this website. We do not use Google Analytics, Meta Pixel, or any other third-party analytics or advertising script. No cookie consent banner is required because we set no cookies.

+ +

9. Your rights under Australian law

+

Under the Australian Privacy Act 1988 and the Australian Privacy Principles (APPs), you have the following rights in relation to personal information we hold about you:

+
    +
  • Access: You may request access to the personal information we hold about you.
  • +
  • Correction: You may request that we correct personal information that is inaccurate, out of date, incomplete, irrelevant, or misleading.
  • +
  • Complaint: You may make a complaint if you believe we have mishandled your personal information.
  • +
+

To exercise any of these rights, contact us at project@help4bis.com. We will respond within a timeframe and in any case within 30 days.

+ +

10. Privacy complaints

+

If you have a complaint about how we have handled your personal information, please contact us first at project@help4bis.com. We will investigate your complaint and respond within 30 days.

+

If you are not satisfied with our response, you may lodge a complaint with the Office of the Australian Information Commissioner (OAIC):

+
    +
  • Website: oaic.gov.au
  • +
  • Phone: 1300 363 992
  • +
  • Online complaint form available at oaic.gov.au
  • +
+ +

11. Contact for privacy matters

+

All privacy enquiries, access requests, and correction requests should be directed to:

+

+ HELP4BIS, Dutch Digital Dynamics Pty Ltd
+ Brisbane, Queensland, Australia
+ Email: project@help4bis.com +

+ +

12. Changes to this policy

+

We may update this Privacy Policy from time to time. Any material changes will be posted on this page. We recommend checking this page periodically.

+

Last reviewed: March 2026

+ +
+
+
+ + + + + + + + + + + + + diff --git a/site/robots.txt b/site/robots.txt new file mode 100644 index 0000000..d4348ab --- /dev/null +++ b/site/robots.txt @@ -0,0 +1,6 @@ +User-agent: * +Allow: / +Disallow: /wp-admin/ +Disallow: /assets/ + +Sitemap: https://help4bis.com/sitemap.xml diff --git a/site/second-week-with-ai.html b/site/second-week-with-ai.html new file mode 100644 index 0000000..810c3c5 --- /dev/null +++ b/site/second-week-with-ai.html @@ -0,0 +1,679 @@ + + + + + + + Your Second Week With AI: Master Prompts, System Prompts & Custom GPTs | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Free Guide, Part Two

+

Your Second Week With AI

+

You've sent your first messages, corrected a few answers, learned to check the ones that matter. This is where an AI chat stops being a box you type into and starts being a system that already knows who you are, so you stop explaining yourself from scratch every time.

+
+
+ + +
+
+ +
+

New here? This page assumes you've already sent a few messages and know how to write a plain, specific request. If that's not you yet, start with the beginner checklist first.

+ Start With Part One +
+ +

The Toolkit

+

Seven upgrades, in the right order

+

None of these are required. They're what turns "I use AI sometimes" into "AI already knows my business before I've typed a word."

+ +
+ 0 of 7 done + +
+ +
+ +
+ + + 1 + Give it a memory: the master prompt + + + + + + +
+

Right now, every new chat starts from zero. The AI does not know your business, your role, your customers, or how you like things written, unless you type it out again. A master prompt fixes that: one document you keep and paste in (or upload) that answers the basics once. Our own one covers who we are, what we sell and how we write, in a single page.

+
    +
  • What you do, and who you do it for
  • +
  • Your products, services, or role in one or two lines
  • +
  • The tone you write in, and the tone you hate
  • +
  • Anything it should never suggest or assume
  • +
+
+

Interview me so you can write a one-page master prompt about my business and how I like things written. Ask one question at a time.

+ +
+
+ Why this matters + You will use this document constantly. Save it somewhere you can find in ten seconds, a notes app, a pinned document, whatever you already use, and paste it in at the start of any chat where the background actually matters. +
+
+
+ +
+ + + 2 + Turn your best prompts into system prompts + + + + + + +
+

A master prompt says who you are. A system prompt says how to do one particular job, every time, the same way. If you catch yourself writing a similar request over and over, weekly emails, meeting notes, social captions, that task is worth turning into a saved instruction set.

+
    +
  1. Get the output right once, correcting it back and forth until it's actually good.
  2. +
  3. Ask the AI to write down the instructions that would produce that same result directly, no back and forth.
  4. +
  5. Save those instructions somewhere. Next time, paste them in first, then add only what's different this time.
  6. +
+
+

Based on everything we just went back and forth on, write me a reusable instruction set that would get me straight to this result next time, without the corrections.

+ +
+
+
+ +
+ + + 3 + Learn the seven control words + + + + + + +
+

In part one you learned Role, Context, Command, and Format. These seven go further, drop any of them into a prompt and the answer usually gets noticeably more useful. I reach for the constraint one most.

+
+
+
1Act as
+
"Act as a skeptical accountant." Sets the expertise and voice the answer comes from.
+
+
+
2Deep research
+
Asks the AI to actually look things up and show sources, instead of answering from memory alone.
+
+
+
3First principles
+
"Explain this from first principles." Forces a from-scratch answer instead of a recycled cliché.
+
+
+
4Devil's advocate
+
"Now argue against this." Surfaces the risks and holes in your own plan before you commit to it.
+
+
+
5Constraints first
+
State your budget, deadline, and tools before you ask for the answer, not after.
+
+
+
6Format as
+
Table, checklist, plain text, JSON. Say the shape you need before you get an answer in the wrong one.
+
+
+
7Verify and cite
+
"Verify this and cite your sources." Pushes back on confident-sounding guesses (see part one, step 5).
+
+
+
+ Where to start + If you only add two, add constraints first and format as. Those two alone usually fix most of what makes an answer feel almost right but not quite usable. +
+
+
+ +
+ + + 4 + Store context once: projects + + + + + + +
+

Most AI chat tools now let you group related conversations into a folder that holds shared files and background, sometimes called a project or a workspace. Instead of pasting the same brand guide, pricing sheet, or report into every new chat, you upload it once and every conversation inside that folder can see it. This one is my favourite of the seven.

+
    +
  • One project per ongoing thing: your business, a specific client, a big report you're building over weeks
  • +
  • Drop in the documents that keep coming up: brand guide, past examples, notes from calls
  • +
  • Your prompts inside that project can get shorter, the background is already there
  • +
+
+ Worth checking + This feature usually sits on a paid plan, and the exact name and limits vary between AI tools. Check what your specific one offers before you build a habit around it. +
+
+
+ +
+ + + 5 + Set your defaults: custom instructions + + + + + + +
+

Many AI tools have a settings page where you can set standing preferences that apply to every conversation, not just the current one. Look for something called "custom instructions" or "personalisation" in your account settings. Worth setting:

+
    +
  • Your preferred tone (blunt, warm, formal, whatever fits how you actually talk)
  • +
  • Your default format (short answers, bullet points, no unnecessary preamble)
  • +
  • What to do when it's not sure, guess and flag it, or ask you first
  • +
+

I set this once in my own account, and every future chat starts already tuned to how I like things.

+
+
+ +
+ + + 6 + Package it up: custom GPTs + + + + + + +
+

Once a system prompt reliably gets you the same good result, some AI tools let you save it as a standalone assistant with its own name and icon, sometimes called a custom GPT or a custom assistant. Anyone with access can use it without knowing how to prompt at all, they just answer its questions.

+

Good candidates: a client-intake assistant that always asks the same questions in the same order, a first-draft-email writer trained on your voice, a support assistant that only answers from your own documentation.

+
+ Why this matters + This is the step where AI stops being something only you know how to use, and becomes a tool the rest of your team can use too, without training. +
+
+
+ +
+ + + 7 + Build them in this order + + + + + + +
+

Trying to build all six at once is how this whole page ends up ignored. Do them in this order instead, I have ordered them so each one makes the next one easier.

+
+
+ First +

Master prompt + custom instructions

Just for you. I write mine in twenty minutes flat and it still runs under every chat I start. Pays off in every single one after.

+
+
+ Then +

One system prompt

Pick the task you repeat most often and turn it into a saved instruction set.

+
+
+ Then +

One project

Somewhere ongoing, a client, a business area, that keeps needing the same background.

+
+
+ Last +

A custom GPT

Only once you have a system prompt good enough that someone else could run it.

+
+
+
+
+ +
+
+
+ + +
+
+

Reference, Not A Step

+

A few more words you'll hit

+

Part one covered prompt, model, hallucination, context, and token. These pick up where that left off.

+ +
+
+
Master prompt
+
A single document introducing who you are, so any chat can be given your background in one paste.
+
+
+
System prompt
+
A saved instruction set for a specific, repeatable task, so you stop rebuilding the same request from scratch.
+
+
+
Custom instructions
+
Standing preferences set once in your account, applied automatically to every future conversation.
+
+
+
Project / workspace
+
A folder of related chats that all share the same uploaded background files.
+
+
+
Custom GPT
+
A system prompt packaged into a standalone assistant that someone else can use without writing prompts.
+
+
+
Control word
+
A short instruction, like "constraints first" or "format as", that changes how the AI approaches the whole answer.
+
+
+
+
+ + +
+
+
+
+

Once The Toolkit Is Built

+

Ready for week three?

+

A deeper interview about your goals and skills, finding your blind spots, a real roadmap, and a profile brief that carries it all into every chat. Still free.

+
+ Read Part Three +
+
+
+ + +
+
+
+

Rather someone just built this for you?

+

We set up the master prompts, system prompts, and custom GPTs. You just use them.

+

If you'd rather skip building this yourself, submit a brief and we'll tell you what fits your business and what it costs.

+ +
+
+
+ + + + + + + + + + + + + diff --git a/site/sitemap.xml b/site/sitemap.xml new file mode 100644 index 0000000..acb4f1a --- /dev/null +++ b/site/sitemap.xml @@ -0,0 +1,200 @@ + + + + + https://help4bis.com/ + 2026-04-08 + weekly + 1.0 + + + + https://help4bis.com/managed-wordpress.html + 2026-03-13 + monthly + 0.9 + + + + https://help4bis.com/care-plans.html + 2026-03-13 + monthly + 0.9 + + + + https://help4bis.com/sos-fix.html + 2026-03-13 + monthly + 0.9 + + + + https://help4bis.com/ai-integration.html + 2026-03-13 + monthly + 0.8 + + + + https://help4bis.com/your-first-week-with-ai.html + 2026-07-12 + monthly + 0.8 + + + + https://help4bis.com/second-week-with-ai.html + 2026-07-12 + monthly + 0.7 + + + + https://help4bis.com/third-week-with-ai.html + 2026-07-12 + monthly + 0.7 + + + + https://help4bis.com/plugin-development.html + 2026-03-13 + monthly + 0.8 + + + + https://help4bis.com/about.html + 2026-03-13 + monthly + 0.7 + + + + https://help4bis.com/contact.html + 2026-03-13 + monthly + 0.7 + + + + https://help4bis.com/blog/ + 2026-04-08 + weekly + 0.8 + + + + https://help4bis.com/blog/why-most-tradie-websites-dont-get-leads.html + 2026-04-08 + monthly + 0.7 + + + + https://help4bis.com/blog/five-signs-your-website-costing-you-customers.html + 2026-04-08 + monthly + 0.7 + + + + https://help4bis.com/blog/what-wordpress-care-plan-actually-includes.html + 2026-04-08 + monthly + 0.7 + + + + https://help4bis.com/blog/small-business-compete-online-without-big-budget.html + 2026-04-08 + monthly + 0.7 + + + + https://help4bis.com/pricing.html + 2026-05-26 + monthly + 0.9 + + + + https://help4bis.com/garden-data-mcp.html + 2026-06-14 + monthly + 0.7 + + + + https://help4bis.com/work/dayboro-au.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/gardenbuddy-au.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/localbuddy-au.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/m8chat-au.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/nightcap-nm.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/rds-ink.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/tawnytrails.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/work/crohamhurst-app.html + 2026-05-26 + yearly + 0.5 + + + + https://help4bis.com/privacy.html + 2026-03-13 + yearly + 0.3 + + + + https://help4bis.com/terms.html + 2026-03-13 + yearly + 0.3 + + + diff --git a/site/sos-fix.html b/site/sos-fix.html new file mode 100644 index 0000000..fb22cad --- /dev/null +++ b/site/sos-fix.html @@ -0,0 +1,747 @@ + + + + + + + WordPress SOS Fix $97 Flat | 24-Hour Turnaround | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Emergency WordPress Fix

+

Something broke.
We'll fix it in 24 hours.

+

White screen. Plugin conflict. Hacked site. Email not sending. Broken checkout. Submit a brief, flat rate, no hourly surprises.

+
+
+ $97 flat + single issue +
+ +
+ 24hr + business hours turnaround +
+
+
+
+ + + +
+
+
+

Get It Fixed

+

Submit your fix request

+

Tell us what's broken. We'll get to it today.

+
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+ +
+ +

+ Flat rate: $97 AUD for a single issue. Complex / multiple issues: $197 AUD. We confirm which applies before starting any work. +

+

+ GST. All prices exclusive of GST.

+ +
+
+ + +
+

What you get

+ +
+
+ 1 +
+ Diagnosis + fix +

We find the root cause and resolve it, not just the symptom.

+
+
+
+ 2 +
+ Loom video walkthrough +

Screen recording explaining what was found and exactly what we did.

+
+
+
+ 3 +
+ Written fix summary +

Plain-English written report for your records.

+
+
+
+ 4 +
+ 7-day follow-up warranty +

If the same issue returns within 7 days, we fix it again at no charge.

+
+
+
+ +
+

Pricing

+

Single issue: $97 AUD

+

Complex / multiple: $197 AUD

+

If we can't fix it, you don't pay.

+

After reviewing your brief, we'll send a payment link via email. Work starts once payment is confirmed.

+
+
+ +
+
+
+ + + +
+
+
+

We've Seen It All

+

Common fixes we handle every week

+
+ +
    +
  • + + WordPress white screen of death +
  • +
  • + + Plugin conflict after update +
  • +
  • + + Hacked / defaced WordPress site +
  • +
  • + + SSL certificate errors +
  • +
  • + + Email not sending from WordPress +
  • +
  • + + WooCommerce checkout broken +
  • +
  • + + Can't access wp-admin +
  • +
  • + + 404 errors after migration +
  • +
  • + + Slow site after plugin install +
  • +
  • + + Images or media not loading +
  • +
  • + + Contact form not delivering +
  • +
  • + + Database connection errors +
  • +
+
+
+ + + +
+
+
+

Transparent Pricing

+

Pricing, no surprises

+

We confirm the price before we start. Always.

+
+ +
+ + +
+

Standard Fix

+

Single issue. Most problems fall here.

+
+ $97 AUD +
+
    +
  • + + Single issue +
  • +
  • + + Diagnosis + fix +
  • +
  • + + Loom video walkthrough +
  • +
  • + + Written fix summary +
  • +
  • + + 24-hour turnaround +
  • +
  • + + 7-day follow-up warranty +
  • +
+ Submit a Fix Request +
+ + + + +
+ +

If we can't fix it, you don't pay.

+

+ GST. All prices exclusive of GST.

+ +
+
+ + + +
+
+
+

Questions

+

Common questions

+
+ +
+ +
+ + How do I give you access to my site securely? + + +
+ After submitting the form, we'll email you a secure link to submit your WordPress admin credentials. We use LastPass Send or a similar zero-knowledge vault for credential sharing, your password is never stored in email. +
+
+ +
+ + What if my site doesn't use WordPress? + + +
+ We specialise in WordPress. For Squarespace, Wix, or other platforms, we may not be able to help, contact us first and we'll be upfront about whether we can assist. +
+
+ +
+ + What if the fix takes longer than 24 hours? + + +
+ We'll email you with an update if it's going to take longer, and confirm the reason. Complex hacks and database corruption can take up to 48 hours. You'll always know where things stand. +
+
+ +
+ + Do you offer ongoing maintenance after the fix? + + +
+ Yes, at the end of the fix summary we'll include a recommendation for whether your site would benefit from a care plan. No pressure, it's there if it makes sense for your situation. +
+
+ +
+
+
+ + + +
+
+
+

Site broken right now?

+

Submit the brief above. We'll get to it today.

+

Flat rate. No hourly billing. No call required. Just tell us what's broken.

+ +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/site/style.css b/site/style.css new file mode 100644 index 0000000..d7f7f8b --- /dev/null +++ b/site/style.css @@ -0,0 +1,1873 @@ +/* ============================================================ + HELP4BIS — Design System v4.0 + February 2026 | help4bis.com + ============================================================ */ + +/* Self-hosted fonts (DM Sans + Inter) - replaces Google Fonts CDN */ +/* DM Sans italic 300 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url('assets/fonts/dmsans-italic-300-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans italic 300 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url('assets/fonts/dmsans-italic-300-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 300 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 300 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 400 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 400 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 500 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 500 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 700 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 700 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* DM Sans normal 900 - latin-ext */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* DM Sans normal 900 - latin */ +@font-face { + font-family: 'DM Sans'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('assets/fonts/dmsans-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 400 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('assets/fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 400 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('assets/fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 500 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('assets/fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 500 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('assets/fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* Inter normal 600 - latin-ext */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('assets/fonts/inter-normal-latinext.woff2') format('woff2'); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* Inter normal 600 - latin */ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('assets/fonts/inter-normal-latin.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* ── Tokens ── */ +:root { + /* Brand */ + --red: #E8352A; + --red-dark: #C0261C; + --red-hot: #FF5A4A; + --red-glow: rgba(232,53,42,.28); + --red-subtle: rgba(232,53,42,.07); + --coral: #FF6B5B; + + /* Dark palette */ + --ink: #09111F; + --ink-mid: #101828; + --ink-card: #162035; + --ink-border: rgba(255,255,255,.07); + + /* Light palette */ + --white: #FFFFFF; + --off-white: #F8FAFC; + --grey-50: #F1F5F9; + --grey-100: #E2E8F0; + --grey-200: #CBD5E1; + --grey-400: #94A3B8; + --grey-600: #475569; + --grey-800: #1E293B; + + /* Accent */ + --blue: #3B9EE8; + --green: #22C55E; + --amber: #F59E0B; + --purple: #8B5CF6; + + /* Typography */ + --font-head: 'DM Sans', system-ui, sans-serif; + --font-body: 'Inter', system-ui, sans-serif; + + /* Spacing */ + --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px; + --sp-5: 32px; --sp-6: 48px; --sp-8: 64px; + --sp-10: 80px; --sp-12: 96px; --sp-16: 128px; + + /* Radius */ + --r-sm: 6px; --r-md: 10px; --r-lg: 16px; + --r-xl: 20px; --r-2xl: 28px; --r-full: 9999px; + + /* Shadows */ + --shadow-sm: 0 2px 8px rgba(9,17,31,.08); + --shadow-md: 0 8px 24px rgba(9,17,31,.10), 0 2px 8px rgba(9,17,31,.06); + --shadow-lg: 0 20px 56px rgba(9,17,31,.13), 0 4px 16px rgba(9,17,31,.07); + --shadow-xl: 0 32px 80px rgba(9,17,31,.18), 0 8px 24px rgba(9,17,31,.10); + --shadow-red: 0 12px 40px rgba(232,53,42,.40); + --shadow-card: 0 1px 3px rgba(9,17,31,.06), 0 4px 16px rgba(9,17,31,.06); + + /* Transitions */ + --ease-out: cubic-bezier(.22,1,.36,1); + --ease-spring: cubic-bezier(.22,.68,0,1.2); + --trans: .18s ease; + --trans-md: .28s var(--ease-out); + + --max-w: 1180px; +} + +/* ── Reset ── */ +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } +html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } +body { + font-family: var(--font-body); + font-size: 16px; + line-height: 1.7; + color: var(--grey-800); + background: var(--white); + -webkit-font-smoothing: antialiased; +} +img { max-width: 100%; height: auto; display: block; } +a { color: var(--blue); text-decoration: none; transition: color var(--trans); } +a:hover { color: var(--ink); } +ul { list-style: none; } + +/* ── Layout ── */ +.container { + width: 100%; + max-width: var(--max-w); + margin: 0 auto; + padding: 0 var(--sp-4); +} +.section { padding: var(--sp-12) 0; } +.section--alt { background: var(--off-white); } +.section--dark { background: var(--ink); } +.text-center { text-align: center; } +.mb-6 { margin-bottom: var(--sp-6); } +.mb-8 { margin-bottom: var(--sp-8); } +.mt-4 { margin-top: var(--sp-4); } + +/* ── Typography ── */ +h1, h2, h3, h4 { + font-family: var(--font-head); + letter-spacing: -0.03em; + line-height: 1.05; + color: var(--ink); +} +h1 { font-size: clamp(48px, 7vw, 92px); font-weight: 900; } +h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 800; } +h3 { font-size: clamp(18px, 2vw, 22px); font-weight: 700; letter-spacing: -0.02em; } +h4 { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; } +p { margin-bottom: var(--sp-3); } +p:last-child { margin-bottom: 0; } + +.eyebrow { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-head); + font-size: 11px; + font-weight: 700; + letter-spacing: .18em; + text-transform: uppercase; + color: var(--red); + margin-bottom: var(--sp-3); +} +.eyebrow::before { + content: ''; + width: 20px; height: 2px; + background: linear-gradient(90deg, var(--red), var(--coral)); + flex-shrink: 0; + border-radius: 2px; +} + +.section-subtitle { + font-size: 18px; + color: var(--grey-600); + max-width: 520px; + margin: var(--sp-2) auto var(--sp-8); + line-height: 1.65; + font-weight: 400; +} + +.inline-link { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } +.inline-link:hover { color: var(--red-dark); } + +.large { + font-size: 18px; + line-height: 1.75; + color: var(--grey-600); +} + + +/* ══════════════════════════════════════════════ + BUTTONS +══════════════════════════════════════════════ */ +.btn { + display: inline-flex; + align-items: center; + gap: 8px; + font-family: var(--font-head); + font-size: 13px; + font-weight: 700; + letter-spacing: .07em; + text-transform: uppercase; + padding: 14px 28px; + border-radius: var(--r-lg); + border: 1.5px solid transparent; + cursor: pointer; + transition: all var(--trans-md); + white-space: nowrap; + text-decoration: none; + position: relative; + overflow: hidden; +} +.btn svg { flex-shrink: 0; } + +.btn-primary { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); + border-color: transparent; + box-shadow: 0 4px 14px var(--red-glow); +} +.btn-primary:hover { + background: linear-gradient(135deg, var(--coral), var(--red-dark)); + color: var(--white); + box-shadow: var(--shadow-red); + transform: translateY(-2px); +} + +.btn-secondary { + background: var(--white); + color: var(--ink); + border-color: var(--grey-200); + box-shadow: var(--shadow-sm); +} +.btn-secondary:hover { + border-color: var(--ink); + background: var(--ink); + color: var(--white); + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} + +.btn-outline-light { + background: rgba(255,255,255,.1); + color: var(--white); + border-color: rgba(255,255,255,.25); +} +.btn-outline-light:hover { + background: rgba(255,255,255,.2); + border-color: rgba(255,255,255,.6); + color: var(--white); + transform: translateY(-2px); +} + +.btn-lg { font-size: 14px; padding: 17px 38px; } +.btn-sm { font-size: 11px; padding: 9px 18px; border-radius: var(--r-md); } + + +/* ══════════════════════════════════════════════ + NAVIGATION +══════════════════════════════════════════════ */ +.nav { + position: sticky; + top: 0; + z-index: 1000; + background: rgba(255,255,255,.88); + backdrop-filter: blur(20px) saturate(180%); + -webkit-backdrop-filter: blur(20px) saturate(180%); + border-bottom: 1px solid var(--grey-100); + transition: box-shadow .3s ease, background .3s ease; +} +.nav::before { + content: ''; + position: absolute; + top: 0; left: 0; right: 0; + height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red), var(--purple), var(--blue)); +} +.nav.scrolled { + box-shadow: 0 4px 24px rgba(9,17,31,.10); + background: rgba(255,255,255,.96); +} + +.nav__inner { + display: flex; + align-items: center; + justify-content: space-between; + height: 64px; +} + +.nav__logo img { height: 34px; width: auto; } + +.nav__links { + display: flex; + align-items: center; + gap: 2px; + list-style: none; +} + +.nav__links > li > a, +.nav__links > li > button.nav__trigger { + font-family: var(--font-head); + font-size: 13.5px; + font-weight: 600; + color: var(--grey-600); + background: none; + border: none; + cursor: pointer; + padding: 7px 12px; + border-radius: var(--r-md); + display: inline-flex; + align-items: center; + gap: 5px; + transition: all var(--trans); + white-space: nowrap; + letter-spacing: .01em; +} +.nav__links > li > a:hover, +.nav__links > li > button.nav__trigger:hover { + color: var(--ink); + background: var(--grey-50); +} +.nav__links > li > a.active, +.nav__links > li > button.nav__trigger[aria-expanded="true"] { + color: var(--red); + background: var(--red-subtle); +} + +.nav__trigger svg { color: var(--grey-400); transition: transform .2s ease; } +.nav__trigger[aria-expanded="true"] svg { transform: rotate(180deg); color: var(--red); } + +.nav__dropdown { position: relative; } +.nav__dropdown-menu { + display: none; + position: absolute; + top: calc(100% + 12px); + left: -12px; + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + box-shadow: var(--shadow-xl); + min-width: 264px; + list-style: none; + z-index: 400; + padding: 8px; + animation: panelIn .2s var(--ease-out) both; +} +.nav__dropdown-menu.open { display: block; } + +@keyframes panelIn { + from { opacity: 0; transform: translateY(-10px) scale(.97); } + to { opacity: 1; transform: translateY(0) scale(1); } +} + +.nav__dropdown-menu li a { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 14px; + font-size: 13.5px; + color: var(--grey-600); + border-radius: var(--r-md); + transition: all var(--trans); + font-family: var(--font-head); + font-weight: 500; +} +.nav__dropdown-menu li a:hover { background: var(--grey-50); color: var(--ink); } +.nav__dropdown-menu li a .menu-price { + font-size: 11px; font-weight: 700; color: var(--red); + background: var(--red-subtle); padding: 2px 8px; border-radius: var(--r-full); +} +.nav__menu-group { + font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; + color: var(--grey-400); padding: 8px 14px 4px; pointer-events: none; +} +.nav__menu-divider { + height: 1px; background: var(--grey-100); margin: 6px 8px; +} + +.nav__cta { display: flex; align-items: center; gap: var(--sp-2); } +.nav__burger { + display: none; background: none; border: none; cursor: pointer; + padding: 10px; color: var(--ink); border-radius: var(--r-md); + transition: background var(--trans); + min-width: 44px; min-height: 44px; + align-items: center; justify-content: center; +} +.nav__burger:hover { background: var(--grey-50); } +.nav__cta-mobile { display: none; } + +@media (max-width: 820px) { + .nav__links { display: none; } + .nav__cta .btn { display: none; } + .nav__burger { display: flex; } + .nav__links.nav--open { + display: flex; flex-direction: column; align-items: stretch; + position: fixed; top: 66px; left: 0; right: 0; bottom: 0; + background: var(--white); padding: var(--sp-3) var(--sp-4) var(--sp-8); + gap: 2px; overflow-y: auto; z-index: 999; + border-top: 1px solid var(--grey-100); + } + .nav__links.nav--open > li > a, + .nav__links.nav--open > li > button.nav__trigger { + width: 100%; justify-content: space-between; font-size: 15px; + padding: 14px 16px; border-radius: var(--r-md); color: var(--ink); + } + .nav__dropdown-menu { + position: static; box-shadow: none; border: none; + background: var(--grey-50); border-radius: var(--r-md); + padding: 6px; margin: 4px 0; animation: none; + } + .nav__dropdown-menu.open { display: block; } + .nav__dropdown-menu li a { border-radius: var(--r-md); } + .nav__cta-mobile { + display: flex !important; flex-direction: column; gap: var(--sp-2); + margin-top: var(--sp-4); padding-top: var(--sp-4); + border-top: 1px solid var(--grey-100); + } + .nav__cta-mobile .btn { display: flex; justify-content: center; width: 100%; } +} + + +/* ══════════════════════════════════════════════ + HERO — FULL DRAMA +══════════════════════════════════════════════ */ +.hero { + background: var(--ink); + padding: var(--sp-16) 0 0; + overflow: hidden; + position: relative; +} + +/* Background grid */ +.hero__grid-bg { + position: absolute; inset: 0; + background-image: + linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), + linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); + background-size: 56px 56px; + pointer-events: none; +} +/* Ambient glows */ +.hero::before { + content: ''; + position: absolute; top: -300px; left: -300px; + width: 900px; height: 900px; + background: radial-gradient(circle, rgba(232,53,42,.10) 0%, transparent 60%); + pointer-events: none; +} +.hero::after { + content: ''; + position: absolute; bottom: 0; right: -200px; + width: 700px; height: 700px; + background: radial-gradient(circle, rgba(59,158,232,.07) 0%, transparent 60%); + pointer-events: none; +} + +.hero__inner { + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--sp-10); + align-items: center; + position: relative; + z-index: 1; +} + +/* Label pill */ +.hero__label { + display: inline-flex; align-items: center; gap: 8px; + background: rgba(232,53,42,.12); + border: 1px solid rgba(232,53,42,.28); + color: #FF9080; + font-family: var(--font-head); font-size: 11px; font-weight: 700; + letter-spacing: .13em; text-transform: uppercase; + padding: 6px 14px; border-radius: var(--r-full); + margin-bottom: var(--sp-5); +} +.hero__label svg { flex-shrink: 0; } + +.hero__content h1 { + color: var(--white); + margin-bottom: var(--sp-5); + font-weight: 900; + line-height: 1.0; + letter-spacing: -0.04em; +} +/* Gradient text accent */ +.hero__content h1 .accent { + background: linear-gradient(135deg, var(--coral) 0%, var(--red) 40%, #C92020 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +.hero__lead { + font-size: 18px; + color: rgba(255,255,255,.6); + margin-bottom: var(--sp-6); + line-height: 1.65; + max-width: 460px; +} + +.hero__actions { + display: flex; gap: var(--sp-3); + flex-wrap: wrap; align-items: center; + margin-bottom: var(--sp-8); +} + +/* Trust row */ +.hero__trust { + display: flex; gap: var(--sp-5); flex-wrap: wrap; + padding-top: var(--sp-4); + border-top: 1px solid rgba(255,255,255,.08); +} +.hero__trust-item { + display: flex; align-items: center; gap: 7px; + font-size: 13px; color: rgba(255,255,255,.5); + font-family: var(--font-head); font-weight: 600; +} +.hero__trust-item svg { color: var(--green); flex-shrink: 0; } + +/* Photo side */ +.hero__visual { + position: relative; + padding-bottom: var(--sp-8); +} + +.hero__photo-frame { + border-radius: var(--r-2xl); + overflow: hidden; + position: relative; + box-shadow: 0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06); + aspect-ratio: 4/3; +} +.hero__photo-frame::before { + content: ''; + position: absolute; inset: 0; + background: linear-gradient(180deg, transparent 40%, rgba(9,17,31,.4) 100%); + z-index: 1; + pointer-events: none; +} +.hero__photo-frame img { + width: 100%; height: 100%; + object-fit: cover; object-position: top center; + display: block; + filter: brightness(1.05) contrast(1.02); +} + +/* Floating badge — experience */ +.hero__badge { + position: absolute; + bottom: var(--sp-8); left: -var(--sp-5); + left: -20px; + background: var(--white); + border-radius: var(--r-lg); + padding: 14px 18px; + box-shadow: var(--shadow-xl); + display: flex; align-items: center; gap: 12px; + min-width: 210px; + z-index: 10; + animation: float 4s ease-in-out infinite; +} +@keyframes float { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-6px); } +} +.hero__badge-icon { + width: 40px; height: 40px; + background: linear-gradient(135deg, var(--red-subtle), rgba(232,53,42,.14)); + border-radius: var(--r-md); + display: flex; align-items: center; justify-content: center; + color: var(--red); flex-shrink: 0; +} +.hero__badge-text strong { + display: block; font-family: var(--font-head); font-size: 13px; + font-weight: 700; color: var(--ink); line-height: 1.3; +} +.hero__badge-text span { font-size: 11px; color: var(--grey-400); } + +/* Floating proof card — review */ +.hero__proof-card { + position: absolute; + top: var(--sp-5); right: -var(--sp-5); + right: -20px; + background: linear-gradient(135deg, var(--ink-card), var(--ink-mid)); + border: 1px solid var(--ink-border); + border-radius: var(--r-lg); + padding: 14px 18px; + box-shadow: var(--shadow-xl); + z-index: 10; + max-width: 200px; + animation: float 4s ease-in-out infinite reverse; + animation-delay: .8s; +} +.hero__proof-stars { color: #FBBF24; font-size: 13px; letter-spacing: 1px; margin-bottom: 6px; } +.hero__proof-quote { + font-size: 12px; color: rgba(255,255,255,.75); + line-height: 1.5; margin-bottom: 8px; font-style: italic; +} +.hero__proof-author { font-size: 11px; color: rgba(255,255,255,.4); font-family: var(--font-head); font-weight: 600; } + +/* Hero wave to next section */ +.hero-bottom { + position: relative; + z-index: 1; + margin-top: var(--sp-10); +} +.hero-bottom svg { display: block; width: 100%; } + + +@media (max-width: 960px) { + .hero { padding: var(--sp-12) 0 0; } + .hero__inner { grid-template-columns: 1fr; gap: var(--sp-6); } + .hero__visual { order: -1; padding-bottom: var(--sp-6); } + .hero__lead { max-width: 100%; } + .hero__proof-card { right: 0; top: var(--sp-3); } + .hero__badge { left: 0; } +} +@media (max-width: 520px) { + .hero__actions { flex-direction: column; } + .hero__actions .btn { width: 100%; justify-content: center; } + .hero__proof-card { display: none; } +} + + +/* ══════════════════════════════════════════════ + STATS — DARK, MASSIVE NUMBERS +══════════════════════════════════════════════ */ +.stats { + background: var(--ink-mid); + padding: var(--sp-10) 0; + border-bottom: 1px solid var(--ink-border); +} +.stats__grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + text-align: center; +} +.stats__item { + padding: var(--sp-4) var(--sp-3); + position: relative; +} +.stats__item:not(:last-child)::after { + content: ''; + position: absolute; right: 0; top: 50%; + transform: translateY(-50%); + width: 1px; height: 48px; + background: var(--ink-border); +} +.stats__item strong { + display: block; + font-family: var(--font-head); + font-size: clamp(40px, 5vw, 64px); + font-weight: 900; + letter-spacing: -0.05em; + line-height: 1; + margin-bottom: 8px; + background: linear-gradient(135deg, var(--white) 0%, rgba(255,255,255,.7) 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} +.stats__item span { + font-size: 11px; color: rgba(255,255,255,.35); + font-family: var(--font-head); font-weight: 700; + letter-spacing: .12em; text-transform: uppercase; +} +@media (max-width: 640px) { .stats__grid { grid-template-columns: repeat(2,1fr); } } + + +/* ══════════════════════════════════════════════ + FEATURE STRIP +══════════════════════════════════════════════ */ +.feature-strip { + padding: var(--sp-4) 0; + border-bottom: 1px solid var(--grey-100); + background: var(--off-white); +} +.feature-strip__grid { + display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); + justify-content: center; align-items: center; +} +.feature-strip__item { + display: flex; align-items: center; gap: 7px; + font-size: 13px; color: var(--grey-600); + font-family: var(--font-head); font-weight: 600; +} +.feature-strip__item svg { color: var(--green); flex-shrink: 0; } + + +/* ══════════════════════════════════════════════ + SERVICES — BENTO GRID +══════════════════════════════════════════════ */ +.services__bento { + display: grid; + grid-template-columns: repeat(12, 1fr); + grid-template-rows: auto auto; + gap: 16px; +} + +/* Default card: spans 3 of 12 cols (4 per row) */ +.bento-card { + grid-column: span 3; + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-6) var(--sp-5); + position: relative; + overflow: hidden; + transition: transform var(--trans-md), box-shadow var(--trans-md); + box-shadow: var(--shadow-card); +} +.bento-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-lg); +} +/* Shimmer hover line */ +.bento-card::after { + content: ''; + position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red), var(--purple)); + opacity: 0; + transition: opacity var(--trans-md); +} +.bento-card:hover::after { opacity: 1; } + +/* Featured: Managed WordPress spans 8 cols */ +.bento-card--featured { + grid-column: span 8; + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border-color: var(--ink-border); + color: var(--white); +} +.bento-card--featured::after { + opacity: 0; +} +.bento-card--featured:hover { + transform: translateY(-4px); + box-shadow: 0 32px 80px rgba(9,17,31,.4), 0 0 0 1px rgba(255,255,255,.06); +} +/* Gradient border on featured */ +.bento-card--featured::before { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.5), rgba(139,92,246,.3), rgba(59,158,232,.2)); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + pointer-events: none; +} +/* Glow blob inside featured */ +.bento-card--featured .bento-glow { + position: absolute; top: -80px; right: -80px; + width: 300px; height: 300px; + background: radial-gradient(circle, rgba(232,53,42,.18) 0%, transparent 65%); + pointer-events: none; +} + +/* SOS (spans 4) */ +.bento-card--sos { + grid-column: span 4; + background: linear-gradient(145deg, #FFF8F7, #FFF2F0); + border-color: rgba(232,53,42,.15); +} +.bento-card--sos::after { + background: linear-gradient(90deg, var(--red), var(--coral)); +} + +/* Icon */ +.bento-icon { + width: 48px; height: 48px; + border-radius: var(--r-lg); + display: flex; align-items: center; justify-content: center; + margin-bottom: var(--sp-4); + flex-shrink: 0; +} +.bento-icon--dark { + background: rgba(255,255,255,.1); + color: var(--white); +} +.bento-icon--red { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); + box-shadow: 0 4px 14px var(--red-glow); +} +.bento-icon--grey { + background: var(--grey-50); + color: var(--grey-600); +} +.bento-icon--blue { + background: rgba(59,158,232,.1); + color: var(--blue); +} +.bento-icon--purple { + background: rgba(139,92,246,.1); + color: var(--purple); +} +.bento-icon--green { + background: rgba(34,197,94,.1); + color: var(--green); +} + +.bento-card h3 { margin-bottom: var(--sp-2); } +.bento-card--featured h3 { color: var(--white); font-size: 26px; } +.bento-card--featured .bento-lead { color: rgba(255,255,255,.6); font-size: 15px; line-height: 1.65; } +.bento-card--featured .bento-price { + font-family: var(--font-head); font-weight: 900; + font-size: 48px; letter-spacing: -0.04em; + color: var(--white); line-height: 1; margin: var(--sp-5) 0 var(--sp-2); +} +.bento-card--featured .bento-price span { + font-size: 16px; font-weight: 400; color: rgba(255,255,255,.45); letter-spacing: 0; +} + +.bento-card p { font-size: 14px; color: var(--grey-600); line-height: 1.65; } +.bento-card--sos p { color: var(--grey-600); } + +.bento-price-badge { + display: inline-flex; align-items: center; gap: 4px; + background: var(--red-subtle); border: 1px solid rgba(232,53,42,.15); + color: var(--red); font-family: var(--font-head); font-weight: 700; + font-size: 13px; padding: 5px 12px; border-radius: var(--r-full); + margin-bottom: var(--sp-3); +} + +.bento-features { + list-style: none; margin: var(--sp-4) 0; +} +.bento-features li { + display: flex; align-items: center; gap: 8px; + font-size: 13px; color: rgba(255,255,255,.65); + padding: 5px 0; + font-family: var(--font-head); font-weight: 500; +} +.bento-features li svg { color: var(--green); flex-shrink: 0; } + +/* Row 2: three equal cards (span 4 each) */ +.bento-card--wide { grid-column: span 4; } +/* Row 3: two equal cards (span 6 each) */ +.bento-card--half { grid-column: span 6; } + +@media (max-width: 860px) { + .bento-card--featured { grid-column: span 12; } + .bento-card--sos { grid-column: span 12; } + .bento-card--wide { grid-column: span 6; } + .bento-card--half { grid-column: span 6; } + .bento-card { grid-column: span 6; } +} +@media (max-width: 560px) { + .services__bento > * { grid-column: span 12; } +} + + +/* ══════════════════════════════════════════════ + WHY / STORY +══════════════════════════════════════════════ */ +.why__grid { + display: grid; + grid-template-columns: 5fr 7fr; + gap: var(--sp-10); + align-items: center; +} +.why__image { + position: relative; +} +.why__image img { + border-radius: var(--r-2xl); + width: 100%; + object-fit: cover; + box-shadow: var(--shadow-xl); +} +.why__image::before { + content: ''; + position: absolute; inset: -1px; + border-radius: calc(var(--r-2xl) + 1px); + background: linear-gradient(135deg, rgba(232,53,42,.3), rgba(139,92,246,.2), rgba(59,158,232,.15)); + padding: 1px; + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; + z-index: 0; +} +.why__content { } +.why__content p.large { margin-bottom: var(--sp-4); } + +.why__points { + list-style: none; + margin: var(--sp-5) 0 var(--sp-6); + display: flex; flex-direction: column; gap: 12px; +} +.why__points li { + display: flex; align-items: flex-start; gap: 10px; + font-size: 14px; color: var(--grey-800); + font-family: var(--font-head); font-weight: 600; +} +.why__points li svg { color: var(--green); flex-shrink: 0; margin-top: 2px; } + +@media (max-width: 860px) { + .why__grid { grid-template-columns: 1fr; } +} + + +/* ══════════════════════════════════════════════ + PORTFOLIO +══════════════════════════════════════════════ */ +.portfolio__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; +} +.portfolio-card { + border-radius: var(--r-xl); + overflow: hidden; + background: var(--grey-100); + position: relative; + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); + cursor: pointer; +} +.portfolio-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } +.portfolio-card__image { + aspect-ratio: 4/3; + overflow: hidden; +} +.portfolio-card__image img { + width: 100%; height: 100%; object-fit: cover; + transition: transform .4s var(--ease-out); +} +.portfolio-card:hover .portfolio-card__image img { transform: scale(1.06); } +.portfolio-card__info { + padding: 14px 18px; + background: var(--white); + border-top: 1px solid var(--grey-100); +} +.portfolio-card__info h4 { color: var(--ink); margin-bottom: 3px; } +.portfolio-card__info span { font-size: 12px; color: var(--grey-400); font-family: var(--font-head); font-weight: 600; letter-spacing: .05em; } + +@media (max-width: 768px) { .portfolio__grid { grid-template-columns: repeat(2,1fr); } } +@media (max-width: 480px) { .portfolio__grid { grid-template-columns: 1fr; } } + + +/* ══════════════════════════════════════════════ + PRICING +══════════════════════════════════════════════ */ +.pricing__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + align-items: start; +} +.pricing-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-6); + position: relative; + transition: transform var(--trans-md), box-shadow var(--trans-md); + box-shadow: var(--shadow-card); +} +.pricing-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } + +/* Featured */ +.pricing-card--featured { + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); + border-color: var(--ink-border); + transform: translateY(-8px); + box-shadow: var(--shadow-xl), 0 0 0 1px rgba(232,53,42,.3); +} +.pricing-card--featured::before { + content: ''; + position: absolute; inset: 0; + border-radius: var(--r-xl); + padding: 1px; + background: linear-gradient(135deg, rgba(232,53,42,.6), rgba(139,92,246,.4), transparent); + -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + mask-composite: exclude; +} +.pricing-card--featured:hover { + transform: translateY(-12px); + box-shadow: var(--shadow-xl), 0 0 0 1px rgba(232,53,42,.4), 0 0 60px rgba(232,53,42,.15); +} +.pricing-card--featured h3 { color: var(--white); } +.pricing-card--featured .pricing-card__desc { color: rgba(255,255,255,.5); } +.pricing-card--featured .pricing-card__price strong { color: var(--white); } +.pricing-card--featured .pricing-card__price span { color: rgba(255,255,255,.4); } +.pricing-card--featured .pricing-card__features li { color: rgba(255,255,255,.7); } +.pricing-card--featured .pricing-card__features li svg { color: var(--green); } +.pricing-card--featured .pricing-card__features li.excluded { color: rgba(255,255,255,.25); } + +.pricing-card__badge { + position: absolute; top: -12px; left: 50%; transform: translateX(-50%); + background: linear-gradient(135deg, var(--red-hot), var(--red)); + color: var(--white); font-family: var(--font-head); font-weight: 700; + font-size: 12px; letter-spacing: .1em; text-transform: uppercase; + padding: 4px 14px; border-radius: var(--r-full); + box-shadow: 0 4px 12px var(--red-glow); + white-space: nowrap; +} + +.pricing-card h3 { margin-bottom: 6px; } +.pricing-card__desc { font-size: 14px; color: var(--grey-600); margin-bottom: var(--sp-4); } +.pricing-card__price { margin-bottom: var(--sp-5); } +.pricing-card__price strong { font-family: var(--font-head); font-size: 48px; font-weight: 900; letter-spacing: -0.04em; color: var(--ink); line-height: 1; } +.pricing-card__price span { font-size: 14px; color: var(--grey-400); font-family: var(--font-head); } +.pricing-card__features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: var(--sp-6); } +.pricing-card__features li { + display: flex; align-items: center; gap: 9px; + font-size: 14px; color: var(--grey-800); font-family: var(--font-head); font-weight: 500; +} +.pricing-card__features li svg { flex-shrink: 0; } +.pricing-card__features li.excluded { color: var(--grey-400); } + +@media (max-width: 860px) { + .pricing__grid { grid-template-columns: 1fr; } + .pricing-card--featured { transform: none; } + .pricing-card--featured:hover { transform: translateY(-4px); } +} + + +/* ══════════════════════════════════════════════ + TESTIMONIALS — STAGGERED +══════════════════════════════════════════════ */ +.testimonials__grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + align-items: start; +} +.testimonial-card:nth-child(2) { margin-top: 40px; } +.testimonial-card:nth-child(3) { margin-top: 80px; } + +.testimonial-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-5); + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); +} +.testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } +.testimonial-card__stars { color: #FBBF24; font-size: 16px; margin-bottom: var(--sp-3); letter-spacing: 2px; } +.testimonial-card__text { + font-size: 15px; color: var(--grey-600); line-height: 1.7; + margin-bottom: var(--sp-4); font-style: italic; +} +.testimonial-card__author { + display: flex; align-items: center; gap: 12px; + padding-top: var(--sp-3); border-top: 1px solid var(--grey-100); +} +.testimonial-card__avatar { + width: 40px; height: 40px; border-radius: 50%; + background: linear-gradient(135deg, var(--red), var(--purple)); + color: var(--white); display: flex; align-items: center; justify-content: center; + font-family: var(--font-head); font-weight: 700; font-size: 16px; flex-shrink: 0; +} +.testimonial-card__author strong { display: block; font-size: 14px; color: var(--ink); } +.testimonial-card__author span { font-size: 12px; color: var(--grey-400); } + +@media (max-width: 768px) { + .testimonials__grid { grid-template-columns: 1fr; } + .testimonial-card:nth-child(2), + .testimonial-card:nth-child(3) { margin-top: 0; } +} + + +/* ══════════════════════════════════════════════ + FAQ +══════════════════════════════════════════════ */ +.faq__list { max-width: 720px; margin: 0 auto; } + +.faq-item { + border-bottom: 1px solid var(--grey-100); + transition: background var(--trans); +} +.faq-item:first-child { border-top: 1px solid var(--grey-100); } +.faq-item[open] { + background: var(--off-white); + border-radius: var(--r-md); + margin: 4px 0; +} + +summary.faq-item__question { + list-style: none; + display: flex; align-items: center; justify-content: space-between; + padding: var(--sp-4) var(--sp-3); + cursor: pointer; + font-family: var(--font-head); font-size: 16px; font-weight: 600; + color: var(--ink); gap: var(--sp-4); user-select: none; + transition: color var(--trans); +} +summary.faq-item__question::-webkit-details-marker { display: none; } +summary.faq-item__question::marker { display: none; } +summary.faq-item__question:hover { color: var(--red); } + +.faq-item__icon { + flex-shrink: 0; width: 28px; height: 28px; + border: 1.5px solid var(--grey-200); border-radius: 50%; + display: flex; align-items: center; justify-content: center; + color: var(--grey-600); transition: all .22s ease; pointer-events: none; +} +.faq-item[open] .faq-item__icon { + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-color: transparent; color: var(--white); transform: rotate(45deg); +} + +.faq-item__answer { + padding: 0 var(--sp-3) var(--sp-5); + color: var(--grey-600); font-size: 15px; line-height: 1.75; + max-width: 680px; +} +.faq-item__answer a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } + + +/* ══════════════════════════════════════════════ + CTA BAND +══════════════════════════════════════════════ */ +.cta-band { + background: linear-gradient(135deg, var(--ink) 0%, var(--ink-mid) 100%); + padding: var(--sp-12) 0; + position: relative; + overflow: hidden; +} +.cta-band::before { + content: ''; + position: absolute; top: -200px; left: -200px; + width: 600px; height: 600px; + background: radial-gradient(circle, rgba(232,53,42,.12) 0%, transparent 60%); + pointer-events: none; +} +.cta-band::after { + content: ''; + position: absolute; bottom: -150px; right: -150px; + width: 500px; height: 500px; + background: radial-gradient(circle, rgba(139,92,246,.08) 0%, transparent 60%); + pointer-events: none; +} +.cta-band__content { + text-align: center; + position: relative; z-index: 1; + max-width: 620px; margin: 0 auto; +} +.cta-band__content h2 { color: var(--white); margin-bottom: var(--sp-3); } +.cta-band__content p { color: rgba(255,255,255,.55); font-size: 17px; margin-bottom: var(--sp-6); } +.cta-band__actions { display: flex; gap: var(--sp-3); justify-content: center; flex-wrap: wrap; } + + +/* ══════════════════════════════════════════════ + FOOTER +══════════════════════════════════════════════ */ +.footer { + background: var(--ink); + border-top: 1px solid var(--ink-border); + padding: var(--sp-12) 0 var(--sp-5); +} +.footer__grid { + display: grid; + grid-template-columns: 2fr 1fr 1fr 1fr; + gap: var(--sp-8); + padding-bottom: var(--sp-8); + border-bottom: 1px solid var(--ink-border); +} +.footer__brand img { opacity: .85; margin-bottom: var(--sp-3); } +.footer__brand p { font-size: 13px; color: rgba(255,255,255,.4); line-height: 1.65; } +.footer__col h4 { color: rgba(255,255,255,.8); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: var(--sp-3); } +.footer__links { list-style: none; display: flex; flex-direction: column; gap: 10px; } +.footer__links a { font-size: 14px; color: rgba(255,255,255,.45); font-family: var(--font-head); font-weight: 500; transition: color var(--trans); padding: 6px 0; display: inline-block; } +.footer__links a:hover { color: var(--white); } +.footer__bottom { + padding-top: var(--sp-4); + display: flex; justify-content: space-between; align-items: center; + flex-wrap: wrap; gap: var(--sp-2); + font-size: 13px; color: rgba(255,255,255,.3); font-family: var(--font-head); +} +.footer__bottom a { color: rgba(255,255,255,.4); } +.footer__bottom a:hover { color: var(--white); } + +@media (max-width: 860px) { + .footer__grid { grid-template-columns: 1fr 1fr; } + .footer__brand { grid-column: span 2; } +} +@media (max-width: 480px) { + .footer__grid { grid-template-columns: 1fr; } + .footer__brand { grid-column: span 1; } +} + + +/* ══════════════════════════════════════════════ + COMPARISON TABLE (managed-wordpress page) +══════════════════════════════════════════════ */ +.comparison-table { width: 100%; border-collapse: collapse; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); } +.comparison-table th, .comparison-table td { padding: 14px 20px; text-align: left; font-size: 14px; font-family: var(--font-head); } +.comparison-table thead { background: var(--ink); color: var(--white); } +.comparison-table tbody tr:nth-child(odd) { background: var(--off-white); } +.comparison-table tbody tr:nth-child(even) { background: var(--white); } +.comparison-table td:first-child { font-weight: 600; color: var(--grey-800); } +.comparison-table .check { color: var(--green); font-size: 18px; } +.comparison-table .cross { color: var(--grey-300); font-size: 16px; } +.comparison-table .highlight-col { font-weight: 700; color: var(--red); } + + +/* ══════════════════════════════════════════════ + SCROLL REVEAL +══════════════════════════════════════════════ */ +.reveal { + opacity: 0; + transform: translateY(24px); + transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); +} +.reveal.visible { opacity: 1; transform: none; } + +.stagger > * { + opacity: 0; + transform: translateY(20px); + transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); +} +.stagger.visible > * { opacity: 1; transform: none; } +.stagger.visible > *:nth-child(1) { transition-delay: 0s; } +.stagger.visible > *:nth-child(2) { transition-delay: .08s; } +.stagger.visible > *:nth-child(3) { transition-delay: .16s; } +.stagger.visible > *:nth-child(4) { transition-delay: .24s; } +.stagger.visible > *:nth-child(5) { transition-delay: .32s; } +.stagger.visible > *:nth-child(6) { transition-delay: .40s; } + +@media (prefers-reduced-motion: reduce) { + .reveal, .stagger > * { transition: none; opacity: 1; transform: none; } +} + + +/* ══════════════════════════════════════════════ + MISC UTILITY +══════════════════════════════════════════════ */ +.service-card__price, .large { } + +/* Back to top */ +#back-to-top { + position: fixed; bottom: 24px; right: 24px; width: 44px; height: 44px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border: none; border-radius: 50%; color: #fff; cursor: pointer; + display: flex; align-items: center; justify-content: center; + opacity: 0; transition: opacity .3s ease, transform .2s ease; + box-shadow: 0 8px 24px var(--red-glow); + pointer-events: none; +} +#back-to-top.visible { opacity: 1; pointer-events: auto; } +#back-to-top:hover { transform: translateY(-2px); } + + +/* ══════════════════════════════════════════════ + PAGE HERO (interior pages) +══════════════════════════════════════════════ */ +.page-hero { + background: var(--ink); + padding: var(--sp-10) 0 var(--sp-8); + position: relative; + overflow: hidden; +} +.page-hero::before { + content: ''; + position: absolute; top: -200px; left: -200px; + width: 600px; height: 600px; + background: radial-gradient(circle, rgba(232,53,42,.09) 0%, transparent 60%); + pointer-events: none; +} +.page-hero h1 { + color: var(--white); + max-width: 700px; + font-size: clamp(36px, 5vw, 64px); + margin-top: var(--sp-3); +} +.page-hero .eyebrow { margin-top: var(--sp-4); } + +/* Breadcrumb */ +.breadcrumb ol { + display: flex; align-items: center; gap: 8px; + list-style: none; font-size: 13px; font-family: var(--font-head); font-weight: 600; +} +.breadcrumb ol li { color: rgba(255,255,255,.4); } +.breadcrumb ol li a { color: rgba(255,255,255,.5); } +.breadcrumb ol li a:hover { color: var(--white); } +.breadcrumb ol li + li::before { content: '/'; margin-right: 8px; opacity: .3; } + +/* Section dark variant */ +.section--dark { + background: var(--ink); + color: var(--white); +} +.section--dark h2 { color: var(--white); } +.section--dark .eyebrow { color: rgba(255,255,255,.5); } +.section--dark .eyebrow::before { background: rgba(255,255,255,.3); } + +/* Numbers on dark — override stats colours */ +.stats-section-light .stats__grid { + /* use on light backgrounds */ +} +.stats-section-light .stats__item strong { + background: linear-gradient(135deg, var(--ink) 0%, var(--grey-600) 100%); + -webkit-background-clip: text; background-clip: text; + -webkit-text-fill-color: transparent; +} +.stats-section-light .stats__item span { + color: var(--grey-400); +} +.stats-section-light .stats__item:not(:last-child)::after { + background: var(--grey-200); +} + +/* Team cards */ +.team__grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--sp-6); + margin-top: var(--sp-8); +} +.team-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-2xl); + overflow: hidden; + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); +} +.team-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } + +.team-card__image { + aspect-ratio: 1/1; + overflow: hidden; + background: var(--grey-50); + position: relative; +} +.team-card__image img { + width: 100%; height: 100%; object-fit: cover; object-position: center top; + transition: transform .4s var(--ease-out); +} +.team-card:hover .team-card__image img { transform: scale(1.04); } + +.team-card__anon { + width: 100%; height: 100%; + display: flex; align-items: center; justify-content: center; + background: linear-gradient(145deg, var(--ink) 0%, var(--ink-mid) 100%); +} +.team-card__anon-icon { + width: 96px; height: 96px; + border-radius: 50%; + background: rgba(255,255,255,.08); + border: 2px solid rgba(255,255,255,.12); + display: flex; align-items: center; justify-content: center; + color: rgba(255,255,255,.3); +} + +.team-card__body { padding: var(--sp-5); } +.team-card__role { + display: inline-flex; align-items: center; gap: 6px; + font-family: var(--font-head); font-size: 11px; font-weight: 700; + letter-spacing: .14em; text-transform: uppercase; + color: var(--red); margin-bottom: var(--sp-2); +} +.team-card__name { + font-family: var(--font-head); font-size: 22px; font-weight: 800; + color: var(--ink); letter-spacing: -0.02em; margin-bottom: var(--sp-2); +} +.team-card__name--anon { color: var(--grey-400); font-style: italic; } +.team-card__bio { font-size: 14px; color: var(--grey-600); line-height: 1.7; margin-bottom: var(--sp-4); } +.team-card__skills { + display: flex; flex-wrap: wrap; gap: 6px; +} +.team-card__skill { + font-family: var(--font-head); font-size: 11px; font-weight: 700; + color: var(--grey-600); background: var(--grey-50); + border: 1px solid var(--grey-100); padding: 4px 10px; + border-radius: var(--r-full); letter-spacing: .04em; +} +.team-card__link { + display: inline-flex; align-items: center; gap: 6px; + font-family: var(--font-head); font-size: 13px; font-weight: 700; + color: var(--red); margin-top: var(--sp-4); + transition: gap var(--trans); +} +.team-card__link:hover { gap: 10px; color: var(--red-dark); } + +/* Simple service list for about page */ +.service-card { + background: var(--white); + border: 1px solid var(--grey-100); + border-radius: var(--r-xl); + padding: var(--sp-5); + box-shadow: var(--shadow-card); + transition: transform var(--trans-md), box-shadow var(--trans-md); + position: relative; overflow: hidden; +} +.service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } +.service-card::after { + content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; + background: linear-gradient(90deg, var(--red-hot), var(--red)); + opacity: 0; transition: opacity var(--trans-md); +} +.service-card:hover::after { opacity: 1; } +.service-card__icon { + width: 44px; height: 44px; border-radius: var(--r-md); + background: var(--grey-50); display: flex; align-items: center; justify-content: center; + color: var(--grey-600); margin-bottom: var(--sp-3); +} +.service-card h3 { margin-bottom: 6px; } +.service-card p { font-size: 14px; color: var(--grey-600); line-height: 1.65; } +.service-card__price { font-family: var(--font-head); font-weight: 800; font-size: 20px; color: var(--ink); margin: var(--sp-3) 0; letter-spacing: -0.02em; } +.service-card__price span { font-size: 13px; font-weight: 400; color: var(--grey-400); } +.services__grid { + display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; +} +@media (max-width: 768px) { .services__grid { grid-template-columns: repeat(2, 1fr); } } +@media (max-width: 480px) { .services__grid { grid-template-columns: 1fr; } } +@media (max-width: 640px) { .team__grid { grid-template-columns: 1fr; } } + + +/* ══════════════════════════════════════════════ + CONTACT FORM +══════════════════════════════════════════════ */ +.contact__grid { + display: grid; + grid-template-columns: 1fr 380px; + gap: 40px; + align-items: start; +} + +/* Utility */ +.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } + +/* Form card */ +.intake-form { + background: #fff; + border: 1px solid #E2E8F0; + border-radius: var(--r-xl); + padding: 2.5rem; + box-shadow: 0 8px 40px rgba(9,17,31,.10), 0 1px 4px rgba(9,17,31,.06); +} + +.intake-form__row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; +} + +.intake-form__field { + display: flex; + flex-direction: column; + gap: 7px; + margin-bottom: 20px; +} + +.intake-form__field:last-of-type { margin-bottom: 0; } + +.intake-form__field label { + font-size: 13px; + font-weight: 600; + color: var(--ink); + font-family: var(--font-head); + letter-spacing: .01em; +} + +.intake-form__field label .optional { + font-weight: 400; + color: var(--grey-400); + font-family: var(--font-body); + margin-left: 4px; +} + +.intake-form__field input, +.intake-form__field select, +.intake-form__field textarea { + width: 100%; + padding: 11px 14px; + border: 1.5px solid var(--grey-100); + border-radius: var(--r-md); + font-size: 15px; + font-family: var(--font-body); + color: var(--ink); + background: var(--grey-50); + transition: border-color .2s, box-shadow .2s, background .2s; + outline: none; + -webkit-appearance: none; + appearance: none; +} + +.intake-form__field select { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 14px center; + padding-right: 40px; + cursor: pointer; +} + +.intake-form__field textarea { + resize: vertical; + min-height: 140px; + line-height: 1.6; +} + +.intake-form__field input::placeholder, +.intake-form__field textarea::placeholder { + color: var(--grey-300); +} + +.intake-form__field input:focus, +.intake-form__field select:focus, +.intake-form__field textarea:focus { + border-color: var(--red); + background: #fff; + box-shadow: 0 0 0 3px rgba(232,53,42,.1); +} + +.intake-form__field input:focus-visible, +.intake-form__field select:focus-visible, +.intake-form__field textarea:focus-visible { + outline: none; +} + +.intake-form__actions { + margin-top: 28px; + display: flex; + align-items: center; + gap: 16px; +} + +.intake-form__privacy { + font-size: 12px; + color: var(--grey-400); + line-height: 1.5; +} + +/* Success state */ +.intake-form__success { + display: none; + text-align: center; + padding: 3rem 2rem; +} + +.intake-form__success-icon { + width: 64px; + height: 64px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto 1.5rem; +} + +.intake-form.submitted .intake-form__fields { display: none; } +.intake-form.submitted .intake-form__success { display: block; } + +/* Sidebar info box */ +.contact__sidebar { + position: sticky; + top: 100px; + background: var(--ink-mid); + border-radius: var(--r-xl); + padding: 2rem; + color: rgba(255,255,255,.85); +} + +.contact__sidebar h3 { + color: #fff; + margin-bottom: 1.5rem; + font-size: 18px; +} + +.contact__steps { + list-style: none; + padding: 0; + margin: 0 0 2rem; + display: flex; + flex-direction: column; + gap: 1.25rem; +} + +.contact__step { + display: flex; + gap: 1rem; + align-items: flex-start; +} + +.contact__step-num { + flex-shrink: 0; + width: 30px; + height: 30px; + background: linear-gradient(135deg, var(--red-hot), var(--red)); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-weight: 800; + font-size: 13px; + font-family: var(--font-head); + color: #fff; +} + +.contact__step-text { + padding-top: 5px; + font-size: 14px; + line-height: 1.55; + color: rgba(255,255,255,.8); +} + +.contact__divider { + border: none; + border-top: 1px solid rgba(255,255,255,.1); + margin: 0 0 1.5rem; +} + +.contact__meta { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: column; + gap: .875rem; +} + +.contact__meta-item { + display: flex; + gap: .75rem; + align-items: flex-start; + font-size: 13px; + color: rgba(255,255,255,.75); +} + +.contact__meta-item svg { + flex-shrink: 0; + margin-top: 1px; + opacity: .5; +} + +.contact__meta-item strong { color: #fff; } +.contact__meta-item a { color: rgba(255,255,255,.8); text-decoration: underline; } + +.contact__note { + margin-top: 1.5rem; + font-size: 12px; + color: rgba(255,255,255,.4); + line-height: 1.6; +} + +/* Responsive */ +@media (max-width: 1024px) { + .contact__grid { grid-template-columns: 1fr; } + .contact__sidebar { position: static; } +} + +@media (max-width: 640px) { + .intake-form { padding: 1.5rem; } + .intake-form__row { grid-template-columns: 1fr; gap: 0; } +} + +/* ══════════════════════════════════════════════ + MOBILE — Comprehensive responsive fixes + Breakpoints: 600px (mobile), 480px (small phone) +══════════════════════════════════════════════ */ + +/* Nav logo: ensure 44px touch target height */ +.nav__logo { + display: flex; + align-items: center; + height: 44px; +} + +/* Inline links: add vertical padding so they're easier to tap */ +.inline-link { + padding: 4px 0; + display: inline-block; +} + +@media (max-width: 600px) { + + /* Section padding: reduce from 96px to 56px */ + .section { padding: 56px 0; } + .mb-6 { margin-bottom: 32px; } + .section-subtitle { font-size: 16px; margin-bottom: 32px; } + + /* Eyebrow: bump up from 11px to 12px */ + .eyebrow { font-size: 12px; } + + /* btn-sm: ensure 44px touch target */ + .btn-sm { + font-size: 12px; + padding: 12px 20px; + min-height: 44px; + } + + /* Bento grid: all cards full width regardless of inline styles */ + .services__bento > * { grid-column: span 12; } + + /* services__grid 3-col (sos-fix how-it-works): single col */ + .services__grid { grid-template-columns: 1fr !important; max-width: 100% !important; } + + /* Intake form actions: stack button above privacy note */ + .intake-form__actions { + flex-direction: column; + align-items: stretch; + } + .intake-form__actions .btn { + width: 100%; + justify-content: center; + } + + /* Form labels: bump to 14px minimum */ + .intake-form__field label { font-size: 14px; } + + /* Hero heading: tighten line-height on small screens */ + .hero h1 { line-height: 1; } + + /* Page hero (inner pages): tighten padding */ + .page-hero { padding: 48px 0 40px; } + + /* Footer bottom: stack instead of space-between */ + .footer__bottom { flex-direction: column; text-align: center; gap: 8px; } +} + +/* About page — services list table: stack on mobile */ +@media (max-width: 640px) { + .about-services-list tbody tr { + display: grid; + grid-template-columns: 1fr auto; + grid-template-rows: auto auto; + padding: 16px 0; + border-bottom: 1px solid var(--border); + gap: 4px 8px; + } + .about-services-list tbody tr td:nth-child(1) { grid-column: 1; grid-row: 1; } + .about-services-list tbody tr td:nth-child(2) { grid-column: 1; grid-row: 2; } + .about-services-list tbody tr td:nth-child(3) { grid-column: 2; grid-row: 1; text-align: right; } + .about-services-list tbody tr td:nth-child(4) { grid-column: 2; grid-row: 2; padding: 0; } + .about-services-list tbody tr td { padding: 0 !important; border: none !important; white-space: normal !important; } +} + +@media (max-width: 480px) { + /* Breadcrumb links: min tap target */ + .breadcrumb a { padding: 6px 4px; display: inline-block; } + + /* Stats grid: keep 2-col but add more breathing room */ + .stats__grid { gap: 16px; } + + /* Pricing cards: reduce padding on very small screens */ + .pricing-card { padding: 2rem 1.5rem; } + + /* Footer: tighten up */ + .footer { padding: 48px 0 24px; } +} diff --git a/site/terms.html b/site/terms.html new file mode 100644 index 0000000..c13db25 --- /dev/null +++ b/site/terms.html @@ -0,0 +1,280 @@ + + + + + + + Terms of Service | HELP4BIS, Dutch Digital Dynamics Pty Ltd + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Legal

+

Terms of Service

+

The terms under which HELP4BIS delivers services to clients. Month-to-month, no lock-in. Last updated: March 2026.

+
+
+ + + +
+
+
+ +

1. Parties

+

These Terms of Service ("Terms") are a binding agreement between Dutch Digital Dynamics Pty Ltd (ABN 86 081 237 087), trading as HELP4BIS ("HELP4BIS", "we", "us", "our"), based in Brisbane, Queensland, Australia, and the individual or entity engaging our services ("you", "the client").

+

By engaging any service described on this website, you agree to these Terms.

+

Contact: project@help4bis.com

+ +

2. Services

+

HELP4BIS provides the following services. Full detail of inclusions and exclusions is described on the relevant service pages:

+
    +
  • WP Care Plans, Essentials ($49 + GST/month) and Business ($99 + GST/month). Ongoing managed WordPress maintenance on a month-to-month basis.
  • +
  • Tailored Website Management, $300 + GST in month one, then $200 + GST/month ongoing. Includes site build or migration, ongoing management, and WooCommerce setup for small product catalogues.
  • +
  • AI Integration, packages from $497 + GST to $1,497 + GST. Scoped per project prior to commencement.
  • +
  • Custom Plugin Development, from $497 + GST to $1,997 + GST. Fixed price per agreed scope.
  • +
  • WP SOS Fix, $97 + GST flat fee. Single-issue emergency fix.
  • +
+

All service descriptions on this website are subject to these Terms. Where a separate written scope of works or service agreement is provided, that document applies in addition to these Terms.

+ +

3. Pricing and GST

+

Dutch Digital Dynamics Pty Ltd is registered for GST. All prices displayed on this website are exclusive of GST unless expressly stated otherwise. GST at the current rate (10%) will be added to all invoices.

+

Prices for ongoing services (Care Plans, Tailored Website Management) may be changed by HELP4BIS with a minimum of 30 days written notice by email. Continued use of the service after the effective date of a price change constitutes acceptance of the new pricing.

+ +

4. Payment terms

+ +

Care Plans

+

Care Plans are invoiced monthly in advance by email. Payment is due within 7 days of the invoice date. Services commence once the first payment is received.

+ +

Tailored Website Management

+

The month-one fee of $300 + GST is due in full before any work commences. Subsequent monthly fees of $200 + GST are invoiced monthly in advance and due within 7 days of the invoice date.

+ +

Custom Plugin Development

+

A deposit of 50% of the agreed project fee is due within 7 days of brief approval. The remaining 50% is due within 7 days of project delivery. Work commences on receipt of the cleared deposit and does not continue if payment is overdue.

+ +

AI Integration

+

Payment terms are confirmed in the project scope. Where not otherwise specified, the same 50% deposit / 50% on delivery schedule applies as for Custom Plugin Development.

+ +

WP SOS Fix

+

A payment link is provided after reviewing your brief. Work commences only on receipt of cleared payment. The fee is non-refundable once work has commenced.

+ +

Failed payments

+

If a payment is not received within 14 days of the invoice due date, services may be suspended without further notice. Services will be resumed promptly on receipt of cleared payment. If payment remains outstanding for 30 days beyond the due date, HELP4BIS reserves the right to terminate the service agreement and recover outstanding amounts.

+ +

5. Cancellation

+ +

Care Plans and Tailored Website Management

+

Either party may cancel an ongoing service by providing 30 days written notice by email to project@help4bis.com. Cancellation takes effect at the end of the current billing month following the 30-day notice period. No refund is provided for partial months already billed.

+ +

WP SOS Fix

+

The WP SOS Fix fee is non-refundable once work has commenced. If work has not yet commenced, contact us promptly and we will consider a refund at our discretion.

+ +

Custom Plugin Development and AI Integration

+

If you cancel a project after the deposit has been paid and work has commenced, the deposit is non-refundable. If HELP4BIS is unable to complete the agreed scope, the deposit will be refunded in full.

+ +

6. Intellectual property

+

Client content: All content you provide, including text, images, logos, branding, and business data, remains your property at all times. HELP4BIS claims no ownership over content you supply.

+

Custom code: All custom code written by HELP4BIS (plugins, themes, integrations) remains the intellectual property of HELP4BIS until payment is received in full. On receipt of full payment, HELP4BIS grants you a perpetual, non-exclusive licence to use that code on your website. This licence does not include the right to on-sell or sublicence the code to third parties.

+

Premium plugin licences: Licences for premium third-party plugins held under HELP4BIS's corporate licence (such as Elementor Pro, WPForms Pro, or RankMath Pro) are provided as part of the service and do not transfer to you on cancellation. You are responsible for acquiring your own licence for any such plugin if you wish to continue using it after the service ends.

+ +

7. Data ownership and export on cancellation

+

Your website content, pages, posts, images, products, and database records, is your property. On cancellation of Tailored Website Management or any ongoing service, HELP4BIS will provide a complete WordPress export (database and files) within 14 days of your written cancellation request.

+

Care Plans clients hosting on external infrastructure retain full control of their hosting environment and site files throughout the engagement.

+ +

8. Limitation of liability

+

HELP4BIS will not be liable for any business loss, lost revenue, lost data, or consequential damage arising from:

+
    +
  • Website downtime caused by hosting providers, DNS providers, or third-party services outside our direct control
  • +
  • Security breaches, hacking, or malware affecting your website or hosting environment
  • +
  • Interruption to services caused by circumstances beyond our control
  • +
  • Decisions made by you on the basis of information or recommendations provided by HELP4BIS
  • +
+

To the maximum extent permitted by applicable law, HELP4BIS's total liability to you in connection with any service is limited to the total fees paid by you in the 30 days preceding the event giving rise to the claim.

+

Nothing in these Terms limits liability that cannot be excluded by law, including liability under the Australian Consumer Law.

+ +

9. Warranties

+

HELP4BIS warrants that services will be delivered with skill, care, and diligence. We do not warrant that:

+
    +
  • Your website will achieve any particular business outcome (search ranking, traffic, conversions)
  • +
  • Your website will be entirely free from security vulnerabilities at all times, WordPress and its plugins are subject to ongoing security disclosures that are outside our control
  • +
  • Third-party plugins, themes, or services will remain available or functional
  • +
+

Where services are supplied to a consumer within the meaning of the Australian Consumer Law, our services come with guarantees that cannot be excluded.

+ +

10. Governing law

+

These Terms are governed by and construed in accordance with the laws of Queensland, Australia. Both parties submit to the non-exclusive jurisdiction of the courts of Queensland for any dispute arising in connection with these Terms or any service provided under them.

+ +

11. Changes to these Terms

+

HELP4BIS may update these Terms from time to time. Material changes will be communicated to active clients by email with a minimum of 30 days notice before the new Terms take effect. Continued use of any service after the effective date of updated Terms constitutes acceptance.

+

These Terms were last updated: March 2026.

+ +

Last updated: March 2026

+ +
+
+
+ + + + + + + + + + + + + diff --git a/site/third-week-with-ai.html b/site/third-week-with-ai.html new file mode 100644 index 0000000..e015f4f --- /dev/null +++ b/site/third-week-with-ai.html @@ -0,0 +1,592 @@ + + + + + + + Your Third Week With AI: Find Your Goals, Skills & Blind Spots | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Free Guide, Part Three

+

Your Third Week With AI

+

You know how to talk to it, and you've built the toolkit. This is where it stops being generic and starts being yours, a proper look at your goals and skills, the blind spots you can't see on your own, and a document that carries all of it into every chat without you retyping it.

+
+
+ + +
+
+ +
+

New here? This page assumes you've already got a master prompt and a system prompt or two from part two. If you haven't, start earlier in the series.

+ +
+ +

Make It Yours

+

Five steps to a personal setup

+

This is less about learning new features and more about giving AI an honest, complete picture of who you are, what you're aiming for, and what you're actually good at.

+ +
+ 0 of 5 done + +
+ +
+ +
+ + + 1 + Let it interview you + + + + + + +
+

Part two's master prompt covered your business in a few lines. This goes deeper. Instead of writing a summary yourself, let AI ask you the questions, one at a time, and build the document from your answers. People are honest in conversation in ways they never are staring at a blank page.

+
+
+ Goals +

Where you're actually trying to get to

+

Not vague ambition, specific, this-year and this-decade goals.

+
+
+ Values +

What you won't compromise on

+

The principles that should quietly shape any advice you get back.

+
+
+ Strengths +

What you're actually good at

+

Not your job title, the actual skills underneath it.

+
+
+ Weaknesses +

Where you consistently struggle

+

The honest version, not the interview-safe version.

+
+
+
+

Help me build a proper profile of myself. Ask me questions, one at a time, to understand my goals, my values, my strengths, and my weaknesses. Once you've got a full picture, write it up.

+ +
+
+ Why this matters + Save the answer somewhere you'll actually find again. This is the foundation the rest of this page builds on. +
+
+
+ +
+ + + 2 + Find what you can't see yourself + + + + + + +
+

Step 1 asked you to describe yourself. This step asks AI to describe you back, from evidence, not opinion. Paste in a batch of your own writing, work, or old messages and ask it to reflect what's actually there. This also happens to be how you get it writing in your voice instead of generic AI tone.

+
+

Here's a batch of things I've written over the last few months: [paste them in]. What patterns, strengths, or blind spots do you notice that I might not see myself? Also describe my writing voice in one paragraph, sentence length, tone, quirks, words I overuse.

+ +
+
+ Why this matters + This is the step people skip because it feels exposing. It's also the one that produces the most useful sentence on the whole page, the blind spot you didn't know you had. +
+
+
+ +
+ + + 3 + Turn one goal into a real roadmap + + + + + + +
+

Step 3 sits between the two before it. State one goal that actually matters to you right now, something you'd really like to be true in three months, and ask AI to break it into a real, time-bound plan instead of a vague intention.

+
+

Here's a goal I have: [describe it]. Design a 30, 60, and 90-day roadmap to get there, with specific action items at each stage, not vague advice.

+ +
+
+
+ 30 days +

The unglamorous first steps

What actually has to happen first, even if it's boring, before anything else can move.

+
+
+ 60 days +

The part that requires momentum

Building on the first 30 days, this is where the goal starts to feel real.

+
+
+ 90 days +

What "done" or "on track" actually looks like

A concrete marker, not a feeling, so you know whether it worked.

+
+
+
+
+ +
+ + + 4 + Write your profile brief + + + + + + +
+

Part two's master prompt covered your business in a few lines. Your profile brief is the fuller version, everything from this page rolled into one document: the interview, the blind spots, your voice, the roadmap, and anything AI should never do without asking first.

+
+

Here's my profile interview, my blind spots and voice description, and my 30/60/90 roadmap from earlier. Combine them into one clean profile brief I can paste at the start of any chat where the background matters.

+ +
+
+ Why this matters + This one document is what actually makes AI feel personal instead of generic. Keep it updated. It's worth more the longer you maintain it. +
+
+
+ +
+ + + 5 + Run a weekly check-in + + + + + + +
+

Your profile brief isn't a finished document, it's a working one. Give it five minutes a week rather than letting it go stale.

+
+

It's been a week since we built my profile brief and roadmap. Here's what's changed or what I've learned: [notes]. Update the profile brief based on this, and flag anything on the roadmap that needs adjusting.

+ +
+
+
+ +
+
+
+ + +
+
+

Reference, Not A Step

+

A few more words you'll hit

+

Parts one and two covered the basics and the toolkit. These finish the set.

+ +
+
+
Profile interview
+
Letting AI ask you structured questions about your goals, values, strengths, and weaknesses, instead of writing a summary yourself.
+
+
+
Blind spot check
+
Feeding an AI real samples of your own writing or work and asking it to reflect back patterns you might not see yourself.
+
+
+
Profile brief
+
One document combining your interview, blind spots, voice, and roadmap, the fuller version of a master prompt.
+
+
+
30/60/90 roadmap
+
A time-bound plan that breaks one real goal into concrete action items at 30, 60, and 90 days.
+
+
+
+
+ + +
+
+
+

Want the roadmap built for you?

+

We'll build your profile brief, your roadmap, and the AI tools to run it.

+

If you'd rather have this mapped and built into your business instead of doing it solo, submit a brief and we'll tell you what fits and what it costs.

+ +
+
+
+ + + + + + + + + + + + + diff --git a/site/work/crohamhurst-app.html b/site/work/crohamhurst-app.html new file mode 100644 index 0000000..322a922 --- /dev/null +++ b/site/work/crohamhurst-app.html @@ -0,0 +1,540 @@ + + + + + + + Crohamhurst Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + Crohamhurst +
+

Case Study: Financial Research SaaS

+

Crohamhurst.
Gann and cycle analysis
built as a proper toolkit.

+

A metered SaaS platform I built for financial market researchers who work with astronomical cycles and W.D. Gann methodology. Five specialist computation modules, pricing based on usage, and an API backend that handles the heavy calculation work so the browser doesn't have to.

+ +
+
+
5
+
Analysis Modules
+
+
+
SaaS
+
Product Type
+
+
+
3
+
Paid Tiers
+
+
+
AU
+
Hosted
+
+
+
+
+ + +
+
+
+
+

Overview

+

Where it came from

+

Crohamhurst Observatory in Queensland is where Inigo Jones spent decades studying planetary cycles and their relationship to weather and crop patterns. Jones's method, correlating astronomical data with terrestrial outcomes, became the foundation for a style of market analysis popularised by W.D. Gann in the early twentieth century.

+

I picked the name deliberately. Researchers working with Gann methodology need computation tools that handle ephemeris calculations, cycle detection, and geometric price analysis quickly and accurately. Spreadsheets work up to a point. I tried. But five year planetary aspect timelines with custom orb tolerances are the kind of thing that demands a purpose built tool.

+

That's what I built. Five specialist modules, each focused on one type of Gann or cycle analysis. A metered compute model so occasional users pay nothing and heavy users pay for what they use. I host it on Australian infrastructure.

+
+

"Gann analysis isn't obscure any more. There's a real community of researchers who take the methodology seriously and need tools that match that seriousness. I built Crohamhurst for them."

+
+
+
+
+
+
🔭
+
CROHAMHURST
+
Gann & Cycle Analysis
+
+
+
+
50
+
Free units/day
+
+
+
10K
+
Pro units/day
+
+
+
+
+ React + Python API + PostgreSQL + Stripe billing + JWT auth + Australian hosting +
+
+
+
+
+ + +
+
+

Computation Modules

+

Five tools that do actual work

+

Each module handles a specific type of analysis. They run against the same backend API I wrote, pull from the same astronomical data, and charge compute units based on the computational cost of the request.

+ +
    +
  • + Ephemeris Timelines + Calculates planetary aspect windows over a user-specified date range. Produces a timeline of alignment dates that Gann researchers use to identify potential turning point zones in a market. +
  • +
  • + Bradley Siderograph + Generates the Bradley siderograph curve, a turning point prediction model first published in 1948, with both the original and the Hannula variant. Used to overlay against price charts to identify potential reversal dates. +
  • +
  • + Gann Square of Nine + A geometric price level calculator based on W.D. Gann's Square of Nine method. Enter a price anchor and the module returns the full grid of geometrically significant support and resistance levels. +
  • +
  • + Cycle Scanner + Applies spectral analysis to price series data to identify dominant cycle periods. Surfaces repeating time structures in market data that manual chart reading would miss. +
  • +
  • + Historical Analogs + Pattern matching across historical price data. Given a recent market structure, it finds the closest historical matches and surfaces what followed. A research tool, not a prediction system. +
  • +
+
+
+ + +
+
+

Architecture

+

How the platform is built

+

I put the calculation engine in a Python API backend, not in the browser. That's the right place for it: astronomical ephemeris computation, FFT cycle analysis, and historical pattern matching aren't jobs for JavaScript in the browser.

+ +
+
+
🖥️
+

React frontend

+

A clean, responsive single-page application. Module inputs, result visualisations, account management, and a blog for research commentary. I built it to be fast and uncluttered. Researchers want results, not UI.

+
+
+
⚙️
+

Python computation API

+

The backend handles all mathematical heavy lifting: ephemeris lookups, spectral analysis, geometric calculations, and pattern matching against historical data. Versioned endpoints, structured responses, and async processing for jobs that run longer.

+
+
+
📊
+

Metered compute units

+

Every API request consumes compute units proportional to its cost. Simple lookups are cheap. Deep cycle scans over long date ranges cost more. The model is transparent: users see their usage in real time and can choose the tier that fits how they work.

+
+
+
🔐
+

Auth and accounts

+

Authentication with JWT and session management. Users register, log in, and manage their subscription tier within the app. My admin tools let me assign tiers and adjust unit quotas without touching the database.

+
+
+
💳
+

Stripe billing

+

Subscription billing handled by Stripe. Tier upgrades and downgrades take effect immediately. The free tier requires no payment method, so researchers can evaluate the tools before they commit to a paid plan.

+
+
+
📝
+

Research blog and announcements

+

A blog built into the app for publishing Gann and cycle research. An announcement system for product updates and module releases. I manage both from the admin panel without any external CMS.

+
+
+
+
+ + +
+
+

Pricing Model

+

Tiers based on usage

+

The metered model was a deliberate choice. Assumed is that no two Gann researchers work the same way: some run a handful of checks per week, others run hundreds of queries a day building research archives. A flat subscription penalises light users. A pure pay per use model creates anxiety. Metered tiers split the difference.

+ +
+
+
Free
+
$0
+
50 units / day
+
Evaluate the tools. Run simple calculations. No payment method required.
+
+
+
Hobbyist
+
$19/mo
+
1,000 units / day
+
Regular research sessions. Enough headroom for daily analysis across multiple instruments.
+
+ +
+
Lifetime
+
n/a
+
10,000 units / day
+
Pro level access with no monthly billing, assigned by admin. Available to founding users.
+
+
+ +
+
On the unit model
+

Compute units aren't a trick to squeeze more money out of users. Simple requests consume very few units. The metering exists because a cycle scan over a multi year date range at high resolution costs me more to compute than a Square of Nine grid does. The model reflects what the calculation costs. Usage is visible in the dashboard at all times and resets daily. No rollover, no surprise bills.

+
+
+
+ + +
+
+

Straight Talking

+

What kind of product this is

+
+
+

Crohamhurst is a specialist tool for a specific audience. It isn't trying to be a general trading platform or a charting service for retail investors. W.D. Gann methodology has a dedicated community of researchers and traders who take the approach seriously and need computation tools built for it. That's who I built this for.

+

The five modules cover the core analytical methods in the Gann tradition: planetary aspects, geometric price levels, cycle detection, and pattern recognition. They are presented as research tools. The Historical Analogs module in particular surfaces what has followed similar price structures in the past. It doesn't tell users what to do. The work of interpretation stays with the researcher.

+

I built the platform alongside my own active Gann research practice, so the modules were tested against real workflows whilst I developed them, not designed in the abstract. That matters for tools where the edge cases are what researchers hit first.

+
+
+
+
On the Crohamhurst name
+

Crohamhurst Observatory near Maleny in the Sunshine Coast hinterland was where Inigo Jones conducted his long range climate and crop forecasting from the early 1900s through to 1954. Jones's long range forecasts were published annually and are still considered in Australian agricultural circles. His methods, observing planetary cycles over decades, sit in the same tradition as Gann's market work. The name is my nod to that Queensland connection and to the seriousness of the research tradition the platform supports.

+
+
+
On market predictions
+

Nothing on Crohamhurst.app constitutes financial advice. The tools surface data and analysis for researchers to interpret. Gann methodology is a research discipline, not a signal service. Users are researchers who understand what they are working with and take responsibility for their own analysis.

+
+
+
+
+
+ + +
+
+

Technical Details

+

The stack

+

A modern React frontend, a Python backend API for computation, PostgreSQL for data persistence, Stripe for billing. Containerised and hosted on Australian infrastructure in Brisbane.

+
+ React + Python + PostgreSQL + Docker + JWT auth + Stripe + Australian hosting + Let's Encrypt SSL +
+

I host it on the same Brisbane server as the rest of the HELP4BIS portfolio. The containerised architecture keeps the frontend and API cleanly separated and lets me scale the computation side on its own if demand requires it.

+
+
+ + +
+
+
+

Building something that requires specialist computation?

+

Crohamhurst is an example of what's possible when the right computation engine sits behind a clean interface. If your product involves complex calculations, specialist algorithms, or pricing based on usage, we've built this before.

+ +
+ +
+ ← Back to all work +
+
+
+ + + + + + + + + diff --git a/site/work/dayboro-au.html b/site/work/dayboro-au.html new file mode 100644 index 0000000..e21a659 --- /dev/null +++ b/site/work/dayboro-au.html @@ -0,0 +1,810 @@ + + + + + + + Dayboro.au Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + Dayboro.au +
+

Case Study: Community Platform

+

Dayboro.au
22 years
in the making.

+

A hyperlocal weather platform, nine interactive calculators connected to my live station data, a Flutter PWA on Google Play, and a Lions Club business directory. I run all of it on a single WordPress instance from a hill in the D'Aguilar Range, Queensland.

+ +
+
+
2004
+
Running Since
+
+
+
9
+
Live Data Calculators
+
+
+
118+
+
Businesses Listed
+
+
+
5 min
+
Data Refresh Rate
+
+
+
+
+ + +
+
+
+
+

Overview

+

What it actually is

+

Most people in Dayboro know the site for the weather. They check it in the morning to see if the creek is up, or if there's a frost warning overnight. That's the front door.

+

Behind it: nine interactive gardening calculators that pull live data from my weather station every five minutes. A Flutter app on Google Play. A community events calendar. A tiered business directory that our local Lions Club uses to replace the old printed phone book. A custom email plugin I wrote that sends weekly weather digests to subscribers. And a Gann seasonal forecast that I cross reference with Inigo Jones lunar cycle predictions.

+

By any honest measure I've overbuilt it for a town of three thousand people. But it works, and the whole infrastructure costs me roughly the same per month as a decent coffee habit.

+
+

"BOM's nearest gauged station is at Samford, 12 km southeast and 150 metres lower in elevation. On a typical summer afternoon the two stations can record rainfall that differs by a factor of four. That's why my station exists."

+
+
+
+ Dayboro.au weather platform +
+ WordPress + Flutter Web + WeeWX + Python + PMPro Membership + Ecowitt + Service Worker + Custom Plugins +
+
+
+
+
+ + +
+
+

Foundation

+

The weather engine

+

My Ecowitt station on Lyndhurst Hill feeds a custom Python pipeline I wrote, generating twelve JSON files every five minutes.

+ +
+
+
🌡️
+

Hardware: Ecowitt sensors

+

Temperature to 0.1°C resolution, rainfall to 1 mm, wind speed and direction, UV index, solar radiation, soil temperature, lightning strike distance. All the hardware sits on my own site, so I don't depend on anyone else's data.

+
+
+
⚙️
+

Processing: WeeWX + Python

+

WeeWX handles raw sensor ingestion and archive storage. My Python pipeline runs every five minutes: it calculates derived values, builds twelve JSON files, and uploads them to the server automatically. There are no manual steps in the data chain, whilst every step still logs enough that I can trace a bad number back to its sensor.

+
+
+
📊
+

Data going back to 2004

+

22 years of logged temperature and rainfall at Lyndhurst Hill, with varying hardware over the years. The current Ecowitt installation has run continuously since 2023. I publish aggregates and accuracy comparisons against BOM Samford every month.

+
+
+
🔄
+

Live API: twelve JSON endpoints

+

The calculators, the Flutter app, and the WordPress widgets all read from the same live weather data feed. One source of truth, refreshed every five minutes. It costs me nothing in external API fees and there are no rate limits.

+
+
+
⚡
+

Push notifications

+

Subscribers to the Dayboro Buddy app receive push notifications for severe weather events: flash flood watch, frost alerts overnight, and heatwave warnings. Delivered via Service Worker push on Android and iOS.

+
+
+
🏠
+

Home automation integration

+

The same data feeds my Home Assistant instance, with Sigenergy solar battery management and Amber Electric spot prices. Weather station data informs battery charge scheduling. More solar in the forecast means less grid charging overnight.

+
+
+
+
+ + +
+
+

Gardening Tools

+

Nine calculators, all on live data

+

Each one pulls from my live station feed, updated every five minutes. They're standard WordPress pages with Elementor HTML widgets. No external API keys, no third party services. The free tier gets a subset of the tools; premium members get all nine plus extended history views.

+ +
    +
  • + Frost Risk + Current temperature vs typical minimum. Overnight frost probability based on current humidity, dew point, and the seasonal average for this valley. +
    Free
    +
  • +
  • + Companion Planting + Embedded compatibility matrix covering 30+ vegetable and herb combinations. Helps and hinders, with reasoning for each pairing. +
    Free
    +
  • +
  • + Harvest Date + Growing degree day calculation using live minimum and maximum temperatures. Enter planting date and crop, get a realistic days to harvest estimate for your specific conditions. +
    Free
    +
  • +
  • + Spray Window + Wind speed, humidity, and temperature from the live station. Outputs a simple safe or not safe right now decision for pesticide and herbicide application. +
    Premium
    +
  • +
  • + Soil pH + Client side only, no data fetch needed. pH ranges per crop, current soil pH input, and a guide with quantities for correcting it. +
    Free
    +
  • +
  • + Veggie ROI + Live average vegetable prices from a scraped price dataset versus estimated yield from your plot size. Answers the question: is it actually cheaper to grow this myself? +
    Premium
    +
  • +
  • + Pest Risk + Temperature and humidity threshold model for twelve common garden pests. Current conditions fed live. Risk level: low, moderate, or high, with recommended action. +
    Premium
    +
  • +
  • + Watering Schedule + Evapotranspiration estimate derived from live temperature, humidity, wind, and solar radiation data. Adjusts by soil type and plant category. +
    Premium
    +
  • +
  • + Crop Planner + Calendar based planting windows by month for SE Queensland conditions. Covers 40+ crops with sowing method, spacing, and the typical Dayboro first frost and last frost dates. +
    Free
    +
  • +
+ +
+
Design note
+

I kept the calculators deliberately simple on the outside. Each one fits in a single Elementor HTML widget: scoped CSS, vanilla JS, no build tools, no npm. They've been running without maintenance since February 2026, and that's not luck, it's the absence of dependencies. If you want a calculator that breaks six months after launch because an npm package updated, mine aren't that.

+
+
+
+ + +
+
+
+
+

Mobile App

+

Dayboro Buddy, on any device

+

A Flutter Progressive Web App. One codebase, deployed as static files, available on Android via Google Play and on iOS via Safari's Add to Home Screen.

+

The Android APK (package: au.dayboro.app) is on Google Play and installs like a native app. On iPhone, open app.dayboro.au in Safari, tap the share icon, tap Add to Home Screen. It installs in seconds. No App Store account, no review process, no waiting.

+

The service worker handles offline caching, background sync, and push notifications. Auto update works silently: when I deploy a new version, the service worker detects it on the next load and refreshes. Users are always on the current version without being asked to update anything.

+ +
+
+

App size

+

3.9 MB. Loads in under 3 seconds on a standard 4G connection.

+
+
+

Version on Play Store

+

v2.0.7, live and available at au.dayboro.app.

+
+
+

Offline mode

+

Core navigation and cached weather data available without a connection.

+
+
+

Push notifications

+

Frost alerts, flood watches, and severe weather warnings delivered to the home screen.

+
+
+
+
+ Dayboro Buddy Progressive Web App +
+
Why Flutter and not a standard WordPress PWA
+

A standard WordPress PWA gives you a cached version of the site. Flutter gives you a proper application with its own navigation model and a UI that feels native. My weather calculators need to query JSON data, render charts, handle offline state, and update in the background. I tried the WordPress PWA plugins first and they can't do that reliably. Flutter can.

+
+
+
+
+
+ + +
+
+

Community

+

The community layer

+

Business directory, events calendar, weekly email digest, and a membership model. I built all of it into the same WordPress instance, and it's all interconnected.

+ +
+
+
🏪
+

Lions Club Business Directory

+

118 local businesses listed across three tiers: full page, half page, and quarter page. I build the WordPress plugin specifically for this directory, and the Lions Club in Dayboro now uses it as the digital replacement for the annual printed directory. Directory data feeds the Flutter app via a custom REST API.

+
+
+
📅
+

Events Calendar

+

Community events, markets, school dates, and local meetings. Pulled from a custom REST endpoint and displayed on the homepage. The Flutter app reads the same endpoint. One entry point for event data, multiple display surfaces.

+
+
+
📧
+

Weekly Weather Digest

+

A custom email reports plugin (not a third party newsletter service) sends a weekly digest to subscribers. The past seven days of temperature and rainfall, a short summary, and links to the current forecast. The queue runs on WordPress cron. Open rates run consistently above industry average for small community newsletters because every single number in the email is from this valley, not from a regional station 12 km away.

+
+
+
🔐
+

Membership: Free and Premium

+

PMPro handles membership. The free tier gives access to the core weather data and four calculators. Premium unlocks all nine calculators, extended historical data, and the seasonal forecasting tools. There's no trial that asks for a credit card. I made the free tier useful on its own, on purpose.

+
+
+
📱
+

Push Notifications

+

Web push notifications via the Dayboro Buddy service worker. Subscribers opt in to frost alerts, flash flood watches, and heatwave warnings. Notifications go through my own WordPress plugin to a push API endpoint, not through a third party notification service.

+
+
+
📈
+

Site Analytics: Custom

+

My rds-siteanalytics plugin tracks page views and reads Gitea issues as a website task list, displayed in the WordPress admin. No Google Analytics, no third party tracking scripts. Visitor data stays on my server.

+
+
+
+
+ + +
+
+
+
+

Forecasting

+

Seasonal forecasting: Gann and Inigo Jones

+

The seasonal forecasting side lives at crohamhurst.app, a separate subdomain. It isn't a standard weather forecast.

+

It combines Inigo Jones lunar cycle predictions with a Gann astronomical analysis pipeline I built in Python. The output is a qualitative seasonal outlook: whether the coming month is likely to run wetter or drier than average, based on long cycle positions going back to 1913.

+
+
Honest about what it is
+

This is an outlook based on historical cycles, not a deterministic forecast. It doesn't know about La Niña, blocking highs, or the Indian Ocean Dipole. It knows about repeating patterns in the long record that correlate loosely with the positions of the Sun, Moon, and inner planets. Accuracy on wet versus dry calls over a six week window runs around 62 to 65 percent. That's useful for farm planning. It's not useful for scheduling outdoor events, and I say so on the site.

+
+

The same Gann pipeline also feeds a CFD trading signal system that runs against IG Markets on a demo account, whilst I test whether a methodology W.D. Gann applied to commodity markets in the early 1900s still holds up in modern trading. My results so far are inconclusive, which is the honest answer.

+
+
+
+

How the pipeline works

+
    +
  1. + 1 +
    Astronomical data

    Sun, Moon, and planet positions calculated from NASA ephemeris data. Declinations, aspects, and angular relationships computed daily.

    +
  2. +
  3. + 2 +
    Inigo Jones cycles

    Lunar cycle positions mapped against the Jones seasonal calendar for SE Queensland. Crohamhurst Observatory data integrated.

    +
  4. +
  5. + 3 +
    Gann unified scoring

    Multiple Gann factors combined into a single directional score. Only scores above 70 are treated as signal grade. Below that, the model abstains.

    +
  6. +
  7. + 4 +
    Published outlook

    Monthly outlook published at crohamhurst.app with the cycle rationale and historical comparison years. Free to read, no account required.

    +
  8. +
+
+
+
+
+
+ + +
+
+

Under the Hood

+

What it actually runs on

+

No managed cloud services, no vendor lock-in, no SaaS subscriptions in the data path. Every component runs on infrastructure I control.

+ +
+
+

WordPress + PMPro

+

Core CMS and membership engine. PMPro handles access control, payment processing, and subscription management. I don't use WooCommerce for memberships. PMPro does it cleaner for this use case.

+
+
+

Flutter Web

+

Dart compiled to JavaScript, deployed as static files at app.dayboro.au. Service worker for offline and push. The app itself needs no backend, it reads the same public JSON files as the website.

+
+
+

WeeWX + Python pipeline

+

WeeWX handles sensor ingestion. A custom Python module processes the data, runs accuracy calculations, and generates the twelve JSON export files every five minutes via root cron.

+
+
+

Custom WordPress plugins

+

Three custom plugins I wrote specifically for this site: dayboro-business-directory (Lions Club listing management + REST API), dayboro-email-reports (queued weekly digest), and rds-siteanalytics (custom analytics + Gitea task integration).

+
+
+

DirectAdmin on brisbane01

+

I host all my sites on a dedicated server in Brisbane. Help4bis.com, dayboro.au, gardenbuddy.au, rds.ink, m8chat.au, and eight other domains all run on the same physical machine. Australian data residency, not US cloud.

+
+
+

Ecowitt hardware

+

GW2000 gateway with multiple sensor arrays. Direct local API plus cloud sync. WeeWX reads locally, so my data pipeline doesn't depend on Ecowitt's cloud servers staying up.

+
+
+ +
+ +
+
+

Full technology list

+
+ WordPress 6.x + PHP 8.4 + MariaDB + PMPro Membership + Elementor Pro + Flutter 3.x + Dart + WeeWX 5.x + Python 3.11 + Ecowitt GW2000 + Service Worker + Web Push API + REST API + JSON data files + DirectAdmin + Gitea + Home Assistant + Sigenergy +
+
+
+

What I deliberately left out

+

No Google Analytics, because privacy matters in a small community where everyone knows each other. No third party notification services, push goes through my own endpoint. No CDN, since the server is in Brisbane and the audience is in SE Queensland; the latency is fine. No React, no Next.js, no build pipeline for the widgets. Vanilla JS in Elementor HTML widgets is fast, maintainable, and doesn't break when npm packages update.

+
+
+
+
+ + +
+
+
+

What I can build for you

+

Your community, your platform.

+

Not the whole thing. Something that fits your scale and budget. I bring the tools, the architecture, and over twenty years of building for small communities. What I need from you: a clear description of what problem you're trying to solve and who you're solving it for.

+
+ Talk to us about your project + See more of our work +
+
+
+
+ + + + + + + + + + + diff --git a/site/work/gardenbuddy-au.html b/site/work/gardenbuddy-au.html new file mode 100644 index 0000000..ffe06f2 --- /dev/null +++ b/site/work/gardenbuddy-au.html @@ -0,0 +1,493 @@ + + + + + + + GardenBuddy.au Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home› + Our Work› + GardenBuddy.au +
+

Case Study: National Garden Platform

+

GardenBuddy.au.
A garden management
app built on WordPress.

+

Not a calculator page. A full vegetable garden management platform I built as a custom WordPress plugin: climate zones by postcode covering all of Australia, live pest pressure from my weather data, harvest logging, ROI reports against Coles and Woolworths prices, and a weekly Gardener Digest email.

+ +
+
AU
National Coverage
+
6
Custom Plugins
+
4
Live Data Sources
+
v2.0
Plugin Version
+
+
+
+ + +
+
+
+
+

Overview

+

From calculators to a garden management app

+

The first version of GardenBuddy was a set of gardening calculators I ran on the dayboro.au domain. Useful, but limited to one postcode and one set of conditions. So I rebuilt it as a standalone national platform. A gardener anywhere in Australia enters their postcode and gets advice calibrated to their actual climate zone and what's happening locally right now.

+

The core plugin, "Buddy the Sprout", handles everything a member does: climate zone detection from postcode, garden bed setup, plant tracking from seed to harvest, pest monitoring, watering records, harvest logging, ROI calculations, and automated email recommendations. It pulls live weather data from my weather API and supermarket price data from a separate scraper I wrote that tracks Coles, Woolworths, Aldi, and IGA prices.

+
+

"The question I built it to answer: is it cheaper to grow this myself, given my local conditions, than to buy it at Coles? The answer changes depending on where you live, what you grow, and what the shops are charging this week."

+
+
+ WordPress + Custom Plugin + PMPro Membership + our weather API + Price Scraper + Email Reports + Climate Zone DB +
+
+
+ GardenBuddy.au garden management platform +
+
+
+
+ + +
+
+

How It Works

+

From postcode to planting advice in three steps

+
+
+
+
+
1
+
+
Enter your postcode
+
The platform looks up the climate zone for that postcode from a national database. Australia has eight climate zones. Subtropical SE Queensland is zone 2, temperate Melbourne is zone 6, and so on. Every piece of planting advice, every pest risk threshold, and every growing guide is then filtered to match your zone.
+
+
+
+
2
+
+
Set up your garden beds
+
Add one or more garden beds with dimensions, soil type, and sun exposure. Then add plants to each bed: the variety, planting date, and how many seeds or seedlings went in. From that point, the platform tracks growth stages automatically from growing degree day data it pulls off the weather API. You don't update anything by hand.
+
+
+
+
3
+
+
Get live recommendations
+
Current temperature and humidity from my weather API feed the pest pressure model. If conditions favour aphids or fungal disease for your zone, you get an alert. The "Plant Now" panel shows what's in season for your postcode this month. The weekly Gardener Digest email summarises conditions, upcoming plant tasks, and current supermarket prices for what you are growing.
+
+
+
+
4
+
+
Log your harvests
+
Every harvest gets logged: the vegetable, the weight in kilos, and the date. The platform calculates your ROI: what you grew versus what you'd have paid at the supermarket for the same quantity. The price comparison uses the live scraped price data, not a fixed number.
+
+
+
+
+
+
+

What the platform tracks

+
    +
  • + 🌱 +
    Garden beds and plants

    Add beds, add plants per bed, track planting dates, growth stages, expected harvest windows.

    +
  • +
  • + 🌿 +
    Pest and treatment records

    Log pest sightings and treatments applied. Checked against live pest pressure alerts.

    +
  • +
  • + 💧 +
    Watering, fertilising, mulching

    Record maintenance events per bed. The platform tracks when each bed was last watered and flags overdue tasks.

    +
  • +
  • + ⚖️ +
    Harvest history and ROI

    Every kilo logged. ROI calculated monthly against current Coles/Woolworths/Aldi/IGA average prices.

    +
  • +
+
+
+
+
+
+ + +
+
+

Live Data

+

Four live data sources, all integrated

+

Static gardening advice is what most apps give you. I connected GardenBuddy to live data so the advice reflects what's happening now: current weather, current pest conditions, current supermarket prices.

+ +
+
+
🌦️
+

Weather data from our weather API

+

Current temperature, humidity, rainfall, and evapotranspiration from my Lyndhurst Hill weather station. The pest pressure model and the watering schedule calculator read from this API in real time. Members outside Dayboro get BOM sourced conditions for their postcode through the same API layer.

+
+
+
🛒
+

Supermarket price scraper

+

A separate gardenbuddy-prices plugin I wrote scrapes current vegetable prices from Coles, Woolworths, Aldi, and IGA at regular intervals. The ROI calculator uses these live prices, not fixed averages. If zucchini drops to $1.50/kg at Coles, the ROI on growing it drops with it.

+
+
+
🐛
+

Pest pressure model

+

The gardenbuddy-pests plugin maintains a model of pest activity thresholds by climate zone. Current temperature and humidity from the weather API feed into the model. If conditions are in the danger range for aphids, fungal disease, or caterpillar activity in zone 2, members in that zone get an alert.

+
+
+
🗓️
+

Planting calendar by postcode

+

The growzone-landing-pages plugin generates planting guides per climate zone. Enter a postcode, get a "what to plant this month" recommendation calibrated to the eight Australian climate zones, not just my own subtropical corner of SE Queensland.

+
+
+
📧
+

Weekly Gardener Digest

+

Built on the same dayboro-email-reports plugin engine I use on dayboro.au. The weekly digest covers current pest pressure, plant tasks due this week, upcoming weather, and supermarket prices for the vegetables the member is growing. It's personalised per member from their garden bed contents.

+
+
+
🧑‍🌾
+

Demo garden

+

A fully populated example garden showing every feature: beds, plants at different growth stages, past harvest records, pest alerts, and an ROI report. New users can explore the demo garden without signing up, so they see exactly what the platform does before they commit.

+
+
+ +
+
Version 2: what changed
+

Version 1 was a set of static calculators using weather data files from dayboro.au. It worked for Dayboro but not for anyone on a different postcode. Version 2 was a full (re)-build: a national climate zone database, a weather API layer that can serve conditions for any Australian postcode, and a proper user account system with garden bed management. The plugin version number (v2.0.6) reflects this. It isn't an incremental update, it's a different product.

+
+
+
+ + +
+
+

Under the Hood

+

Six custom plugins, one platform

+

I built the platform entirely on WordPress with custom plugins. No SaaS garden service behind it, no app framework from someone else. Every piece of it is code I wrote and own. There's no licence fee sitting under it that isn't mine.

+ +
+
+

garden-buddy (core)

+

The main plugin, "Buddy the Sprout" v2.0.6. Garden bed management, plant tracking, growth stage calculation, harvest logging, ROI reports, the My Garden dashboard, and everything members see and click. 20+ shortcodes covering the whole platform.

+
+
+

gardenbuddy-pests

+

Pest pressure model by climate zone. Temperature and humidity thresholds for 12 common garden pests. It reads the weather API to flag active risk conditions. Alerts appear in the My Garden dashboard and the weekly email.

+
+
+

gardenbuddy-prices

+

Supermarket price scraper. Tracks current retail prices for 40+ vegetables across Coles, Woolworths, Aldi, and IGA. Feeds the ROI calculator and the monthly price report section of the Gardener Digest.

+
+
+

gardenbuddy-buddy-check

+

A health check plugin that monitors the platform's data pipelines (weather API connectivity, price scraper freshness, cron job execution) and surfaces any failures in the WordPress admin before members notice them.

+
+
+

growzone-landing-pages

+

Generates landing pages for each of the eight Australian climate zones and for specific postcodes, tuned for organic search. "What to grow in zone 6 this month" style pages that bring gardeners to the platform.

+
+
+

dayboro-email-reports (shared)

+

The same email reports engine I run across dayboro.au. Queued sending, personalised content per subscriber, open tracking. On GardenBuddy it generates the weekly Gardener Digest with each member's own garden data.

+
+
+ +
+

Full technology list

+
+ WordPress 6.x + PHP 8.4 + MariaDB + PMPro Membership + Elementor Pro + our weather API + Redis cache + Custom price scraper + Australian climate zone DB + Custom email queue + BOM weather data + DirectAdmin + Google Site Kit +
+
+
+ + +
+
+
+

What we can build for you

+

A membership platform with live data baked in.

+

The GardenBuddy architecture (custom plugin, live data API, personalised email, content by postcode, PMPro membership) is a pattern I've now built twice, whilst the code stays mine to reuse on the next project. If your product involves connecting a member to live local data and giving them a personalised dashboard, this is the stack I'd use.

+
+ Talk to us about your project + Custom plugin development +
+
+
+
+ + + + + + + + diff --git a/site/work/localbuddy-au.html b/site/work/localbuddy-au.html new file mode 100644 index 0000000..7897e53 --- /dev/null +++ b/site/work/localbuddy-au.html @@ -0,0 +1,518 @@ + + + + + + + LocalBuddy Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + LocalBuddy +
+

Case Study: Community SaaS Platform

+

LocalBuddy.
Community infrastructure
for Australian neighbourhoods.

+

A multi tenant community platform I built in Brisbane for local councils, community groups, and neighbourhood associations. Events and RSVPs, a business directory, a buy, sell and swap marketplace, and secure messaging on Matrix, all in one package, running under their own branding.

+ +
+
+
AU
+
Built for Australia
+
+
+
$0
+
Free Tier Exists
+
+
+
4
+
Core Modules
+
+
+
Multi
+
Tenant Architecture
+
+
+
+
+ + +
+
+
+
+

Overview

+

What it actually is

+

Most community groups I deal with (Lions clubs, P&C associations, neighbourhood watch groups, rural fire brigades) run their communication across three or four different platforms that don't talk to each other. Facebook for announcements, a separate spreadsheet for the directory, email chains for RSVPs, and WhatsApp for the daily chat that nobody outside can see.

+

I built LocalBuddy to consolidate those into a single platform that runs under the community's own branding. The council or group gets their own subdomain, their own colour scheme, and their own data. The underlying infrastructure is shared across tenants, which is where the (re)-usability of the platform keeps the cost down. They look independent even though they aren't running their own server.

+

The four modules cover the four things communities actually need: knowing what's on this weekend, finding a local tradie, selling a second hand lawnmower, and talking to each other without the feed algorithm deciding who sees what.

+
+

"Nextdoor exists. Facebook Groups exist. Neither is owned by the community, neither runs on Australian servers, and neither lets the group admin control what data is collected and where it goes. That is the gap."

+
+
+
+ LocalBuddy community platform +
+ Static HTML + Matrix Protocol + Multi-Tenant SaaS + REST API + Custom Branding + Australian Hosted +
+
+
+
+
+ + +
+
+

Core Modules

+

Four things communities actually need

+

I designed each module for how a community group actually works. No feature chasing, no "engagement metrics", just the tools that reduce the admin burden of running a local organisation.

+ +
+
+
📅
+

Events + RSVP + Calendar

+

Post events, collect RSVPs, send reminders. The calendar view shows what's on this week and this month. RSVP confirmation emails go out automatically. The admin sees a live headcount. No spreadsheet required.

+
+
+
🏪
+

Business Directory with Reviews

+

The local business directory with categories, search, contact details, and community reviews. Businesses can claim their listing. The directory admin approves new listings and removes stale ones. Replaces the printed community guide.

+
+
+
🔄
+

Buy, Sell, Swap Marketplace

+

A neighbourhood marketplace for second hand goods, free items, and services. Listings expire automatically. Photo uploads supported. Not Facebook Marketplace, but it's yours: no algorithm, no data mining, no ads.

+
+
+
💬
+

Secure Messaging on Matrix

+

Group and private messaging runs on the Matrix protocol. Open standard, federated, encrypted end to end. The community's messages are stored on Australian infrastructure I manage. No vendor lock in; the protocol is publicly documented.

+
+
+
🎨
+

Custom Branding Per Tenant

+

Each community gets their own subdomain and their own colour scheme. The Dayboro Lions Club looks like the Dayboro Lions Club, not "powered by LocalBuddy with a logo in the corner." Branding is configurable from the tenant admin panel.

+
+
+
📊
+

Analytics Dashboard

+

Tenant admins can see how the platform is being used: active members, event attendance trends, directory search terms, marketplace listing activity. The data belongs to the tenant and stays in Australia, on infrastructure I run.

+
+
+
+
+ + +
+
+

Pricing

+

Tiers built for community budgets

+

Community groups don't have IT budgets, so I priced the tiers around that. The free tier costs nothing and does the real job. Councils and larger organisations that need SLAs, custom domains, and support have a path to paid tiers that reflects the value, whilst the free tier stays functional rather than a crippled demo.

+ +
+
+
Community
+
$0 /month
+

Clubs, sporting groups, neighbourhood associations

+
    +
  • All four modules
  • +
  • Up to 200 members
  • +
  • LocalBuddy subdomain
  • +
  • Standard support
  • +
+
+
+
Group
+
$49 /month
+

Active community groups, RSLs, Lions clubs

+
    +
  • Everything in Community
  • +
  • Up to 1,000 members
  • +
  • Custom domain
  • +
  • Custom branding
  • +
  • Priority support
  • +
+
+ +
+
Council
+
$249 /month
+

Local councils, regional development boards

+
    +
  • Everything in Organisation
  • +
  • Multi suburb deployment
  • +
  • White label (no LocalBuddy branding)
  • +
  • Dedicated support contact
  • +
  • Custom feature development
  • +
+
+
+
+
+ + +
+
+

Under the Hood

+

Multi tenant architecture

+
+
+

LocalBuddy runs on a multi tenant architecture where all tenants share the same underlying infrastructure but are isolated at the data layer. A community in Dayboro can't see the data of a community in Toowoomba. As the platform admin, I can see all tenants for operational purposes.

+

The landing page at localbuddy.au is a static HTML site I wrote. No WordPress, no framework. It loads fast, it doesn't break, and it doesn't need updating every time a WordPress plugin releases a security patch. I keep the platform application on separate infrastructure behind the scenes.

+

Matrix for messaging was my deliberate choice. The Matrix protocol is open, federated, and well documented. If LocalBuddy ever shut down or a community wanted to host their messaging themselves, they could export their room history and move to any Matrix compatible server. That isn't possible with WhatsApp or Facebook Messenger.

+
+
+
+
🏗️
+

Tenant isolation

+

Each tenant has their own database schema prefix. Events, directory listings, marketplace items, and member records are scoped per tenant. Cross-tenant queries are not possible from tenant-level code.

+
+
+
🌐
+

Custom domains

+

Paid tiers get their own subdomain or custom domain. The platform provisions SSL automatically. From the community's perspective, it's their website.

+
+
+
🔐
+

Australian data sovereignty

+

I store all data in Australia. No content moderation AI, no advertising targeting, no data sharing with third parties. The community owns their member data.

+
+
+
+ +
+
Current status
+

LocalBuddy is in active development. The platform architecture and landing page are built. The deployment model and tenant provisioning system are functional. The first community tenants are the Dayboro Lions Club directory (which runs on the same infrastructure as dayboro.au) and a pilot group in the Moreton Bay region. I haven't opened public sign up for new communities without prior contact. That's deliberate while I refine the onboarding process.

+
+
+
+ + +
+
+

Technical Details

+

Full stack

+
+
+

Landing page

+
+ Static HTML + Vanilla CSS + No framework dependency + Australian hosted +
+

Platform application

+
+ REST API backend + Multi-tenant database + Matrix protocol (messaging) + Platform API layer +
+
+
+

Infrastructure

+
+ DirectAdmin, brisbane01 + Let's Encrypt SSL + Australian data centre + Automatic subdomain provisioning +
+
+
+
+
+ + +
+
+
+

Running a community group or local council?

+

If you're managing a community organisation on a mix of Facebook, email chains, and shared Google Docs, I built LocalBuddy for exactly that situation. Get in touch and I'll talk you through whether it fits.

+ +
+ +
+ ← Back to all work +
+
+
+ + + + + + + + + diff --git a/site/work/m8chat-au.html b/site/work/m8chat-au.html new file mode 100644 index 0000000..c563d6f --- /dev/null +++ b/site/work/m8chat-au.html @@ -0,0 +1,517 @@ + + + + + + + M8Chat Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + M8Chat +
+

Case Study: Secure Communications Platform

+

M8Chat.
Chat, video, and mobile,
without giving it all to US big tech.

+

A self hosted Matrix messaging server, Jitsi video conferencing and a Flutter mobile app, all running on private Australian VPS infrastructure. No Zoom account, no Slack subscription, no message history sitting in someone else's US data centre.

+ +
+
+
E2E
+
Encrypted
+
+
+
AU
+
Data Sovereign
+
+
+
VPS
+
Private Infrastructure
+
+
+
Open
+
Source Stack
+
+
+
+
+ + +
+
+
+
+

Overview

+

What it actually is

+

Zoom is fine until it isn't. At some point you start wondering where the recordings go, whether Zoom keeps the chat logs for their own purposes, and whether "HIPAA compliant" on a US platform means the same thing it would mean on Australian infrastructure. I hear those questions more from health workers, legal services and community organisations than most vendors admit.

+

M8Chat is the answer I built for myself and for community use. It runs on the Matrix protocol (open, federated, end to end encrypted) on my own Matrix Homeserver infrastructure in Australia. Video conferencing runs on a separate dedicated VPS. The mobile and web app is my own Flutter Matrix client, deployed as a PWA at app.m8chat.au and available as an APK for Android.

+

The entire stack is open source. If M8Chat shut down tomorrow, every user could take their conversation history and move to any other Matrix server. The data belongs to the users, not to the platform. That matters to me more than any feature list.

+
+

"Matrix is a properly decentralised protocol. Your chat history isn't locked to M8Chat the way it's locked to WhatsApp or Slack. That's the design, not a marketing claim."

+
+
+
+ M8Chat secure communications platform +
+ Matrix Protocol + Jitsi Video Conferencing + Flutter (custom client) + Docker + Australian VPS + E2E Encryption +
+
+
+
+
+ + +
+
+

Infrastructure

+

What runs where

+

Three separate servers. Each one doing one thing. Chat and video on dedicated VPS instances keeps them from competing for resources, and it means a Jitsi call dropping doesn't take the chat server with it.

+ +
+
+
Matrix homeserver
+
chat.m8chat.au
+

My Matrix homeserver handles all protocol operations: room management, message storage, federation with the broader Matrix network, and push notifications. Containerised, with a solid database backend. This is the core of the platform.

+
+
+
Video conferencing
+
conf.m8chat.au
+

A full video conferencing stack on a dedicated VPS, with media bridging, conference management, and session recording. Separate from the chat server, so a heavy video call doesn't affect message delivery.

+
+
+
Landing page + app
+
m8chat.au · app.m8chat.au
+

The WordPress landing page and the Flutter PWA run on the Brisbane shared server alongside the rest of the HELP4BIS portfolio. The app connects to the Matrix homeserver via the standard Matrix client API.

+
+
+
app2.m8chat.au
+
app2.m8chat.au
+

A staging and alternate deployment of the Flutter app. I use it for testing new builds before they go to the main app subdomain, and it doubles as a fallback endpoint during major app updates.

+
+
+
+
+ + +
+
+

Mobile App

+

The Flutter app

+
+
+

The M8Chat app is my own Flutter Matrix client. I build it specifically for this platform, and it has grown with every release since. I control the full codebase: branding, features, release schedule, and what data the app collects (which is nothing beyond what the Matrix protocol requires).

+

The app is available three ways: as a Flutter PWA at app.m8chat.au (works in any modern browser, and you can add it to the home screen on Android and iOS), as a direct APK download for Android (sideload, no Google Play required), and via the Google Play store.

+

Core features: text messaging, file sharing, voice messages, end to end encrypted rooms, communities, and video calls that launch with one tap. Video calls open in my conferencing infrastructure without leaving the app.

+
+
+
+
📱
+

Three deployment targets

+

PWA at app.m8chat.au, APK sideload, and Google Play. Users pick the delivery method that suits their situation. Enterprise users who can't install from the Play Store can use the APK or the browser app.

+
+
+
🔗
+

Jitsi integration

+

One tap from a Matrix room starts a video call at conf.m8chat.au. The conference runs on private infrastructure. There's no Zoom account required and no third party call relay involved.

+
+
+
🔄
+

Full control of the codebase

+

I own the app code. New features get added when they make sense for the users, not on someone else's roadmap. Security patches go on quickly because there's no external upstream to wait on.

+
+
+
+
+
+ + +
+
+

Why Matrix

+

The protocol choice

+
+
+

Matrix is an open communication protocol, not a product. The spec is publicly documented, multiple open server implementations exist, and any Matrix client can connect to any Matrix server. There's no vendor lock in at the protocol level.

+

Federation means M8Chat users can communicate with users on any other Matrix server in the world (matrix.org, a company's self hosted instance, a government Matrix deployment) without those users needing an M8Chat account. It works the same way email does: you don't need a Gmail account to email someone at Gmail.

+

End to end encryption is available for private rooms and direct messages. Keys are stored on the user's devices. The server operator, and that includes me, can't read encrypted messages. That's the whole point.

+
+
+
+
+
🌐
+

Federation with the Matrix network

+

M8Chat users can join rooms on other Matrix servers, communicate with users on matrix.org, and take part in the broader decentralised network. This isn't a walled garden.

+
+
+
🔑
+

E2E encryption

+

Private rooms and direct messages support end to end encryption using the Olm and Megolm cryptographic protocols. Messages are encrypted on the sender's device and decrypted on the receiver's. The server stores ciphertext, not plaintext.

+
+
+
+
+ +
+
Honest note: operational complexity
+

Running a Matrix Homeserver is not trivial. The server is resource hungry, federation can create unexpected load from large public rooms, and the database grows faster than most people expect because Matrix stores the full event graph of every room. I monitor the server load, prune old data on a schedule, and I've had to tune the configuration several times since the initial deployment. It's more like running a mail server than running a WordPress site. Anyone considering self hosted Matrix should factor in that operational overhead, not just the initial setup cost.

+
+
+
+ + +
+
+

Technical Details

+

Full stack

+
+
+

Chat infrastructure (chat.m8chat.au)

+
+ Matrix homeserver + Containerised stack + Nginx reverse proxy + Let's Encrypt SSL + Media relay +
+

Video conferencing (conf.m8chat.au)

+
+ Jitsi conferencing stack + Media bridge + Session recording + Containerised stack +
+
+
+

Mobile app

+
+ Flutter 3.x (custom client) + Dart + Service Worker PWA + Android APK + Google Play +
+

Web + landing

+
+ WordPress (m8chat.au) + Flutter PWA (app.m8chat.au) + DirectAdmin, brisbane01 +
+
+
+
+
+ + +
+
+

Who Is It For

+

When self hosted messaging makes sense

+

This isn't for everyone. Most small businesses don't need to self host their communications. But for some situations the data sovereignty argument is real.

+ +
+
+
🏥
+

Health practitioners

+

GPs, psychologists and allied health workers who send patient information via messaging and want that data to stay in Australia on infrastructure they control, rather than on US servers under US law.

+
+
+
⚖️
+

Legal and financial services

+

Firms with client confidentiality obligations who need to show where communications are stored and under whose jurisdiction. Australian hosted messaging with documented retention policies.

+
+
+
🏛️
+

Community organisations

+

Councils, volunteer emergency services, community groups who want member communications on infrastructure they control rather than dependent on Facebook Groups or WhatsApp staying free and functional.

+
+
+
🏢
+

Small businesses leaving Slack

+

Teams who have outgrown free Slack tiers and want a permanent self hosted alternative. The Slack pricing cliff at the free tier limit makes Matrix a cost effective option for teams of five to thirty people.

+
+
+
🔬
+

Research and academic

+

Research groups handling sensitive data, unpublished material, or material subject to research ethics approvals who need a documented chain of custody for communications.

+
+
+
👥
+

M8Chat direct community use

+

M8Chat runs as a community service for individuals and small groups who simply want a free, private, Australian alternative to WhatsApp or Telegram. No surveillance capitalism, no ads, no algorithm deciding what you see.

+
+
+
+
+ + +
+
+
+

Want your own self-hosted Matrix instance?

+

I can deploy, configure and maintain a Matrix homeserver for your organisation on Australian infrastructure. I handle the operational complexity. You get the sovereignty.

+ +
+ +
+ ← Back to all work +
+
+
+ + + + + + + + + diff --git a/site/work/nightcap-nm.html b/site/work/nightcap-nm.html new file mode 100644 index 0000000..c2a0ce2 --- /dev/null +++ b/site/work/nightcap-nm.html @@ -0,0 +1,450 @@ + + + + + + + Nightcap Natural Medicine Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + Nightcap Natural Medicine +
+

Case Study: Health Practice Website

+

Nightcap Natural Medicine.
A practice website
that does its job.

+

A professional naturopathy website I built for Therese Latta in South East Queensland. Clean, fast, properly maintained, and set up so patients understand what Therese does and how to book.

+ +
+
+
WP
+
Platform
+
+
+
7
+
Core Pages
+
+
+
12
+
Services Listed
+
+
+
QLD
+
Location
+
+
+
+
+ + +
+
+
+
+

Overview

+

What it actually is

+

Therese Latta is a naturopath. Her patients come from the Nightcap Range area and further afield across South East Queensland. They need to understand what naturopathy is, what conditions Therese works with, and how to get in touch. That's what the website does.

+

This isn't a complex build, and I'm happy to say so. No custom plugins, no app, no membership system. It's a well built, properly maintained WordPress site with Elementor Pro, hosted on the same Brisbane server as the rest of my portfolio. What makes it work is the content and the maintenance. Therese knows her field; the website communicates it clearly.

+

The value of managed hosting for a solo health practitioner isn't the technology, it's the removal of the maintenance burden. Therese doesn't want to spend her Sundays checking whether WordPress updated correctly and whether a plugin conflict broke the contact form. I handle that, whilst she gets on with her clinical work.

+
+

"A solo practice has one person doing everything: clinical work, administration, marketing, and website maintenance. The website is the one thing she shouldn't have to think about."

+
+
+
+ Nightcap Natural Medicine website +
+ WordPress + Elementor Pro + Managed Hosting + Brisbane Server + Let's Encrypt SSL + Daily Backups +
+
+
+
+
+ + +
+
+

Site Structure

+

What the site covers

+

Seven core pages, each one answering a specific question a prospective patient asks before booking. Nothing extra.

+ +
    +
  • HomeIntroduction, trust signals, and a clear path to booking.
  • +
  • About ThereseQualifications, philosophy, and why she became a naturopath.
  • +
  • 6 Principles of NaturopathyExplains the foundational principles of naturopathic practice for patients who are new to it.
  • +
  • Services12 health areas Therese works with: digestive health, hormonal support, stress management, and more.
  • +
  • BlogHealth and wellbeing articles written by Therese. Updated as she has time; no artificial publishing schedule.
  • +
  • Useful LinksCurated external resources Therese recommends to patients.
  • +
  • ContactInquiry form and booking information.
  • +
+
+
+ + +
+
+

What the Management Covers

+

What "managed" actually means here

+

For a site like this (no online shop, no complex integrations, no custom plugins) managed hosting is mostly about prevention and response. You don't notice it when it works.

+ +
+
+
🛡️
+

Daily backups

+

Offsite backups run every 24 hours. If something goes wrong (a plugin update breaks a page, the server has a bad day) there's always a clean restore point within 24 hours of the current state.

+
+
+
🔄
+

Plugin and core updates

+

WordPress core, Elementor Pro, and all installed plugins are tested and updated regularly. When a security patch comes out, it goes in. When an update breaks something, I fix it before Therese notices.

+
+
+
🔒
+

SSL and security

+

Let's Encrypt SSL renews automatically. Login hardening, file permission checks, and malware scanning run as scheduled tasks. No extra plugin subscriptions, no extra cost.

+
+
+
⚡
+

Performance

+

The site runs on the Brisbane server with PHP 8.4. Page caching means the site serves fast on shared infrastructure without needing a dedicated server for a site at this traffic level.

+
+
+
✏️
+

Content edits

+

When Therese adds a new service, updates her bio, or wants to change the contact information, she emails through the brief and it gets done within 24 hours. No Elementor training required.

+
+
+
📧
+

Professional email

+

Business email on the nightcap-nm.au domain is included. I've configured SPF, DKIM, and DMARC properly so Therese's emails don't end up in spam folders.

+
+
+
+
+ + +
+
+

Straight Talking

+

What this is and what it is not

+
+
+

Nightcap Natural Medicine is the kind of site most web agencies would undersell themselves building. It isn't complex, it doesn't have impressive technical features, and it wouldn't win awards at a digital agency portfolio review. I'm fine with that.

+

What it is: a well built, properly maintained website that works reliably for a solo health practitioner who has better things to do than manage a website. Therese's job is looking after patients. The website's job is being there when someone searches for a naturopath in the area, whilst presenting Therese's practice professionally.

+

That's what I built. And it costs less per month than two tanks of petrol.

+
+
+
+
On bookings integration
+

Nightcap-nm.au currently uses a contact form rather than an online booking system. Online booking tools for health practitioners (Halaxy, Power Diary, Cliniko) vary a lot in how they embed and whether they're worth the extra monthly cost for a sole practitioner. If Therese decides to add one, I'll do the integration; it's straightforward. For now the contact form works and adds no external dependency.

+
+
+
AHPRA compliance
+

Naturopaths in Australia operate under specific AHPRA advertising standards. Health claims, testimonials, and before and after content require care. I review the site when content changes to keep it compliant. I flag anything that looks borderline; Therese makes the final call as the registered practitioner.

+
+
+
+
+
+ + +
+
+

Technical Details

+

The stack

+

Nothing exotic. The point of a managed WordPress platform is that the stack is reliable and well understood, so I can solve problems fast when they come up.

+
+ WordPress 6.x + Elementor Pro + PHP 8.4 + MariaDB + Let's Encrypt SSL + DirectAdmin, brisbane01 + Australian hosting + Professional email +
+

Hosting is on the same Brisbane server as the rest of my portfolio under DirectAdmin. Uptime is monitored via an external pinger; I get alerted before Therese notices any downtime.

+
+
+ + +
+
+
+

A professional practice website, properly maintained.

+

If you run a solo health practice, a consulting business, or any professional service where the website needs to be reliable but you don't want to manage it yourself, this is exactly what Tailored Website Management is for.

+ +
+ +
+ ← Back to all work +
+
+
+ + + + + + + + + diff --git a/site/work/rds-ink.html b/site/work/rds-ink.html new file mode 100644 index 0000000..3e373fe --- /dev/null +++ b/site/work/rds-ink.html @@ -0,0 +1,590 @@ + + + + + + + Running Duck Studio Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home + › + Our Work + › + Running Duck Studio +
+

Case Study: Art Gallery + App

+

Running Duck Studio.
Selling art online
is harder than it looks.

+

A WooCommerce art gallery with augmented reality painting previews, a Flutter app that shows the work in your space before you buy, and a custom plugin suite I built specifically for how a working artist studio actually sells.

+ +
+
+
WC
+
Sales Platform
+
+
+
5
+
Custom Plugins
+
+
+
AR
+
In Room Previews
+
+
+
8.4MB
+
Flutter PWA
+
+
+
+
+ + +
+
+
+
+

Overview

+

What it actually is

+

Danielle runs a working art studio. She paints originals, prints limited editions, and sells through the website. Standard WooCommerce wasn't built for original artwork. There's no concept of a one of a kind piece that's gone when it sells, no way to mark something as SOLD with context rather than just deleting it, and no way to show the buyer what the painting looks like at life size on their wall before they commit.

+

So I built what was missing. A custom plugin suite that handles the art gallery's specific needs: SOLD badge display with history tracking, a commission inquiry form, an artwork dimenions field, category filtering for the gallery view, and a Related Works shortcode. On top of that I built a Flutter progressive web app with augmented reality, where the buyer can point their phone camera at their wall and see the painting at real scale.

+

The AR feature is the part I spend the most time explaining, but it sells the hardest when people actually try it. Danielle uploads a photo of the painting and a short video. The AR target gets compiled in the browser. The Flutter app opens a camera overlay and shows the work in the room.

+
+

"Selling original art online has one central problem: people can't tell how big it is or whether it will work on their wall. The AR preview solves that directly."

+
+
+
+ Running Duck Studio website +
+ WordPress + WooCommerce + Flutter Web + Augmented Reality + Gelato Print-on-Demand + Custom Plugins + REST API +
+
+
+
+
+ + +
+
+

Signature Feature

+

How the AR preview works

+

Danielle does the entire setup from the WordPress admin. No technical knowledge required after the initial build I did. The whole pipeline runs from her laptop.

+ +
+
+
1
+
Upload painting + video
+

Danielle uploads a straight photo of the painting and a short video of it hanging in the studio. Both go into the rds-ar-manager plugin.

+
+
+
2
+
AR target compiles in the browser
+

The plugin compiles the AR target in the browser. No processing on my server, no external AR service subscription. The target image descriptor is stored with the product.

+
+
+
3
+
Buyer opens Flutter app
+

The Flutter PWA at flutter.rds.ink reads the product data via REST API. The buyer taps "View in your space" and the app opens a camera overlay showing the painting at real scale on their wall.

+
+
+ +
+
Honest note
+

The AR feature works well on mid range Android and current iOS. Older phones with limited camera APIs see a standard overlay without full spatial tracking. It's a real improvement for most buyers, not a universal replacement for visiting the studio. I document this clearly in the app.

+
+
+
+ + +
+
+

Custom Development

+

Five plugins, one purpose

+

Standard WooCommerce treats every product the same. I wrote these plugins because original artwork isn't the same as a T shirt. Each one fills a specific gap in how the gallery actually works.

+ +
    +
  • + rds-core + Core gallery functionality: product display, pricing, SOLD badge with history, commission inquiry form, Similar Works shortcode, category filter bar, and artwork dimensions. The plugin that makes WooCommerce behave like an art gallery rather than a general shop. +
  • +
  • + rds-ar-manager + AR experience management. Danielle uploads painting image and video via a metabox on the product edit screen. The plugin handles AR target compilation and makes it available to the Flutter app. +
  • +
  • + rds-flutter-config + Controls the look, feel, and content of the Flutter PWA from WP admin. Theme colours, featured collections, and navigation structure can all be changed without redeploying the app. +
  • +
  • + rds-image-guard + Active + Disables right click save and drag based image theft on all gallery pages. Doesn't prevent determined copying but removes casual right click downloads. Standard protection for selling original digital previews of artwork. +
  • +
  • + rds-seo-command + Active + SEO tooling for the gallery: auto-generates meta descriptions from product data, builds structured data markup for individual artwork pages, and handles canonical URLs across the category and tag views. +
  • +
+
+
+ + +
+
+

Commerce Layer

+

Originals plus print on demand

+

Running Duck Studio sells two things: original paintings at original prices, and print reproductions via Gelato. Gelato handles fulfilment. They print and ship from the production facility closest to the buyer, and the WooCommerce integration I set up connects the two.

+ +
+
+
🎨
+

Original paintings

+

Each original is a single WooCommerce product with a custom SOLD state I built. When it sells, the product switches to SOLD, shows the sold price and date, and remains visible as portfolio history rather than disappearing from the site.

+
+
+
🖨️
+

Gelato print on demand

+

Limited edition prints are fulfilled by Gelato. The buyer places a WooCommerce order; Gelato picks it up automatically and handles printing, packaging, and shipping. No inventory, no fulfilment work on Danielle's end, and nothing manual for me either.

+
+
+
📦
+

Commission inquiries

+

The commission form (part of rds-core) captures buyer requirements, preferred size, colour palette, and budget. It feeds into a structured email workflow rather than a generic contact form. Danielle gets everything she needs in one message.

+
+
+ +
+
Honest note: Gelato
+

Gelato's WooCommerce API has specific requirements around product variant mapping that I had to document carefully. When Gelato updates their product catalogue, variant IDs can change and previously mapped products need relinking, so it is important keep the variant mapping current. It's not a set and forget integration. I handle those updates as part of the ongoing management relationship.

+
+
+
+ + +
+
+

Mobile Experience

+

The Flutter app

+
+
+

The Flutter progressive web app I wrote at flutter.rds.ink is an 8.4 MB build that runs in the browser on any device. No app store download required. The buyer opens it from their phone browser or via a QR code on the gallery page.

+

The app reads product data from the WordPress REST API on launch. Featured collections, theme colours, and the gallery structure all come from the rds-flutter-config plugin, so the app stays in sync with the website without being redeployed every time Danielle adds a new collection.

+

Core screens: gallery browse by category, individual artwork detail with AR trigger, Danielle's story, commission inquiry form, and a direct link to the WooCommerce cart. I run the cart in a WebView pointed at the WordPress site so I don't duplicate the payment integration.

+
+
+
+
📱
+

PWA, no app store required

+

Works on Android and iOS via the browser. Users can add it to their home screen and it behaves like an installed app. The service worker caches the gallery for offline browsing.

+
+
+
🔗
+

Live data from WordPress

+

The app reads the product catalogue via REST API. New artwork appears in the app automatically when published in WordPress. I don't need to redeploy anything for content updates.

+
+
+
🛒
+

Cart via WebView

+

Purchases complete through the WooCommerce site inside a WebView. No duplicated payment integration, no Stripe keys managed in two places.

+
+
+
+
+
+ + +
+
+

Technical Details

+

Full stack

+
+
+

Web platform

+
+ WordPress 6.x + WooCommerce + Elementor Pro + rds-core + rds-ar-manager + rds-flutter-config + rds-image-guard + rds-seo-command + Gelato integration +
+

Mobile app

+
+ Flutter 3.x + Dart + WebXR AR + Service Worker PWA + REST API consumer + WebView cart +
+
+
+

Infrastructure

+
+ DirectAdmin, brisbane01 + PHP 8.4 + MariaDB + Let's Encrypt SSL + rds.ink (WooCommerce) + flutter.rds.ink (Flutter PWA) +
+
+
What this costs to run
+

The platform runs on shared infrastructure on the same Brisbane server as the rest of my portfolio. Total hosting cost for rds.ink and the Flutter subdomain is included in the Tailored Website Management plan at $200/month. Gelato charges per print fulfilled; there's no monthly fee for their integration.

+
+
+
+
+
+ + +
+
+
+

Want a WooCommerce store that actually fits your business?

+

Standard WooCommerce is a solid foundation. The question is whether it fits what you actually sell. If it doesn't, I build the parts that are missing.

+ +
+ +
+ ← Back to all work +
+
+
+ + + + + + + + + diff --git a/site/work/tawnytrails.html b/site/work/tawnytrails.html new file mode 100644 index 0000000..9ca00f8 --- /dev/null +++ b/site/work/tawnytrails.html @@ -0,0 +1,539 @@ + + + + + + + Tawny Trails Case Study | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Home› + Our Work› + Tawny Trails +
+

Case Study: Tourism & Arts Trail

+

Tawny Trails.
A rural arts trail
with a proper platform.

+

22 venues across the D'Aguilar Range and surrounds (art studios, sculpture gardens, horse riding, ceramics, accommodation, and bush walks) all connected through a REST API I built on WordPress, feeding a Flutter PWA and a curated itinerary system.

+ +
+
22
Venues on the Trail
+
3
Curated Itineraries
+
1.7
Custom Plugins Built
+
6.9 MB
Flutter PWA
+
+
+
+ + +
+
+
+
+

Overview

+

What it is

+

Tawny Trails is a self guided arts and tourism trail covering the D'Aguilar Range, the Dayboro valley, and the surrounding hinterland northwest of Brisbane. 22 venues, from galleries, studios and sculpture parks to horse trail operators, accommodation, and bush walking areas, connected through a single platform that visitors can use on a phone without needing to install anything.

+

The brief I got wasn't just a directory with a map. It needed themed itineraries so a day visitor from Brisbane could plan a route without spending twenty minutes reading. It needed opening hours that were current, and with 22 venues it is important keep those current without me touching them. It needed to work as a Flutter app on the phone, not a website that looks like it was designed for a desktop. And it needed a membership layer so venue operators could manage their own listings.

+
+

"The gap between 'a WordPress site with a map plugin' and 'an actual trail platform' is a custom REST API, a Flutter app, and a decent itinerary system. That's what I built."

+
+
+ WordPress + Flutter Web + Custom REST API + ACF + PMPro Membership + Elementor Pro + Custom CPT +
+
+
+ Tawny Trails arts and tourism trail +
+
+
+
+ + +
+
+

The Trail

+

22 venues, all on one platform

+

Each venue is a custom post type (tt_venue) with ACF fields for opening hours, GPS coordinates, category, accessibility notes, and contact details. The Flutter app reads all of it from my REST API. There's no hardcoded content in the app itself.

+ +
+
Art StudioKylie Farrelly Art
+
Art StudioAnn Russell Art
+
Art StudioTatiana Afonina
+
Art StudioChrista's Art & Gilding
+
GalleryThe Artist Cove
+
GalleryDayboro Art Gallery
+
GalleryRunning Duck Studio
+
CeramicsWoodside Ceramics
+
SculpturePhoenix Sculpture Garden
+
HeritageSilverwood Butter Factory
+
WorkshopThe Gantry
+
RestaurantRendezvous
+
Horse RidingSlickers Horse Riding
+
Bush WalkMaiala Rain Forest
+
LookoutDahmongah Lookout Park
+
AccommodationMaiala Park Lodge
+
AccommodationLaceys Creek Homestead
+
AccommodationCascade Cottage
+
AccommodationWalkabout Retreat
+
AccommodationMercure Clear Mountain
+
AccommodationOcean View Estates
+
AccommodationOceanview Estates
+
+
+
+ + +
+
+

Technical Architecture

+

A custom API feeding the Flutter app

+

The TawnyTrails API plugin (tt-api) is the engine of the whole platform. I wrote it to expose venue data, itineraries, and opening hours logic via a custom REST API. The Flutter app has no hardcoded content. Everything it displays is fetched live from WordPress.

+ +
+
+
🔌
+

TawnyTrails API Plugin (tt-api)

+

A WordPress plugin I built specifically for this project. It handles venue data storage, custom field management, the REST API layer, and data caching to keep the Flutter app fast without hitting the database on every request.

+
+
+
📱
+

Flutter PWA at flutter.tawnytrails.com

+

A Flutter Web app compiled to JavaScript and deployed as static files. 6.9 MB, runs on Android, iPhone (via Safari Add to Home Screen), and desktop. Reads venues and itineraries from the REST API on load. No App Store account required for iOS users.

+
+
+
🗺️
+

Live venue map

+

Every venue has GPS coordinates stored as ACF fields. The Flutter app renders an interactive map from the API data. Visitors can see all 22 stops, filter by category, and get directions from their current location.

+
+
+
🕐
+

Opening hours logic

+

Each venue's opening hours are stored as structured data, not free text. The API calculates whether a venue is open right now based on the current time and day. The app shows "Open now" or "Closed, opens at X" without the Flutter app doing any time calculations itself.

+
+
+
🧭
+

Three curated itineraries

+

A full day on Tawny Trails, a Brisbane scenic drive and arts highlight, and a creative country walk through Dayboro township. Each itinerary is a custom post type with ordered venue stops, timing estimates, and driving directions between them.

+
+
+
♿
+

Accessibility map

+

A separate view of the trail focused on accessibility, with notes per venue. Flat access, parking proximity, and facility notes for each venue, stored as ACF fields and exposed through the same REST API.

+
+
+ +
+
Why not a standard map plugin
+

Standard WordPress map plugins (Google Maps, MapPress, etc.) embed a JavaScript widget on a page. They work fine for a simple business locator. They can't serve a Flutter app, they can't calculate opening hours state, and they can't handle itinerary ordering or accessibility data in a structured way. When a Flutter app needs to consume venue data you need a real REST API, not a plugin that renders HTML. I checked the plugin route first and it doesn't get you there.

+
+
+
+ + +
+
+
+
+

Platform Features

+

Membership and content management

+

Venue operators log in and manage their own listings. Visitors can purchase trail memberships for extended features. The whole thing runs on PMPro, the same membership engine I use across the other platforms we manage.

+

My tt-pmpro-extensions plugin bridges PMPro and the access rules specific to TawnyTrails: which membership level gets access to which itinerary, gift certificate handling, and member discount logic for venue bookings.

+ +
+
+

Tour operator portal

+

A dedicated page for tour operators listing group experience options, with booking inquiry forms linked to each operator's contact.

+
+
+

Trail blog

+

Regular editorial content about venues, seasonal events, new openings, and trail news. Indexed and surfaced in search.

+
+
+

Gift certificates

+

Trail membership gift certificates configured in PMPro. Recipients redeem them at checkout for trail access.

+
+
+

Feature flags

+

A feature flag system in tt-api lets us enable or disable features for specific membership levels without a code deploy. It's controlled from the WordPress admin.

+
+
+
+
+
+

Custom plugins built

+
    +
  • + tt-api +

    Core REST API. Registers CPTs, meta fields, routes, CORS, caching. The Flutter app's entire data layer.

    +
  • +
  • + tt-pmpro-extensions +

    Membership access rules specific to TawnyTrails: itinerary gating, gift certificates, operator dashboard access.

    +
  • +
  • + tt-event-shortcodes +

    Shortcodes for embedding trail events, seasonal listings, and venue availability in standard WordPress pages.

    +
  • +
  • + tt-site-tweaks +

    Performance and display adjustments specific to the trail theme: header overrides, lazy load tuning, schema output.

    +
  • +
+
+
+
+
+
+ + +
+
+

Under the Hood

+

Full technology stack

+
+ WordPress 6.x + PHP 8.4 + MariaDB + Flutter 3.x + Dart + Flutter Web + REST API (custom) + Advanced Custom Fields + PMPro Membership + Elementor Pro + Custom CPT (tt_venue) + Custom CPT (tt_itinerary) + Redis cache + CleanTalk spam protection + DirectAdmin +
+ +
+ +
+
What is still being built
+

The platform is live and functional. A few pages aren't published yet. Some shortcode driven content sections are still being completed, and the Gift Certificate flow is in draft. The REST API, Flutter app, venue directory, itineraries, and membership system are all fully operational. I'd call this a normal state for a growing platform, not abandoned and not broken.

+
+
+
+ + +
+
+
+

What I can build for you

+

Got a trail, a precinct, or a cluster of venues?

+

I can build the same architecture (custom REST API, Flutter PWA, itinerary system, opening hours logic, accessibility map, and membership layer) for any arts trail, tourism precinct, or cluster of venues. The venue count doesn't matter. The complexity doesn't matter. The pattern is proven, because it's already running.

+
+ Talk to us about your project + See more of our work +
+
+
+
+ + + + + + + + diff --git a/site/your-first-week-with-ai.html b/site/your-first-week-with-ai.html new file mode 100644 index 0000000..b95be7b --- /dev/null +++ b/site/your-first-week-with-ai.html @@ -0,0 +1,629 @@ + + + + + + + Your First Week With AI: A Free Beginner's Checklist | HELP4BIS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Free Guide

+

Your First Week With AI

+

You are looking at a blank text box for the first time, and it is not obvious what to do with it. This guide walks you through it in order: what this actually is, what to type first, how to ask for things properly, and how to check whether you can trust what comes back. No sign-up, no jargon.

+
+
+ + +
+
+ +
+ 0 of 8 done + +
+ +

The Checklist

+

Work through it in order

+

Tick each one off as you go. It's fine to come back later, the tracker just runs in your browser for this visit.

+ +
+ +
+ + + 1 + What is this, actually? + + + + + + +
+

An AI chat is a computer program you talk to by typing. You type a message, it types a reply. That is the whole idea. It is not a search engine handing you a list of links, and it is not a person on the other end.

+

It has read an enormous amount of writing, so it's very good at producing answers that sound right. It doesn't always know whether what it wrote is actually true. I've seen it be completely wrong while sounding completely sure of itself. Keep that one sentence in mind for every step below.

+

My advice before you start: you don't need a perfect first message. You need to send one. Every step after this one will help you write better prompts, but pressing send on something rough is what actually gets you moving.

+
+
+ +
+ + + 2 + Find the box, say hello + + + + + + +
+

Somewhere on the screen, usually near the bottom, there is a text box waiting for you. Click into it, type a sentence, and press Enter or the send button.

+
+

Hello. I am completely new to this. What are you able to help me with?

+ +
+

Send that. Read what comes back. That's it, you have now used AI. There is no setup and no manual you needed to read first.

+
+
+ +
+ + + 3 + Ask for one real thing, plainly + + + + + + +
+

A message to an AI is often called a prompt. Beginners can get a long way with a simple four-part shape. You will not need all four every time, but knowing they exist means you can reach for whichever one is missing when an answer falls flat.

+
    +
  • Role. Who should it act as? A blunt editor, a patient teacher, a tenant advocate.
  • +
  • Context. What does it actually need to know? Your situation, the numbers, the background.
  • +
  • Command. What do you want done, in plain words?
  • +
  • Format. How do you want it back? A list, a short paragraph, a table, under 100 words.
  • +
+
+

Act as a patient, plain-speaking tenant advocate. My landlord hasn't fixed a leaking kitchen tap I reported two weeks ago. Write a short email asking him to fix it this week. Keep it under 100 words, polite but firm.

+ +
+
+ Why this matters + A vague request gets a vague, generic answer. A specific one gets a useful one. The AI is answering the question you actually asked, which is usually vaguer than you meant it to be. +
+
+ Speed up your learning + Whenever an answer turns out exactly right, ask it: "Write me the exact prompt that would have gotten me this answer straight away." It hands you back the shortcut for next time, so you improve without having to study anything. +
+
+
+ +
+ + + 4 + Talk back, don't start over + + + + + + +
+

If the first answer is not quite right, do not delete everything and start a new question. Reply in the same conversation and correct it. The AI can see what was said earlier and will adjust, that's how I use it myself.

+
    +
  • "That's too long, cut it in half."
  • +
  • "Too formal, make it sound like me talking to a friend."
  • +
  • "You got the date wrong, it's the 14th, not the 4th."
  • +
+

Most useful answers take two or three exchanges to get right. In my experience that's normal, not a sign you're doing it wrong.

+
+
+ +
+ + + 5 + Check anything that matters + + + + + + +
+

AI can state something false while sounding entirely confident about it. This has a name, a hallucination, covered in the glossary below. It is not rare, and it looks like every other sentence.

+
    +
  • For facts, dates, prices, or numbers, ask "where does that come from" or check it yourself.
  • +
  • For anything medical, legal, or financial, treat the answer as a starting point, not advice. Confirm with an actual professional.
  • +
  • For names, links, quotes, or citations, check them independently. These get invented more often than you would expect, and they can look completely real.
  • +
+
+ Why this matters + The cost of double-checking a wrong recipe is low. The cost of double-checking a wrong figure on a form, a wrong dose, or wrong legal advice is not. Match how carefully you check to how much it would cost to be wrong. +
+
+
+ +
+ + + 6 + Keep your private information private + + + + + + +
+

Once you have typed something into an AI chat, treat it as sent, the same way you would treat an email to a company you don't fully know. Do not paste in:

+
    +
  • Passwords, login codes, or security answers
  • +
  • Medical record details
  • +
  • Bank account, card, or tax file numbers
  • +
  • Someone else's personal details without their permission
  • +
  • Passport, licence, or Medicare numbers
  • +
+
+ Why this matters + Some AI providers may review or use conversations to improve future versions unless you've turned that off in settings. Private information typed into a chat can end up read by someone other than you. A simple rule of thumb: if you wouldn't say it out loud in a shop full of strangers, don't type it in either. +
+
+
+ +
+ + + 7 + Know what it's bad at + + + + + + +
+
    +
  • Expecting one message to be enough. Real use is a back-and-forth, not a single perfect question.
  • +
  • Assuming it knows today's date, current prices, or recent events. Unless it tells you it has looked something up, treat "current" information as possibly out of date.
  • +
  • Mistaking confidence for correctness. A calm, well-written sentence is not proof that it's true. See step 5.
  • +
+
+
+ +
+ + + 8 + Five things to try today + + + + + + +
+

Pick whichever one is actually true for you today. Real tasks teach you more than invented ones.

+
+

Explain how interest on a savings account works, like I'm eleven years old.

+ +
+
+

Help me write a text to a friend, cancelling plans for Saturday. Keep it warm, not cold.

+ +
+
+

Give me a simple week of dinners for one person who does not enjoy cooking.

+ +
+
+

I'm nervous about a phone call I have to make tomorrow. Help me plan what to say.

+ +
+
+

Read this and tell me what's confusing about it: [paste in something you wrote]

+ +
+
+
+ +
+
+
+ + +
+
+

Reference, Not A Step

+

Words you'll keep hearing

+

You do not need to memorise these before you start. Look them up here the first time you hit one.

+ +
+
+
Prompt
+
The message you type in. Asking a good question is often called "prompting".
+
+
+
Chat / conversation
+
The whole back-and-forth in one thread. The AI can see earlier messages in the same chat, which is why correcting beats restarting.
+
+
+
Model
+
The actual AI system doing the answering. Different models exist, some faster, some more careful, roughly like different staff with different strengths.
+
+
+
Hallucination
+
When the AI states something false while sounding completely confident. Not a glitch you'll be warned about, just a wrong sentence that reads like a right one.
+
+
+
Context
+
Everything the AI currently has in view: your message, earlier messages, anything you've pasted in. More relevant context usually means a better answer.
+
+
+
Token
+
A rough chunk of text, close to a short word or word piece. Mentioned mostly around cost and length limits. You can safely ignore it as a beginner.
+
+
+
+
+ + +
+
+
+
+

Once This Feels Easy

+

Ready for week two?

+

Master prompts, reusable system prompts, and a few control words that make answers noticeably more useful. Still plain English, still free.

+
+ Read Part Two +
+
+
+ + +
+
+
+

Need more than a checklist?

+

We build the AI tools this guide told you to be careful with.

+

If you want AI set up properly on your own website, chatbots, content assistants, automation, submit a brief and we'll tell you what fits and what it costs.

+ +
+
+
+ + + + + + + + + + + + +