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

# hosting.com Knowledge Base

> Guides, tutorials, and answers for every hosting.com product and service.

export const Hero = () => (
  <div
    style={{
      position: "relative",
      overflow: "hidden",
      background: "#082615",
      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(70,253,174,0.28), rgba(198,251,75,0.10) 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(70,253,174,0.14), 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: "#C6FB4B",
          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 hosting.com
        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
      style={{
        display: "block",
        fontFamily:
          "'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
        textTransform: "uppercase",
        letterSpacing: "0.1em",
        fontSize: "0.75rem",
        color: "#0D8A5B",
        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="/docs/getting-started">
      New to hosting.com? Quick-start guides, hosting basics, and migration walkthroughs to get you up and running.
    </Card>

    <Card title="Accounts & billing" icon="credit-card" href="/docs/using-the-hosting-panel">
      Manage your hosting panel, payment methods, invoices, support PINs, and account settings.
    </Card>

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

    <Card title="Security" icon="shield-halved" href="/docs/ssl">
      SSL certificates, strong passwords, spam protection, and hardening your sites and servers.
    </Card>

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

    <Card title="Developer corner" icon="code" href="/docs/publishing-your-web-site">
      MySQL, PHP, Python, Node.js, Git, Apache, 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={4}>
    <Card title="cPanel" icon="gauge-high" href="/docs/getting-started-with-cpanel">
      Files, email, databases, domains, and security in cPanel.
    </Card>

    <Card title="Plesk" icon="sliders" href="/docs/getting-started-with-plesk">
      Manage sites, mail, DNS, and backups in Plesk.
    </Card>

    <Card title="WebHost Manager" icon="server" href="/docs/accessing-webhost-manager">
      Reseller accounts, packages, and server branding with WHM.
    </Card>

    <Card title="Enhance" icon="wand-magic-sparkles" href="/docs/from-cpanel-to-enhance-everything-you-need-to-know">
      The new 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 hosting.com products." />

  <CardGroup cols={3}>
    <Card title="Managed WordPress" icon="wordpress" href="/docs/managed-hosting-for-wordpress-powered-by-rocketnet">
      Managed hosting for WordPress powered by Rocket.net — setup, staging, backups, and more.
    </Card>

    <Card title="hosting.com products" icon="boxes-stacked" href="/docs/determining-which-data-center-hosts-your-account">
      Turbo hosting, VPS, dedicated servers, email hosting, and data centers.
    </Card>

    <Card title="Add-on services" icon="puzzle-piece" href="/docs/cloudflare">
      Cloudflare, Dropmysite backups, WHMCS, SSL certificates, and more.
    </Card>

    <Card title="Installable applications" icon="download" href="/docs/softaculous">
      One-click installs with Softaculous plus manual installation and optimization guides.
    </Card>

    <Card title="Self managed servers" icon="terminal" href="/docs/openclaw-guide">
      Guides for running and securing your own unmanaged VPS or dedicated server.
    </Card>

    <Card title="Does hosting.com support…" icon="circle-question" href="/docs/do-you-support-cpanel-ssl">
      Quick answers on supported technologies, from Git and Redis to IPv6 and HTTP/2.
    </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 hosting.com" icon="flag-checkered" href="/docs/getting-started" horizontal>
      Your first steps after signing up.
    </Card>

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

    <Card title="Billing FAQ" icon="file-invoice-dollar" href="/docs/hostingcom-billing-faq" horizontal>
      Answers to common billing questions.
    </Card>

    <Card title="Migrating to hosting.com" icon="truck-fast" href="/docs/migrating-an-account-from-another-web-host" horizontal>
      Move your site from another host.
    </Card>

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

    <Card title="Known scams" icon="triangle-exclamation" href="/docs/known-scams" horizontal>
      Protect yourself from 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: "#082615",
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(198,251,75,0.20), 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 available 24/7/365 — we're happy to help with anything.
      </p>

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

        <a
          href="/docs/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>