From f6d0fdbc7204ddcdb7e85abd13051591888ff15e Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Thu, 15 Jan 2026 13:02:53 +0000
Subject: [PATCH] Update components/subheading.tsx

---
 components/subheading.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 components/subheading.tsx

diff --git a/components/subheading.tsx b/components/subheading.tsx
new file mode 100644
index 0000000..8c265e8
--- /dev/null
+++ b/components/subheading.tsx
@@ -0,0 +1,29 @@
+import { cn } from "@/lib/utils";
+import { MotionProps } from "framer-motion";
+import React from "react";
+import Balancer from "react-wrap-balancer";
+
+export const Subheading = ({
+  className,
+  as: Tag = "h2",
+  children,
+  ..._props
+}: {
+  className?: string;
+  as?: any;
+  children: any;
+  props?: React.HTMLAttributes<HTMLHeadingElement>;
+} & MotionProps &
+  React.HTMLAttributes<HTMLHeadingElement>) => {
+  return (
+    <Tag
+      className={cn(
+        "text-sm md:text-base  max-w-4xl text-left my-4 mx-auto",
+        "text-muted text-center font-normal dark:text-muted-dark",
+        className,
+      )}
+    >
+      <Balancer>{children}</Balancer>
+    </Tag>
+  );
+};