Merge branch '11-14-integrate_billing_v2_init' into 11-15-billing_v2_ui_changes

Author: jnsdls

apps/portal/src/app/connect/pay/faqs/page.mdx

@@ -83,7 +83,7 @@ All other tokens will require an additional Buy With Crypto step.
 
 ### How does KYC work with Buy With Fiat
 
-Pay currently requires KYC for first-time purchases. Subsequent purchases will not require KYC.
+Users will be required to complete KYC verification for their first purchase using 'Buy with Fiat.' After that, no further KYC will be needed for future purchases on the same platform.
 
 ### What cryptocurrencies does Pay support?
 

apps/portal/src/components/Document/ContractDeployCard.tsx

@@ -0,0 +1,35 @@
+import Link from "next/link";
+import { Paragraph } from "./Paragraph";
+
+/**
+ * Usage:
+ * ```tsx
+ * <ContractDeployCard contractName={"ERC20Modular"} href="deploy-link" />
+ * ```
+ */
+export function ContractDeployCard(props: {
+  contractName: string;
+  description?: string;
+  href: string;
+}) {
+  return (
+    <div className="my-4 rounded-lg border bg-b-800 p-4">
+      <div className="mb-2 font-semibold text-lg ">
+        Deploy {props.contractName}
+      </div>
+      <Paragraph className="mb-5 text-base text-f-300">
+        {props.description ||
+          `The ${props.contractName} is available to deploy on Explore. Deploy it now through dashboard.`}
+      </Paragraph>
+      <div className="flex">
+        <Link
+          href={props.href}
+          target="_blank"
+          className="inline-flex items-center rounded-lg border bg-[#DB2877] text-sm duration-200 hover:border-f-300"
+        >
+          <div className="border-l-2 p-2.5 font-semibold">Deploy Now</div>
+        </Link>
+      </div>
+    </div>
+  );
+}