Website design that's decoupled, static, and yours.
A statically generated front end built by our UI/UX team and AI design agents — fast, fully customizable, and shipped optimized. Run more than one version of your design and swap the whole look on demand. (The Hydra OS AI brain and content writing are separate services.)
Website design is separate from the engine that markets you.
Most agencies blur design, content, and marketing into one fuzzy retainer. We don't. Your website design is a discrete, one-time build. The AI brain that grows your traffic and the words that fill the pages are their own services — so you only pay for what you actually need.
This service
Website Design
A decoupled, statically generated front end — the look, layout, and feel of your site. Highly customizable, built by our UI/UX team and AI design agents, and shipped fully optimized.
Separate
Hydra OS™ — the AI brain & marketing engine
Cortex, Synapse, and the autonomous agents that publish content, build SEO, and drive growth day after day. Your design can run on Hydra OS, but the engine is its own subscription.
Separate
Content writing
The words — service pages, city pages, and blog copy — are a separate scope. We design the vessel; copy and ongoing publishing are quoted on their own.
Decoupled by design
One set of content. As many looks as you want.
Because the design is decoupled from your content, the front end is just a skin over a stable core. That means we can build more than one version of your design and swap the entire look in and out — without touching a word of your content or risking your SEO.
Seasonal
A warm fall palette, a holiday hero, a spring refresh — schedule a whole alternate look and swap it in and out by date.
Your team wins the Super Bowl
Drop in a celebration version of the site the morning after. Same content, a brand-new face — live in minutes.
Breast Cancer Awareness Month
Go pink for October across the entire site — banners, accents, and hero — then revert automatically.
Weather-aware
Rain on the radar? The background and messaging can shift to match the conditions your customers are actually living in.
Highly customizable design elements — backgrounds, palettes, heroes, accents, and motion — can all be themed, scheduled, and rotated. Your site stays current with your business and your community, automatically.
The static advantage
Why a static site just wins.
Speed is a ranking factor and a conversion factor. A statically generated site is the fastest, safest, most reliable way to put your business in front of people and AI engines.
Sub-100ms speed
Pages are pre-built to plain HTML and served from a global CDN edge — there is no database query and no server to render on the fly. The page is simply already there.
Core Web Vitals, by design
Tiny payloads and no render-blocking CMS mean fast LCP, near-zero CLS, and snappy INP out of the box — the metrics Google ranks on.
Un-hackable surface
No database, no PHP, no plugin soup. There is nothing live to exploit, so the entire class of CMS vulnerabilities and forced security patching disappears.
Instantly indexable
Crawlers and AI answer engines get complete, semantic HTML on the first request — not an empty shell waiting for JavaScript. That is what gets you cited.
Infinite, cheap scale
A static file at the edge handles a traffic spike from a TV ad or a storm the same way it handles one visitor — no origin to overload, no surprise hosting bill.
Always-on reliability
Nothing to crash. With no application server in the request path, your site stays up when a database-driven competitor's would fall over.
CSR · SPA · SSR · SSG
How a page gets built decides how fast it loads.
The acronyms matter. Where the HTML is assembled — on the visitor's device, on a live server, or once at build time — is the single biggest driver of speed, SEO, and reliability. Here is the honest comparison.
Model
How it renders
First load
SEO / AEO
Verdict
CSR
Client-Side Rendering
Browser downloads a near-empty page, then JavaScript builds it on the device.
Slow — blank until a large JS bundle loads and executes
Weak — crawlers and LLMs often see an empty shell
Worst for a marketing site
SPA
Single-Page Application
One big app loads, then re-renders content client-side as you navigate.
Heavy first paint; fast in-app clicks afterward
Fragile — depends on hydration and crawler JS support
Great for apps, wrong for sites
SSR
Server-Side Rendering
A live server renders HTML for every single request, on demand.
Good HTML, but TTFB rises with server load and distance
Strong — but only as fast and reliable as the server
Better — at real infrastructure cost
SSG
Static Site Generation — Hydra
Every page is pre-built once at deploy and served as a file from the edge.
Fastest possible — the HTML already exists, no server work
Best — complete semantic HTML on the first byte
The Hydra static site
Hydra builds your site with SSG — the page is generated once and served as a static file from the edge. There is no server to wait on and no JavaScript required just to see the content, which is why it's the fastest and most index-friendly of them all.
WordPress · Webflow · Hydra
A bloated CMS, a better CMS, and no CMS at all.
WordPress is a database-driven CMS — powerful but heavy. Webflow is the better CMS — cleaner and faster, but still a hosted platform with ceilings. The Hydra static site removes the CMS from the request path entirely.
WordPress
Good
Bloated CMS
A database renders every page through PHP on each request, propped up by caching plugins. Powerful and familiar — but heavy, slow without constant tuning, and a perpetual security and maintenance burden as plugins, themes, and core drift apart.
•Database + PHP rendered per request
•Plugin & theme vulnerabilities to patch forever
•Needs caching layers just to feel fast
Webflow
Better
Hosted visual CMS
A real step up — cleaner output, a visual builder, and decent performance on a managed host. But you are still inside a hosted CMS: platform limits, per-site pricing, ceilings on custom logic, and meaningful vendor lock-in when you want to do something it doesn't.
•Cleaner code than WordPress
•Still a hosted CMS with platform ceilings
•Custom logic and scale hit vendor limits
Hydra Static
Best
Decoupled SSG
Content is decoupled from presentation and the whole site is generated to static files served at the edge. Sub-100ms, nothing to hack, instantly indexed, and fully customizable down to the pixel — with the freedom to run multiple swappable designs on the same content.
✓Decoupled content + static delivery at the edge
✓No database, no server, no plugin attack surface
✓Fully custom design with swappable versions
Our framework · Astro
Built on Astro — the web's fastest framework.
Hydra OS is built on Astro — the modern web framework engineered for the world's fastest content-driven sites, and trusted by the largest companies on the internet. It's the engine under your decoupled static design, and the reason your site outruns a WordPress or Webflow build.
Real-world Core Web Vitals — % of sites passing
Astro66%
WordPress48%
Gatsby47%
Next.js30%
Nuxt28%
Source: Astro, based on real-world data from the HTTP Archive and the Chrome UX Report. Astro passes Core Web Vitals on more sites than WordPress, Gatsby, Next.js, or Nuxt. Want to verify any of this yourself — on our sites or anyone else's? The Lighthouse & Page Speed buyer's guide shows you exactly how to run and read the tests.
Astro Islands
Interactive components hydrate in isolation, so pages ship almost zero JavaScript and stay lightning fast.
Server-first rendering
Pages are rendered to lightweight HTML, not assembled in the browser — the fastest path to first paint and SEO.
Zero JS by default
Astro strips away everything you don't need and ships only the JavaScript a page actually uses.
Optimized images
Modern formats and zero layout shift built in — a Core Web Vitals win on every page.
View transitions
Native, app-like page transitions without the weight of a single-page-app framework.
Content-driven by design
Built to work with your content from any source — exactly what a marketing site needs.
Trusted by the largest companies in the world
Porsche
IKEA
Google
NordVPN
Trivago
The Guardian
The same framework powering sites for the world's biggest brands powers your business — see more on astro.build.
The brain behind Hydra
Pinto. Ferrari. Tesla.
Repainting a WordPress site doesn't make it fast. A static decoupled site is fast — but blind. Hydra OS is fast and has a brain: a vector database, RAG, CAG, autonomous agents, and a human team of trades-marketing experts — all reasoning over 20 years of North American home-services data.
Page load
0.4s
Same edge-delivered speed — without giving up intelligence.
AI discoverability
High
Structured for LLM retrieval — ChatGPT, Perplexity, Gemini, AI Overviews.
Autonomous actions
1,200/mo
Agents observe, retrieve, decide, and ship — every day.
Central Intelligence Engine
Your Website
Powered by Hydra OS
Click a node
Vector DB, RAG, CAG, Agents, and the human Experts who manage them — tap any node to see exactly what each layer does for your site.
“Static-fast. Vector-smart. Agent-driven.”
Optimized on day one
We ship it fully optimized — not a blank canvas.
Every site goes live with the technical SEO done. No waiting on a separate optimization phase, no plugins to bolt on later — the structured, machine-readable foundation is built in from the first deploy.
✓Technical SEO foundation (clean, semantic, crawlable HTML)
✓Title tags & meta descriptions on every page
✓Open Graph tags for rich link previews
✓Twitter / X cards
✓Structured data (Schema.org JSON-LD)
✓Smart internal interlinking
✓XML sitemap & robots configuration
✓Canonical URLs & clean information architecture
Live Speed Comparison
WordPress
3.5s
avg. load time
0s1s2s3s4s
Webflow
1.8s
avg. load time
0s1s2s3s4s
Hydra OS AI
<100ms
instant delivery
0s1s2s3s4s
Based on Google PageSpeed Insights averages for WordPress & Webflow sites vs. Hydra OS static architecture.
</>
HTML Code-to-Content Ratio
Same page. Same content. Wildly different amounts of code. Less code = faster load, better SEO, fewer vulnerabilities.
<!DOCTYPE html>
<!-- This site was created in Webflow. htt
ps://webflow.com -->
<!-- Last Published: Wed Feb 25 2026 02:4
7:02 GMT+0000 -->
<html data-wf-domain="example-webflow-hvac
-site.com"
data-wf-page="689ad41b54cf5d3d8d9c6e87"
data-wf-site="687a76c410483eb87cffa339"
lang="en"
data-wf-collection="689ad41b54cf5d3d8d9c
6e83"
Meets PCI DSS Level 2 controls for sites handling card and lead data — validated annually.
In progress
PCI Level 1
Pursuing the highest PCI tier so customer data meets the strictest payment-industry standard.
Built-in
Zero CMS attack surface
Pre-rendered static HTML on a hardened CDN — no database, no admin login, no plugins to exploit.
Compliance & legal
We keep you compliant — and brought in a real law firm for the legal part.
ADA demand letters, PCI fines, A2P carrier blocks, missing privacy policies — the boring stuff that sinks contractors quietly. We handle the technical compliance ourselves, and we've negotiated a partnership with a law firm to cover the legal docs for our clients. We're not attorneys and don't pretend to be — that's the whole point of having one on call.
ADA / WCAG 2.2 AA
Accessibility baked in — keyboard nav, contrast, ARIA, screen-reader tested. Lawsuit-grade, not checkbox-grade.
PCI compliance
Payment flows architected to keep you out of scope. Tokenized, hosted fields, no card data touching your server.
A2P 10DLC
SMS messaging registered and compliant so your texts actually deliver and you stay off carrier blocklists.
Legal notices, handled
Privacy policy, terms, cookie consent, CCPA/GDPR notices — through our partner law firm, so real attorneys (not us) keep them current as laws change.
The interactive build map
Everything we can build — and what moves the number.
One diagram, three passes. Walk the anatomy of a Hydra site layer by layer, pick a design package and a size, then add capability from the component catalog — and watch the investment re-price with every choice. Real packages, real catalog prices, nothing invented.
yourbusiness.comStarter Build
Tap any layer to read what we can build there. The hero deepens with your design package; the page mesh grows with your size; components clip into their layer with a count badge.
Header & navigation
Scales with your package
The persistent frame of the site — navigation, phone, and the calls to action that follow a visitor down every page. It is designed as part of your build, and its polish scales with your design package.
What we can build here
✓Sticky navigation with tap-to-call and booking CTAs
✓Service and city mega-menus that expose your whole mesh
✓Announcement bars for offers, weather events, and hiring
✓Per-page CTA tuning — emergency pages lead with the phone
On the investment: Part of the design build — higher packages buy more custom navigation systems and interaction detail.
Hero & brand system
Scales with your package
The design layer itself — art direction, brand engineering, and the decoupled skins that make one set of content wear as many looks as you want. This is what your design package buys.
What we can build here
✓Bespoke brand heroes — up to dimensional 3D brand art
✓Swappable seasonal, event, and weather design versions
✓Custom sections, motion, and interaction detail
✓Design versions scheduled by date and swapped on demand
On the investment: The design package is the lever: $2,500 to $235,000 one-time — the same ladder as Get Started / Quick Quote.
Trust & proof layer
Added as components
The surfaces that make a visitor believe you before they call — reviews, credentials, real people, and honest comparisons, structured so machines can verify them too.
What we can build here
✓Product and brand catalogs with schema for rich results
✓Press & media centers and case-study builders
✓Certification walls, fleet & team pages
✓Trust comparison tables and speed-to-lead promises
On the investment: Added as components — each priced in credits on the live catalog, added at any time.
Conversion & booking tools
Added as components
The on-page machinery that turns a visitor you already earned into a lead — calculators, instant quotes, financing, and capture paths engineered for the moment of highest intent.
On the investment: Added as components — the largest category on the catalog, priced per component in credits.
Education & answer engine
Added as components
The content machinery that gets you cited — learning centers, glossaries, and interactive diagrams shaped as direct answers so search and AI engines quote you instead of a competitor.
What we can build here
✓Learning centers and glossary / terminology hubs
✓Interactive how-it-works system diagrams
✓Symptom centers and troubleshooting systems
✓Buyer's guides and honest cost-explainer hubs
On the investment: Added as components — education surfaces compound your SEO, AEO, and AI-search visibility.
Local & service-area mesh
Added as components
Proof, page by page, that you genuinely serve each city in your footprint — so local searches and the map pack favor you over a lead broker three states away.
What we can build here
✓Service-area pages with real local proof
✓Hyper-local SEO boosts and commercial audience pages
✓Rebates explorers and per-city testimonial rotation
✓Franchise and branch location systems
On the investment: Added as components — and multiplied by site size, since every city you claim is a page you own.
Operations & back office
Added as components
Where the website stops being a brochure and starts running the business — booking, dispatch, hiring, reviews, and paperwork handled on your own domain.
On the investment: Added as components — operations tooling is priced per component and pays for itself in booked work.
The multi-page mesh
Scales with site size
A Hydra site is not five pages — it is a mesh of service silos, city pages, learning content, and blog archive, each one a door a customer can walk in through. Published launches on this platform range from 78 to 1,142 pages.
What we can build here
✓Per-service silos — every service gets its own ranking page
✓City + service combination pages across your footprint
✓Learn hubs and glossaries built for citation
✓Blog archives migrated and indexed from day one
On the investment: Size is the biggest single lever: professional page copy + buildout is priced per page, so the mesh scales exactly as far as you want it to.
Technical foundation
Included in every build
The machine-readable base every other layer stands on — shipped fully optimized on day one, at every tier, with nothing to bolt on later.
What we can build here
✓Structured data (Schema.org JSON-LD) and canonical URLs
✓Title, meta, Open Graph, and X cards on every page
On the investment: Included in every build — even Lean Launch ships with its SEO % baked in.
Lever 1 · The design package
One-time build, priced on human design hours + AI design credits. Maintenance scales with the tier.
Lever 2 · Site size
Professional page copy + buildout is $16 per page — service silos, city pages, and learning content. Size is the biggest single lever.
250
Published Hydra launches range from a 78-page nonprofit site to a 1,142-page quad-trade mesh — the platform is the same; the mesh is your call.
Lever 3 · Add components
107 on the live catalog · $5 = 1 credit
Every component below is a real SKU from the component store — add any of them at launch or at any time after. Selections clip into their layer on the diagram.
0 selected
One-time build
$23,500
Starter Build design $19,500 · 250 pages $4,000
Monthly care
$550/mo
Maintenance for the Starter Build tier — no website subscription; you own it.
This map is an honest estimate from our published packages and the live component catalog — exact pricing, bundle savings, and 3–18-month financing are locked in during your strategy session. The Hydra OS marketing engine and ongoing content are separate services, so your design budget goes entirely to your design.
Human hours + AI credits
Priced on the design, not a subscription.
A professional website costs between $2,500 and $235,000 as a one-time build — the same Lean Launch through Multi-Location Franchise packages as Get Started / Quick Quote, priced by design depth and AI design credits. Most growing single-location operators land on Starter. Maintenance starts at $250/mo and there's no website subscription — you own it.
Lean Launch
$2,500
250 credits
Straight NEO Agent design — no human designer. Value AI lane, 10% SEO optimization, and a 25-page new-content envelope to get live on Hydra. Build Components are optional add-ons (none included free).
✓250 design credits
✓Up to 25 pages
✓$250/mo maintenance
Essentials Build
$4,500
450 credits
Branded design customization sized by design credits — Standard AI (Grok), 25% SEO optimization, and a 100-page new-content envelope. Build Components are optional add-ons (none included free). The first step up when you need to rank and convert, not just go live.
✓450 design credits
✓Up to 100 pages
✓$350/mo maintenance
Starter Build
Popular
$19,500
1,200 credits
Most popular — custom home & service heroes with credit-based customization depth, Standard AI, 100% SEO, AEO, GEO EEAT optimization, and a 500-page new-content envelope for growing single-location operators.
✓1,200 design credits
✓Up to 500 pages
✓$550/mo maintenance
Premium Build
$32,500
2,000 credits
Key pages designed from scratch with motion and brand systems — Standard AI, 100% SEO, AEO, GEO EEAT optimization, and an 800-page new-content envelope for competitive metros.
✓2,000 design credits
✓Up to 800 pages
✓$650/mo maintenance
Signature Build
$55,000
3,500 credits
Bespoke storytelling with custom illustration and animation — Standard AI, 100% SEO, AEO, GEO EEAT optimization, and a 2,000-page new-content envelope for multi-market brand leaders.
✓3,500 design credits
✓Up to 2,000 pages
✓$800/mo maintenance
Studio Build
$78,000
5,000 credits
Dedicated design capacity for multi-brand or multi-market operations — Standard AI, 100% SEO, AEO, GEO EEAT optimization, and a 4,000-page new-content envelope.
✓5,000 design credits
✓Up to 4,000 pages
✓$1,000/mo maintenance
Flagship Build
$155,000
10,000 credits
Category-defining flagship — largest single-brand builds with Standard AI, 100% SEO, AEO, GEO EEAT optimization, Ecommerce & Online Sales, and a 5,500-page new-content envelope.
✓10,000 design credits
✓Up to 5,500 pages
✓$1,250/mo maintenance
Multi-Location Franchise
$235,000
15,000 credits
Franchise-scale rollout — one brand system across every location, Standard AI, 100% SEO, AEO, GEO EEAT optimization per market, and a 7,500-page new-content envelope with dedicated build resources.
✓15,000 design credits
✓Up to 7,500 pages
✓$2,000/mo maintenance
Website design is a one-time build investment. Content writing and the Hydra OS™ AI brain & marketing engine (Cortex, Synapse, and the autonomous agents) are separate services — so your design budget goes entirely to your design.
Straight answers on what a website, SEO, AEO, content, and the rest actually cost — no "request a quote" wall. Everything is month-to-month with no long-term contracts.
A professional, fully-optimized website from CI Web Group is a one-time build from $2,500 (Lean Launch) up to $235,000 (Multi-Location Franchise) — the same packages as Get Started. Ongoing maintenance starts at $250/mo. There is no website subscription: you own the site, domain, and data, and the build can be financed over 6–18 months. Draft on Quick Quote; check out in Get Started.
We don't sell SEO as a separate retainer. Technical and on-page SEO ships built into every website at launch, and ongoing SEO runs through your Cortex AI credit plan, scoped per market. Most clients invest from a few hundred dollars a month up to about $3,000/mo per market and service category, depending on how aggressive they want to be.
AEO — answer-engine optimization, so you get cited inside ChatGPT, Perplexity, Gemini, and Google AI Overviews — is part of the same Hydra OS stack (structured content, schema, and entities), included in your growth plan rather than billed separately. AEO blogging that compounds your AI-search presence is $30 per published post at the cadence you choose.
AEO blogging is $30 per published post — pick your cadence (for example, daily Monday–Friday). Standalone page copy and buildout is $16 per page. Every piece is written, fact-checked, marked up with schema, and internally linked on the Hydra OS engine.
AI Local — daily Google Business Profile optimization plus the new AI mapping engines — is $600/mo per market (per location/GBP).
AI Conversions — two-way text, AI web chat, and online booking across all 14 lead channels, booking straight into your field-management software or Google Calendar — is a flat $500/mo, month-to-month.
PR Link Building is $600 per editorial link per month (adjust the quantity any time, month-to-month). Done-for-you Press Releases are $500 per release, and one or more a month can be annualized into simple monthly payments.
AI Consulting (done-with-you) starts at $2,000/mo. A fully autonomous, done-for-you Multi-Agent Solution (MAAS) starts at $25,000 one-time plus $2,500 per system connection plus token usage. Everything is month-to-month with no long-term contract.
Timeline & investment
Live in weeks. Financed if you want.
1–4
months to build
Measured from onboarding completion to ready for review.
3–18
month financing
Spread your one-time build investment over a plan that works for you.
What shapes your price
Three things move the number.
Custom design credits
More credits buy a more custom, bespoke build; fewer keep it lean and fast to launch.
Content approach
Transfer your existing content as-is, or re-write it for performance (scales with page count).
Website size
More service, city, and blog pages mean a larger build — and a larger site to design.
Note: ongoing hosting, maintenance, and the Hydra OS engine are billed separately — see Hydra OS.
How it actually works
The mechanics, step by step
1
Strategy before pixels
We start from your market, not a template: who you need to beat, which services print money, and what your customers actually search. That brief drives the sitemap, the page count, and the design direction — it's why no two Hydra builds look alike.
2
Design on the shared design system
Your brand — colors, type, photography, voice — is applied over a battle-tested design system with conversion patterns already proven across hundreds of trades launches. Custom look, zero experimental risk.
3
Built static, decoupled from the brain
The site ships as pre-rendered static HTML — no database calls, no page builder, nothing to crash. Hydra OS (the AI platform) works behind it: content, publishing, and optimization flow in without touching uptime.
4
Assembled from proven Build Components
Calculators, service-area meshes, booking flows, review engines — your build composes catalog components that already carry measured results on live client sites, plus anything bespoke your market demands.
5
Launched with the measurement clock running
Before/after captures are locked, Lighthouse is measured on the live domain, and GA4/Search Console baselines start on day one. Results get published to your launch story when they're real — never before.
Our approach
How we think about this work
Websites are revenue infrastructure, not brochures. Every layout decision is a conversion decision: where the phone number sits, how fast the first paint lands, what a visitor with a broken AC at 9pm can do in the first five seconds. Design awards don't book jobs; clarity and speed do.
We publish the receipts. Our clients' Lighthouse scores average 95.8 mobile performance across 24 measured launches (against a 59.8 before-rebuild average), every launch story links its live domain, and our buyer's guide teaches you to verify every claim yourself — including ours.
Shipped as Build Components
The catalog components behind this service
A Hydra build isn't a blank canvas — it composes catalog components with measured track records. These six ship on most website builds; the full catalog is 75 deep.
Website builds are tiered by depth: Lean Launch ($2,500) and Essentials ($4,500) for a fast, credible foundation; Starter ($19,500) for a full competitive build; Premium ($32,500) and up for market-domination scope — where the AXO/SXO optimization layer (agent-ready transacting + full search-experience work) is included in the base package. Every tier carries monthly maintenance: basic changes within in-plan credits, servers, security, and Slack access. Bigger changes draw Build Credits.