> ## Documentation Index
> Fetch the complete documentation index at: https://kb.stablepoint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Stablepoint Knowledge Base

> Guides, tutorials, and answers for every Stablepoint product and service.

export const Hero = () => <div style={{
  position: "relative",
  overflow: "hidden",
  background: "#171829",
  padding: "5.5rem 1.5rem 5rem"
}}>
    <div style={{
  position: "absolute",
  top: "-30%",
  right: "-10%",
  width: "620px",
  height: "620px",
  background: "radial-gradient(circle at center, rgba(255,228,0,0.20), rgba(255,228,0,0.07) 45%, transparent 70%)",
  filter: "blur(20px)",
  pointerEvents: "none"
}} />
    <div style={{
  position: "absolute",
  bottom: "-40%",
  left: "-8%",
  width: "520px",
  height: "520px",
  background: "radial-gradient(circle at center, rgba(255,228,0,0.10), transparent 68%)",
  filter: "blur(24px)",
  pointerEvents: "none"
}} />
    <div style={{
  position: "relative",
  maxWidth: "760px",
  margin: "0 auto",
  textAlign: "center"
}}>
      <span style={{
  display: "inline-block",
  fontFamily: "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
  textTransform: "uppercase",
  letterSpacing: "0.1em",
  fontSize: "0.8rem",
  color: "#FFE400",
  marginBottom: "1.1rem"
}}>
        Help center
      </span>
      <h1 style={{
  color: "#FFFFFF",
  fontSize: "2.9rem",
  fontWeight: 500,
  lineHeight: 1.1,
  letterSpacing: "-0.02em",
  margin: "0 0 1rem"
}}>
        How can we help you today?
      </h1>
      <p style={{
  color: "rgba(255,255,255,0.82)",
  fontSize: "1.15rem",
  lineHeight: 1.4,
  maxWidth: "560px",
  margin: "0 auto 2rem"
}}>
        Search hundreds of guides, tutorials, and answers for every Stablepoint
        product and service — or browse by topic below.
      </p>
      <div onClick={() => document.dispatchEvent(new KeyboardEvent("keydown", {
  key: "k",
  metaKey: true,
  ctrlKey: true,
  bubbles: true
}))} style={{
  display: "flex",
  alignItems: "center",
  gap: "0.75rem",
  maxWidth: "520px",
  margin: "0 auto",
  padding: "0.95rem 1.1rem",
  borderRadius: "12px",
  background: "rgba(255,255,255,0.07)",
  border: "1px solid rgba(255,255,255,0.16)",
  cursor: "pointer",
  backdropFilter: "blur(8px)"
}}>
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.7)" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
          <circle cx="11" cy="11" r="8" />
          <path d="m21 21-4.3-4.3" />
        </svg>
        <span style={{
  color: "rgba(255,255,255,0.7)",
  flex: 1,
  textAlign: "left"
}}>
          Search the Knowledge Base…
        </span>
        <kbd style={{
  fontFamily: "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
  fontSize: "0.72rem",
  color: "rgba(255,255,255,0.75)",
  border: "1px solid rgba(255,255,255,0.22)",
  borderRadius: "6px",
  padding: "3px 7px"
}}>
          ⌘K
        </kbd>
      </div>
    </div>
  </div>;

export const SectionHead = ({eyebrow, title, sub}) => <div style={{
  marginBottom: "1.6rem"
}}>
    <span className="text-[#8a7400] dark:text-[#ffe400]" style={{
  display: "block",
  fontFamily: "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
  textTransform: "uppercase",
  letterSpacing: "0.1em",
  fontSize: "0.75rem",
  marginBottom: "0.5rem"
}}>
      {eyebrow}
    </span>
    <h2 style={{
  fontSize: "1.6rem",
  fontWeight: 500,
  letterSpacing: "-0.01em",
  margin: "0 0 0.3rem"
}}>
      {title}
    </h2>
    <p style={{
  margin: 0,
  opacity: 0.7
}}>{sub}</p>
  </div>;

<Hero />

<div className="max-w-6xl mx-auto px-6 pt-14 pb-4">
  <SectionHead eyebrow="Browse" title="Browse by category" sub="Everything you need, organized by topic." />

  <CardGroup cols={3}>
    <Card title="Getting started" icon="rocket" href="/choosing-stablepoint/moving-to-stablepoint/overview">
      New to Stablepoint? Quick-start guides, hosting basics, and migration walkthroughs to get you up and running.
    </Card>

    <Card title="Accounts & billing" icon="credit-card" href="/accounts-billing/billing-accounts/overview">
      Manage your Hosting Panel, payment methods, invoices, support PINs, and account settings.
    </Card>

    <Card title="Domains" icon="globe" href="/domain-management/registering-domains/overview">
      Register, transfer, renew, and configure domains — including DNS, name servers, and privacy.
    </Card>

    <Card title="Security" icon="shield-halved" href="/security/choosing-a-strong-password">
      Strong passwords, SSL, spam protection, and hardening your sites and servers.
    </Card>

    <Card title="Email" icon="envelope" href="/email/email/overview">
      Set up email on any device or client, troubleshoot delivery, and manage webmail.
    </Card>

    <Card title="Developer corner" icon="code" href="/web-hosting/software-guides/overview">
      MySQL, PHP, Python, Node.js, Git, and everything else developers need.
    </Card>
  </CardGroup>
</div>

<div className="max-w-6xl mx-auto px-6 pt-10 pb-4">
  <SectionHead eyebrow="Control panels" title="Manage your control panel" sub="Step-by-step guides for the control panel powering your account." />

  <CardGroup cols={3}>
    <Card title="cPanel" icon="gauge-high" href="/web-hosting/cpanel-hosting-overview">
      Files, email, databases, domains, and security in cPanel.
    </Card>

    <Card title="WebHost Manager" icon="server" href="/reseller-hosting/using-web-host-manager-whm/overview">
      Reseller accounts, packages, and server branding with WHM.
    </Card>

    <Card title="Enhance" icon="wand-magic-sparkles" href="/enhance-control-panel/from-cpanel-to-enhance-everything-you-need-to-know">
      The Enhance control panel — from cPanel migration to daily management.
    </Card>
  </CardGroup>
</div>

<div className="max-w-6xl mx-auto px-6 pt-10 pb-4">
  <SectionHead eyebrow="Products" title="Products & services" sub="Dive into guides for specific Stablepoint products." />

  <CardGroup cols={3}>
    <Card title="Web hosting" icon="server" href="/web-hosting/hosting-overview/overview">
      Shared cPanel hosting — running multiple sites, subdomains, PHP, and performance tuning.
    </Card>

    <Card title="Reseller hosting" icon="layer-group" href="/reseller-hosting/reseller-hosting-server-specification">
      Sell hosting under your own brand with WHM, packages, and white-label nameservers.
    </Card>

    <Card title="Domains" icon="globe" href="/domain-management/registering-domains/overview">
      Registering, transferring, and managing domains, DNS records, and WHOIS privacy.
    </Card>

    <Card title="Backups" icon="clock-rotate-left" href="/web-hosting/backups/overview">
      Restore your site or database in minutes with JetBackup and Backuply.
    </Card>

    <Card title="Installable applications" icon="download" href="/web-hosting/software-guides/using-the-softacoulous-autoinstaller">
      One-click installs with Softaculous plus manual installation and optimization guides.
    </Card>

    <Card title="SSL certificates" icon="lock" href="/web-hosting/ssl-certificates-1">
      Free SSL on every account — automatically provisioned and renewed.
    </Card>
  </CardGroup>
</div>

<div className="max-w-6xl mx-auto px-6 pt-10 pb-6">
  <SectionHead eyebrow="Most read" title="Popular articles" sub="The guides our customers read most." />

  <CardGroup cols={2}>
    <Card title="Getting started with cPanel web hosting" icon="flag-checkered" href="/web-hosting/cpanel-hosting-overview" horizontal>
      Your first steps after signing up.
    </Card>

    <Card title="Accessing the Hosting Panel" icon="right-to-bracket" href="/accounts-billing/billing-accounts/accessing-the-hosting-panel" horizontal>
      Log in and find your way around.
    </Card>

    <Card title="Migration process" icon="truck-fast" href="/choosing-stablepoint/moving-to-stablepoint/migration-process" horizontal>
      Move your site from another host.
    </Card>

    <Card title="How to install WordPress" icon="wordpress" href="/web-hosting/software-guides/how-to-install-wordpress" horizontal>
      Install WordPress in a few clicks.
    </Card>

    <Card title="From cPanel to Enhance" icon="arrow-right-arrow-left" href="/enhance-control-panel/from-cpanel-to-enhance-everything-you-need-to-know" horizontal>
      Everything you need to know about the transition.
    </Card>

    <Card title="Protecting yourself from phishing" icon="triangle-exclamation" href="/security/protecting-yourself-from-email-phishing-scam-attempts" horizontal>
      Spot and avoid phishing and fraud.
    </Card>
  </CardGroup>
</div>

<div className="max-w-6xl mx-auto px-6 pt-4 pb-20">
  <div
    style={{
position: "relative",
overflow: "hidden",
background: "#171829",
borderRadius: "20px",
padding: "3rem 2rem",
textAlign: "center",
}}
  >
    <div
      style={{
position: "absolute",
top: "-50%",
right: "-6%",
width: "420px",
height: "420px",
background:
"radial-gradient(circle at center, rgba(255,228,0,0.18), transparent 70%)",
pointerEvents: "none",
}}
    />

    <div style={{ position: "relative" }}>
      <h2 style={{ color: "#FFFFFF", fontSize: "1.5rem", fontWeight: 500, margin: "0 0 0.5rem" }}>
        Still need a hand?
      </h2>

      <p style={{ color: "rgba(255,255,255,0.82)", margin: "0 0 1.75rem" }}>
        Our support team is here to help — reach out any time and we'll be happy to assist.
      </p>

      <div style={{ display: "flex", gap: "0.75rem", justifyContent: "center", flexWrap: "wrap" }}>
        <a
          href="https://stablepoint.com/contact"
          style={{
display: "inline-block",
background: "linear-gradient(120deg, #FFE400 0%, #E6CD00 100%)",
color: "#0E0E19",
fontWeight: 600,
padding: "0.75rem 1.6rem",
borderRadius: "8px",
textDecoration: "none",
}}
        >
          Contact support
        </a>

        <a
          href="/accounts-billing/billing-accounts/working-with-tickets"
          style={{
display: "inline-block",
border: "1px solid rgba(255,255,255,0.4)",
color: "#FFFFFF",
fontWeight: 500,
padding: "0.75rem 1.6rem",
borderRadius: "8px",
textDecoration: "none",
}}
        >
          Open a ticket
        </a>
      </div>
    </div>
  </div>
</div>