From 15ee9c7bb5fa0c69fac4fa0da5ed416a2793274a Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Wed, 5 Nov 2025 21:42:46 +0000
Subject: [PATCH] Create DocsSupportCTA component

cgen-684c27c94f59453c97cfbc2bb85d8526
---
 client/components/docs/DocsSupportCTA.tsx | 43 +++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 client/components/docs/DocsSupportCTA.tsx

diff --git a/client/components/docs/DocsSupportCTA.tsx b/client/components/docs/DocsSupportCTA.tsx
new file mode 100644
index 00000000..79ff8510
--- /dev/null
+++ b/client/components/docs/DocsSupportCTA.tsx
@@ -0,0 +1,43 @@
+import { Button } from "@/components/ui/button";
+import { Link } from "react-router-dom";
+import { BookOpen, Users } from "lucide-react";
+
+interface DocsSupportCTAProps {
+  title?: string;
+  description?: string;
+}
+
+export default function DocsSupportCTA({
+  title = "Need help getting started?",
+  description = "Our documentation team updates these guides weekly. If you're looking for tailored onboarding, architecture reviews, or migration support, reach out and we'll connect you with the right experts.",
+}: DocsSupportCTAProps) {
+  return (
+    <div className="mt-12 rounded-2xl border border-purple-500/40 bg-purple-900/20 p-8 text-center">
+      <h3 className="text-3xl font-semibold text-white mb-4">{title}</h3>
+      <p className="text-gray-300 max-w-3xl mx-auto mb-6">{description}</p>
+      <div className="flex flex-col sm:flex-row justify-center gap-4">
+        <Button
+          asChild
+          size="lg"
+          className="bg-gradient-to-r from-aethex-500 to-neon-blue hover:from-aethex-600 hover:to-neon-blue/90"
+        >
+          <Link to="/support" className="flex items-center gap-2">
+            <BookOpen className="h-5 w-5" />
+            Contact support
+          </Link>
+        </Button>
+        <Button
+          asChild
+          variant="outline"
+          size="lg"
+          className="border-purple-400/60 text-purple-200"
+        >
+          <Link to="/community" className="flex items-center gap-2">
+            <Users className="h-5 w-5" />
+            Join the community
+          </Link>
+        </Button>
+      </div>
+    </div>
+  );
+}