> ## 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: "4rem 2rem" }}>
  <div style={{ textAlign: "center", marginBottom: "3rem" }}>
    <h1 className="text-gray-900 dark:text-white" style={{ fontSize: "2.5rem", fontWeight: "700", marginBottom: "0.75rem" }}>Knowledge Base</h1>
    <p className="text-gray-600 dark:text-gray-300" style={{ fontSize: "1.1rem", marginBottom: "1.5rem" }}>Find articles and guides to help answer your Cloudify questions.</p>
  </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/hubspot/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/hubspot/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/hubspot/flowlink/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>FlowLink</a>
        <a href="/hubspot/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/hubspot/quickbooks/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>QuickBooks Online Integration</a>
        <a href="/hubspot/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
        <a href="/hubspot/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/hubspot/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/pipedrive/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/pipedrive/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/pipedrive/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/pipedrive/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/shopify/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/shopify/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
        <a href="/shopify/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Pipedrive Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/stripe/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
      </div>
    </div>

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

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

      <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
        <a href="/salesforce/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>
  </div>

  <div style={{ marginTop: "2rem" }}>
    <Tip>
      **Need help getting started?**\
      Our team is here to guide you through the setup process.

      [Book a free consultation](https://meetings.hubspot.com/cloudify/app-assistance)
    </Tip>
  </div>
</div>

<div style={{ maxWidth: "900px", margin: "0 auto", padding: "4rem 2rem" }}>
  <div style={{ textAlign: "center", marginBottom: "3rem" }}>
    <h1 className="text-gray-900 dark:text-white" style={{ fontSize: "2.5rem", fontWeight: "700", marginBottom: "0.75rem" }}>Knowledge Base</h1>
    <p className="text-gray-600 dark:text-gray-300" style={{ fontSize: "1.1rem", marginBottom: "1.5rem" }}>Find articles and guides to help answer your Cloudify questions.</p>
  </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/hubspot/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/hubspot/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/hubspot/flowlink/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>FlowLink</a>
        <a href="/hubspot/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/hubspot/quickbooks/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>QuickBooks Online Integration</a>
        <a href="/hubspot/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
        <a href="/hubspot/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/hubspot/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/pipedrive/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/pipedrive/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/pipedrive/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/pipedrive/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/shopify/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/shopify/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
        <a href="/shopify/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Pipedrive Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/stripe/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
      </div>
    </div>

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

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

      <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
        <a href="/salesforce/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>
  </div>

  <div style={{ marginTop: "2rem" }}>
    <Tip>
      **Need help getting started?**\
      Our team is here to guide you through the setup process.

      [Book a free consultation](https://meetings.hubspot.com/cloudify/app-assistance)
    </Tip>
  </div>
</div>

<div style={{ maxWidth: "900px", margin: "0 auto", padding: "4rem 2rem" }}>
  <div style={{ textAlign: "center", marginBottom: "3rem" }}>
    <h1 className="text-gray-900 dark:text-white" style={{ fontSize: "2.5rem", fontWeight: "700", marginBottom: "0.75rem" }}>Knowledge Base</h1>
    <p className="text-gray-600 dark:text-gray-300" style={{ fontSize: "1.1rem", marginBottom: "1.5rem" }}>Find articles and guides to help answer your Cloudify questions.</p>
  </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/hubspot/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/hubspot/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/hubspot/flowlink/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>FlowLink</a>
        <a href="/hubspot/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/hubspot/quickbooks/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>QuickBooks Online Integration</a>
        <a href="/hubspot/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
        <a href="/hubspot/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/hubspot/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/pipedrive/company-vat/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Company VAT Integration</a>
        <a href="/pipedrive/danish-cvr/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Danish CVR Integration</a>
        <a href="/pipedrive/fortnox/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/pipedrive/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Fortnox Integration</a>
        <a href="/shopify/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
        <a href="/shopify/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Xero Integration</a>
        <a href="/shopify/tripletex/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Tripletex Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
        <a href="/pipedrive/xero/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Pipedrive Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>Business Central Integration</a>
        <a href="/stripe/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>

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

        <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", fontSize: "0.95rem", fontWeight: "600" }}>HubSpot Integration</a>
      </div>
    </div>

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

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

      <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
        <a href="/salesforce/e-conomic/getting-started/overview" style={{ textDecoration: "underline", fontSize: "0.95rem", fontWeight: "600" }}>Visma e-conomic Integration</a>
      </div>
    </div>
  </div>

  <div style={{ marginTop: "2rem" }}>
    <Tip>
      **Need help getting started?**\
      Our team is here to guide you through the setup process.

      [Book a free consultation](https://meetings.hubspot.com/cloudify/app-assistance)
    </Tip>
  </div>
</div>
