From cfdc4a1daa059f3f9c4b19dd59e1aacf9800e49c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 16:09:11 +0000
Subject: [PATCH] Add src/components/buttons/BookConsultationButton.tsx

---
 .../buttons/BookConsultationButton.tsx        | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/buttons/BookConsultationButton.tsx

diff --git a/src/components/buttons/BookConsultationButton.tsx b/src/components/buttons/BookConsultationButton.tsx
new file mode 100644
index 0000000..896754c
--- /dev/null
+++ b/src/components/buttons/BookConsultationButton.tsx
@@ -0,0 +1,33 @@
+"use client";
+import ButtonTextStagger from '@/components/button/ButtonTextStagger/ButtonTextStagger';
+import React from 'react';
+
+interface BookConsultationButtonProps {
+  text?: string;
+  onClick?: () => void;
+  className?: string; // For additional styling
+  bgClassName?: string; // For background styling, typically handled by ThemeProvider primaryButtonStyle
+  textClassName?: string; // For text styling
+  ariaLabel?: string;
+}
+
+const BookConsultationButton: React.FC<BookConsultationButtonProps> = ({
+  text = "Book a Consultation",  onClick,
+  className,
+  bgClassName,
+  textClassName,
+  ariaLabel = "Book a consultation call"}) => {
+  return (
+    <ButtonTextStagger
+      text={text}
+      href="/consultation"
+      onClick={onClick}
+      className={className}
+      bgClassName={bgClassName} // Rely on ThemeProvider's primaryButtonStyle
+      textClassName={textClassName}
+      ariaLabel={ariaLabel}
+    />
+  );
+};
+
+export default BookConsultationButton;