Skip to main content
Gallery

Hosting-first components, documented like a product library.

Each component page includes a visual preview, a ready-to-copy React snippet, and notes on adapting it for pricing, support, domain search, migrations, or brand-specific hosting offers.

Components6

Documented gallery entries

Categories4

Hosting-specific browsing buckets

OutputStatic

Fast Docusaurus pages on Cloudflare Pages

Landing2

Hero sections and acquisition blocks designed for shared hosting, VPS, reseller, and managed WordPress offers.

Commerce2

Plan selection surfaces that keep pricing dense enough to be useful, but still easy to scan.

Conversion1

FAQ, support, and comparison patterns that reduce objections before checkout or migration.

Operations1

Dashboard and customer portal blocks for quota visibility, uptime snapshots, backup health, and support status.

Ship faster

Need more than one block?

Pair the gallery with the downloadable starter and Cloudflare deployment guide when you want a full static marketing site instead of a single section.

Hero section

Fast hosting, clear conversion path

A dual-column hero tuned for offers, trust, and migration reassurance.

Managed WordPress

Launch faster with hosting that feels operational from day one.

Built-in backups, free migration, and a support lane that answers like a product team.

99.99%Uptime target
14 minAverage migration kickoff
24/7Human support
Landing

Hosting Hero

A dual-column hero with room for value proposition, offer framing, and support proof.

heroctamigration
Open component doc
Domain search

A compact search panel with enough context

Designed for a homepage or pricing page where domain search needs to feel fast and credible.

.com $12.io $36.store $18.cloud $14
Landing

Domain Search Panel

A compact search panel with TLD cues and enough visual weight for a homepage slot.

domainsearchhomepage
Open component doc
Pricing

A pricing table that stays calm at high information density

The recommended plan is emphasized without turning the section into a hard-sell block.

Starter$6

1 site • backups included

Scale$29

Unlimited sites • white-glove migration

Commerce

Pricing Tier Grid

Three pricing cards that emphasize the recommended tier without turning the section loud.

pricingplansrecommended
Open component doc
FeatureSharedVPSDedicated
CPUShared pool4 vCPU8 dedicated cores
MemoryBurst allocation8 GB32 GB
Storage25 GB NVMe120 GB NVMe2 x 960 GB NVMe
BackupsWeeklyDailyDaily + snapshots
SupportEmail24/7 chatNamed engineer
Commerce

Plan Comparison Table

A capability table for shared, VPS, and dedicated offers when buyers are deeper in evaluation mode.

comparisonvpsdedicated
Open component doc
FAQ

Support answers written for pre-sales friction

Keeps migration, scaling, and backup answers visually distinct without over-designing the section.

Can you migrate my current host?

Yes. We handle planning, transfer, validation, and DNS cutover.

Do plans include backups?

Daily backups are included on every plan. Higher tiers extend retention.

What happens if traffic spikes?

Burst handling and scaling recommendations surface before the site slows.

Conversion

Support FAQ Stack

A support-first FAQ stack for migration, backups, scaling, and response expectations.

faqsupportpre-sales
Open component doc
Operations

Customer dashboard cards with clear hosting status signals

Useful for bandwidth, backups, uptime, and support visibility inside account or portal views.

Bandwidth used

72%

1.8 TB of 2.5 TB monthly quota

Backup health

Healthy

Last restore point at 02:15 UTC

Uptime

99.99%

No incidents in the last 30 days

Tickets

2 open

Average first reply in 3m 42s

Operations

Dashboard Usage Cards

A compact dashboard strip for customer portals showing quota usage, uptime, backup health, and ticket load.

dashboardusagesupport
Open component doc