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

# Home

<div style={{ maxWidth: "900px", margin: "0 auto", padding: "3rem 2rem" }}>
  <Tabs>
    <Tab title="Integration guides">
      <div style={{ textAlign: "center", marginBottom: "3rem", marginTop: "1.5rem", background: "#DBEAFE", borderRadius: "16px", padding: "3rem 2rem" }}>
        <h1 style={{ fontSize: "3.25rem", fontWeight: "800", marginBottom: "0.75rem", color: "#0b0b0b", display: "flex", alignItems: "center", justifyContent: "center", gap: "0.75rem" }}>
          <span style={{ fontSize: "2.75rem" }}>📖</span>Knowledge Base
        </h1>

        <p style={{ fontSize: "1.1rem", marginBottom: "0", color: "#1e40af" }}>Find articles and guides to help answer your Cloudify questions.</p>
      </div>

      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "1rem" }}>
        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/Uudh75ZKc1WAZfyw74tpuHfqAQ.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>HubSpot</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/hubspot/msbc/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
            <a href="/hubspot/company-vat/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
            <a href="/hubspot/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
            <a href="/hubspot/flowlink/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>FlowLink</a>
            <a href="/hubspot/fortnox/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
            <a href="/hubspot/quickbooks/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>QuickBooks Online Integration</a>
            <a href="/hubspot/tripletex/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
            <a href="/hubspot/e-conomic/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
            <a href="/hubspot/xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/7rd9wB0So1mc9havdrZq5n7iU.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>Pipedrive</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/pipedrive/msbc/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
            <a href="/pipedrive/company-vat/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
            <a href="/pipedrive/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
            <a href="/pipedrive/fortnox/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
            <a href="/pipedrive/e-conomic/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
            <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/cPRU6NAsHmmCRQ09iBkldOcSE.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>Shopify</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/shopify/fortnox/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
            <a href="/shopify/e-conomic/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
            <a href="/shopify/xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
            <a href="/shopi/tripletex/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://mintcdn.com/cloudify-c7720744/23X_FxCAnM5InkkA/images/woocommerce_logo.png?fit=max&auto=format&n=23X_FxCAnM5InkkA&q=85&s=11120fe1e19398277a7230874f6357d0" style={{ height: "32px", width: "auto" }} width="550" height="557" data-path="images/woocommerce_logo.png" />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>WooCommerce</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="https://docs.cloudify.biz/woocommerce-xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/iHB14qgfx5RXdGx2ZZxlxc7ElxY.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>Xero</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/hubspot/xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
            <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Pipedrive Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/IH4KoUMNv1QymuQRk1UcmJpczg.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>Stripe</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/stripe/msbc/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
            <a href="/stripe/e-conomic/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
          </div>
        </div>

        <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1rem" }}>
            <div style={{ border: "1px solid #e5e7eb", borderRadius: "8px", padding: "4px", display: "inline-flex", alignItems: "center", justifyContent: "center", backgroundColor: "#ffffff", width: "40px", height: "40px" }}>
              <img src="https://framerusercontent.com/images/gDeqQWaVdI4ntkhBwX2Q0aLsZE.png" style={{ height: "32px", width: "auto" }} />
            </div>

            <span style={{ fontWeight: "600", fontSize: "1.1rem" }}>Business Central</span>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <a href="/hubspot/msbc/getting-started/overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
          </div>
        </div>
      </div>

      <div style={{ marginTop: "2rem" }}>
        <div style={{ backgroundColor: "#f0faf4", border: "1px solid #b6e4c8", borderRadius: "8px", padding: "1rem 1.25rem", display: "flex", gap: "12px", alignItems: "flex-start" }}>
          <span style={{ color: "#1a8a4a", fontSize: "18px", marginTop: "2px", flexShrink: 0 }}>💡</span>

          <div>
            <p style={{ fontSize: "14px", color: "#1a5c35", margin: "0 0 4px 0" }}><span style={{ fontWeight: "700" }}>Need help getting started?</span><br />Our team is here to guide you through the setup process.</p>

            <a href="https://meetings.hubspot.com/cloudify/app-assistance" style={{ textDecoration: "none", display: "inline-block", marginTop: "8px" }}>
              <span
                style={{
          display: "inline-block",
          background: "#1a8a4a",
          color: "#fff",
          fontSize: "13px",
          fontWeight: "600",
          padding: "7px 16px",
          borderRadius: "6px",
          boxShadow: "0 4px 0 #0d5c30, 0 6px 8px rgba(0,0,0,0.18)",
          cursor: "pointer",
          letterSpacing: "0.01em",
        }}
              >
                Book a free consultation
              </span>
            </a>
          </div>
        </div>
      </div>
    </Tab>

    <Tab title="Lighthouse platform">
      <div style={{ textAlign: "center", marginBottom: "3rem", marginTop: "1.5rem", background: "#DBEAFE", borderRadius: "16px", padding: "3rem 2rem" }}>
        <h1 style={{ fontSize: "3.25rem", fontWeight: "800", marginBottom: "0.75rem", color: "#0b0b0b", display: "flex", alignItems: "center", justifyContent: "center", gap: "0.75rem" }}>
          <span style={{ fontSize: "2.75rem" }}>📖</span>Knowledge Base
        </h1>

        <p style={{ fontSize: "1.1rem", marginBottom: "0", color: "#1e40af" }}>Everything you need to get started with Lighthouse, all in one place.</p>
      </div>

      <div style={{ borderRadius: "12px", padding: "1.5rem", backgroundColor: "var(--background)" }}>
        <div style={{ display: "flex", alignItems: "center", gap: "0.75rem", marginBottom: "1.25rem" }}>
          <span style={{ display: "inline-flex", alignItems: "center", justifyContent: "center", width: "40px", height: "40px", backgroundColor: "#ffffff", border: "1px solid #e5e7eb", borderRadius: "8px", flexShrink: 0 }}>
            <img src="https://mintcdn.com/cloudify-c7720744/fdRPTduTlqq4CUVP/images/lighthouse-logo-256_resized-3.png?fit=max&auto=format&n=fdRPTduTlqq4CUVP&q=85&s=9663fb6b07e9e56804f44bb769d6afc5" alt="Lighthouse" style={{ height: "28px", width: "28px", objectFit: "contain" }} width="1200" height="1200" data-path="images/lighthouse-logo-256_resized-3.png" />
          </span>

          <span style={{ fontWeight: "700", fontSize: "1.15rem" }}>Lighthouse</span>
        </div>

        <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "1.5rem" }}>
          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <p style={{ fontSize: "0.75rem", fontWeight: "700", letterSpacing: "0.06em", textTransform: "uppercase", color: "#64748b", margin: "0 0 0.25rem 0" }}>Getting started</p>
            <a href="/lighthouse-overview" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Getting started</a>
            <a href="/lighthouse-overview-1" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Overview</a>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <p style={{ fontSize: "0.75rem", fontWeight: "700", letterSpacing: "0.06em", textTransform: "uppercase", color: "#64748b", margin: "0 0 0.25rem 0" }}>Workflows & flows</p>
            <a href="/workflows-1" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Workflows</a>
            <a href="/work-flow-runs" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Workflow runs</a>
            <a href="/flows" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Flows</a>
            <a href="/flow-requests" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Flow Requests</a>
            <a href="/flows-events" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Flow Events</a>
            <a href="/polling" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Polling</a>
            <a href="/schedule" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Schedule</a>
          </div>

          <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
            <p style={{ fontSize: "0.75rem", fontWeight: "700", letterSpacing: "0.06em", textTransform: "uppercase", color: "#64748b", margin: "0 0 0.25rem 0" }}>Account & support</p>
            <a href="/connections-1" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Connections</a>
            <a href="/billing" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Billing</a>
            <a href="/untitled-page" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Members</a>
            <a href="/settings" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Settings</a>
            <a href="/support" style={{ textDecoration: "underline", borderBottom: "none", alignSelf: "flex-start", fontSize: "0.95rem", fontWeight: "600" }}>Support</a>
          </div>
        </div>
      </div>

      <div style={{ marginTop: "2rem" }}>
        <div style={{ backgroundColor: "#f0faf4", border: "1px solid #b6e4c8", borderRadius: "8px", padding: "1rem 1.25rem", display: "flex", gap: "12px", alignItems: "flex-start" }}>
          <span style={{ color: "#1a8a4a", fontSize: "18px", marginTop: "2px", flexShrink: 0 }}>💡</span>

          <div>
            <p style={{ fontSize: "14px", color: "#1a5c35", margin: "0 0 4px 0" }}><span style={{ fontWeight: "700" }}>Need help getting started?</span><br />Our team is here to guide you through the setup process.</p>

            <a href="https://meetings.hubspot.com/rajdeep-mandal" style={{ textDecoration: "none", display: "inline-block", marginTop: "8px" }}>
              <span
                style={{
          display: "inline-block",
          background: "#1a8a4a",
          color: "#fff",
          fontSize: "13px",
          fontWeight: "600",
          padding: "7px 16px",
          borderRadius: "6px",
          boxShadow: "0 4px 0 #0d5c30, 0 6px 8px rgba(0,0,0,0.18)",
          cursor: "pointer",
          letterSpacing: "0.01em",
        }}
              >
                Book a free consultation
              </span>
            </a>
          </div>
        </div>
      </div>
    </Tab>
  </Tabs>
</div>