nextworks 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/kits/blocks/app/templates/productlaunch/components/CTA.tsx

@@ -1,93 +1,50 @@
-"use client";
-
-import React from "react";
-import { CTA as SharedCTA } from "@/components/sections/CTA";
-
-export function CTA() {
-  return (
-    <SharedCTA
-      // Background and theme colors live on the section slot
-      section={{
-        className:
-          "bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700 [--heading-fg:white] [--subheading-fg:rgba(255,255,255,0.85)] [--description-fg:rgba(255,255,255,0.8)]",
-      }}
-      // Layout, height, and centering are controlled by the container slot
-      container={{
-        className:
-          "flex h-[45.5vh] w-full flex-col items-center overflow-hidden",
-      }}
-      // Heading mapped to the new headingText slot
-      headingText={{
-        text: "Join The Launch Today!",
-        className:
-          "text-xl md:text-2xl lg:text-3xl font-bold leading-tight text-white dark:text-white font-outfit",
-      }}
-      // Use actionsWrapper for spacing instead of margin on the button
-      actionsWrapper={{
-        className:
-          "mt-4 [--btn-ring:rgba(124,58,237,0.35)] dark:[--btn-ring:rgba(124,58,237,0.45)]",
-      }}
-      // Primary CTA mapped to ctaButton + ctaButtonStyle
-      ctaButton={{ label: "Sign Up Now", href: "#contact" }}
-      ctaButtonStyle={{
-        variant: "secondary",
-        size: "lg",
-        className:
-          "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border-0 [--btn-bg:white] dark:[--btn-bg:white] [--btn-hover-bg:#f3f4f6] dark:[--btn-hover-bg:#e5e7eb] [--btn-fg:#7c3aed] dark:[--btn-fg:#7c3aed] hover:[--btn-hover-fg:#6d28d9] dark:hover:[--btn-hover-fg:#6d28d9] [--btn-border:transparent]",
-      }}
-      // Secondary CTA using outline style
-      secondaryButton={{ label: "Learn More", href: "#features" }}
-      secondaryButtonStyle={{
-        variant: "outline",
-        size: "lg",
-        className:
-          "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border [--btn-bg:transparent] dark:[--btn-bg:transparent] [--btn-fg:white] [--btn-border:rgba(255,255,255,0.9)] dark:[--btn-border:rgba(255,255,255,0.85)] hover:[--btn-hover-bg:white] hover:[--btn-hover-fg:#7c3aed]",
-      }}
-      // Preserve the previous top margin on the heading
-      spacing={{ topMargin: "mt-[17vh]" }}
-      ariaLabel="Join the product launch call to action"
-    />
-  );
-}
-
-// "use client";
-
-// import { CTA as SharedCTA } from "@/components/sections/CTA";
-
-// /**
-//  * A preset CTA (Call-To-Action) component customized for the product launch page,
-//  * using the shared CTA.tsx with predefined styles and content.
-//  *
-//  * Features:
-//  * - "Join The Launch Today!" heading with custom typography
-//  * - Purple button with hover effects and shadow
-//  * - Gray background with dark mode support
-//  * - Custom spacing and sizing
-//  */
-// export function CTA() {
-//   return (
-//     <SharedCTA
-//       heading={{
-//         text: "Join The Launch Today!",
-//         className:
-//           "text-xl md:text-2xl lg:text-3xl font-bold leading-tight text-white dark:text-white font-outfit",
-//       }}
-//       section={{
-//         className:
-//           "flex h-[45.5vh] flex-col items-center overflow-hidden bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
-//       }}
-//       button={{
-//         text: "Sign Up Now",
-//         href: "#contact",
-//         variant: "secondary",
-//         size: "lg",
-//         className:
-//           "mt-4 bg-white hover:bg-gray-100 text-purple-600 hover:text-purple-700 text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border-0",
-//       }}
-//       spacing={{
-//         topMargin: "mt-[17vh]",
-//       }}
-//       ariaLabel="Join the product launch call to action"
-//     />
-//   );
-// }
+"use client";
+
+import React from "react";
+import { CTA as SharedCTA } from "@/components/sections/CTA";
+
+export function CTA() {
+  return (
+    <SharedCTA
+      // Background and theme colors live on the section slot
+      section={{
+        className:
+          "bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700 [--heading-fg:white] [--subheading-fg:rgba(255,255,255,0.85)] [--description-fg:rgba(255,255,255,0.8)]",
+      }}
+      // Layout, height, and centering are controlled by the container slot
+      container={{
+        className:
+          "flex h-[45.5vh] w-full flex-col items-center overflow-hidden",
+      }}
+      // Heading mapped to the new headingText slot
+      headingText={{
+        text: "Join The Launch Today!",
+        className:
+          "text-xl md:text-2xl lg:text-3xl font-bold leading-tight text-white dark:text-white font-outfit",
+      }}
+      // Use actionsWrapper for spacing instead of margin on the button
+      actionsWrapper={{
+        className:
+          "mt-4 [--btn-ring:rgba(124,58,237,0.35)] dark:[--btn-ring:rgba(124,58,237,0.45)]",
+      }}
+      // Primary CTA
+      ctaButton={{ label: "Sign Up Now", href: "#contact" }}
+      ctaButtonStyle={{
+        variant: "secondary",
+        size: "lg",
+        className:
+          "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border-0 [--btn-bg:white] dark:[--btn-bg:white] [--btn-hover-bg:#f3f4f6] dark:[--btn-hover-bg:#e5e7eb] [--btn-fg:#7c3aed] dark:[--btn-fg:#7c3aed] hover:[--btn-hover-fg:#6d28d9] dark:hover:[--btn-hover-fg:#6d28d9] [--btn-border:transparent]",
+      }}
+      // Secondary CTA
+      secondaryButton={{ label: "Learn More", href: "#features" }}
+      secondaryButtonStyle={{
+        variant: "outline",
+        size: "lg",
+        className:
+          "text-base md:text-lg font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border [--btn-bg:transparent] dark:[--btn-bg:transparent] [--btn-fg:white] [--btn-border:rgba(255,255,255,0.9)] dark:[--btn-border:rgba(255,255,255,0.85)] hover:[--btn-hover-bg:white] hover:[--btn-hover-fg:#7c3aed]",
+      }}
+      spacing={{ topMargin: "mt-[17vh]" }}
+      ariaLabel="Join the product launch call to action"
+    />
+  );
+}

package/dist/kits/blocks/app/templates/productlaunch/components/Contact.tsx

@@ -1,231 +1,231 @@
-// app/templates/productlaunch/componnets/Contact.tsx
-
-"use client";
-
-import React from "react";
-import {
-  Contact as SharedContact,
-  ContactField,
-} from "@/components/sections/Contact";
-
-/**
- * A preset Contact component customized for the product launch page,
- * using the shared Contact.tsx with predefined styles and content.
- *
- * Features:
- * - "Get Started with IntelliOpAI" heading with custom typography
- * - Purple-themed styling matching the brand
- * - Custom form fields optimized for product launch
- * - Responsive design with proper spacing
- * - Dark mode support with consistent theming
- * - Clean, modern design with hover effects
- */
-const productLaunchContactFormData: ContactField[] = [
-  {
-    id: "name",
-    label: "Your Full Name",
-    placeholder: "John Doe",
-    required: true,
-    type: "text",
-  },
-  {
-    id: "email",
-    label: "Email Address",
-    placeholder: "you@example.com",
-    required: true,
-    type: "email",
-  },
-  {
-    id: "company",
-    label: "Company Name",
-    placeholder: "Your Company",
-    required: false,
-    type: "text",
-  },
-  {
-    id: "phone",
-    label: "Phone Number",
-    placeholder: "+1 (555) 123-4567",
-    required: false,
-    type: "tel",
-  },
-  {
-    id: "message",
-    label: "Tell us about your project",
-    placeholder: "Describe your business needs and how we can help...",
-    required: true,
-    type: "textarea",
-  },
-];
-
-export function Contact() {
-  const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    const data = Object.fromEntries(new FormData(e.currentTarget).entries());
-    console.log("Contact form submitted:", data);
-  };
-
-  return (
-    <SharedContact
-      id="contact"
-      fields={productLaunchContactFormData}
-      contactHeaderText="Get Started with IntelliOpAI"
-      contactSubHeaderText="Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth."
-      // Root and layout
-      className="w-full"
-      section={{
-        className:
-          "py-16 px-4 bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
-      }}
-      container={{
-        className: "mx-auto max-w-4xl",
-      }}
-      // Header slots
-      headerWrapper={{ className: "mb-4 text-center" }}
-      headerText={{
-        className:
-          "text-2xl md:text-3xl lg:text-4xl font-bold font-outfit text-white dark:text-white",
-      }}
-      subheaderText={{
-        className:
-          "text-base md:text-lg text-white dark:text-gray-200 text-center mb-8 px-4 md:px-14 font-inter leading-relaxed",
-      }}
-      // Form container
-      form={{
-        className:
-          "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg shadow-lg border border-purple-200 dark:border-purple-300",
-      }}
-      // Fields wrapper and field item
-      fieldsWrapper={{ className: "space-y-6" }}
-      field={{ className: "space-y-2" }}
-      // Label + inputs
-      label={{
-        className:
-          "text-gray-700 dark:text-white text-sm font-semibold block font-inter",
-      }}
-      input={{
-        className:
-          "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent transition-all duration-200",
-      }}
-      textarea={{
-        className:
-          "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent resize-vertical min-h-[120px] transition-all duration-200",
-      }}
-      // Submit button (split: wrapper/style/text)
-      submitButtonWrapper={{ className: "pt-2" }}
-      submitButtonStyle={{
-        variant: "default",
-        size: "lg",
-        className:
-          "w-full font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0 [--btn-bg:theme(colors.purple.600)] hover:[--btn-hover-bg:theme(colors.purple.700)] [--btn-fg:white] hover:[--btn-hover-fg:white] [--btn-border:transparent]",
-      }}
-      submitButtonText="Start Your AI Journey"
-      onSubmit={handleFormSubmit}
-      ariaLabel="Get started with IntelliOpAI contact form"
-    />
-  );
-}
-
-// "use client";
-
-// import { Contact as SharedContact } from "@/components/sections/Contact";
-
-// /**
-//  * A preset Contact component customized for the product launch page,
-//  * using the shared Contact.tsx with predefined styles and content.
-//  *
-//  * Features:
-//  * - "Get Started with IntelliOpAI" heading with custom typography
-//  * - Purple-themed styling matching the brand
-//  * - Custom form fields optimized for product launch
-//  * - Responsive design with proper spacing
-//  * - Dark mode support with consistent theming
-//  * - Clean, modern design with hover effects
-//  */
-// export function Contact() {
-//   return (
-//     <SharedContact
-//       contactHeaderText="Get Started with IntelliOpAI"
-//       contactSubHeaderText="Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth."
-//       fields={[
-//         {
-//           id: "name",
-//           label: "Your Full Name",
-//           placeholder: "John Doe",
-//           required: true,
-//           type: "text",
-//         },
-//         {
-//           id: "email",
-//           label: "Email Address",
-//           placeholder: "you@example.com",
-//           required: true,
-//           type: "email",
-//         },
-//         {
-//           id: "company",
-//           label: "Company Name",
-//           placeholder: "Your Company",
-//           required: false,
-//           type: "text",
-//         },
-//         {
-//           id: "phone",
-//           label: "Phone Number",
-//           placeholder: "+1 (555) 123-4567",
-//           required: false,
-//           type: "tel",
-//         },
-//         {
-//           id: "message",
-//           label: "Tell us about your project",
-//           placeholder: "Describe your business needs and how we can help...",
-//           required: true,
-//           type: "textarea",
-//         },
-//       ]}
-//       section={{
-//         className:
-//           "py-16 px-4 bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
-//       }}
-//       container={{
-//         className: "max-w-4xl mx-auto",
-//       }}
-//       header={{
-//         className:
-//           "text-2xl md:text-3xl lg:text-4xl font-bold text-white dark:text-white text-center mb-4 font-outfit",
-//       }}
-//       subheader={{
-//         className:
-//           "text-base md:text-lg text-white dark:text-gray-200 text-center mb-8 px-4 md:px-14 font-inter leading-relaxed",
-//       }}
-//       form={{
-//         className:
-//           "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg shadow-lg border border-purple-200 dark:border-purple-300",
-//       }}
-//       field={{
-//         className: "mb-6",
-//       }}
-//       label={{
-//         className:
-//           "text-gray-700 dark:text-white text-sm font-semibold mb-2 block font-inter",
-//       }}
-//       input={{
-//         className:
-//           "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200",
-//       }}
-//       textarea={{
-//         className:
-//           "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent resize-vertical min-h-[120px] transition-all duration-200",
-//       }}
-//       submitButton={{
-//         text: "Start Your AI Journey",
-//         variant: "default",
-//         size: "lg",
-//         className:
-//           "w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0",
-//       }}
-//       ariaLabel="Get started with IntelliOpAI contact form"
-//     />
-//   );
-// }
+// app/templates/productlaunch/componnets/Contact.tsx
+
+"use client";
+
+import React from "react";
+import {
+  Contact as SharedContact,
+  ContactField,
+} from "@/components/sections/Contact";
+
+/**
+ * A preset Contact component customized for the product launch page,
+ * using the shared Contact.tsx with predefined styles and content.
+ *
+ * Features:
+ * - "Get Started with IntelliOpAI" heading with custom typography
+ * - Purple-themed styling matching the brand
+ * - Custom form fields optimized for product launch
+ * - Responsive design with proper spacing
+ * - Dark mode support with consistent theming
+ * - Clean, modern design with hover effects
+ */
+const productLaunchContactFormData: ContactField[] = [
+  {
+    id: "name",
+    label: "Your Full Name",
+    placeholder: "John Doe",
+    required: true,
+    type: "text",
+  },
+  {
+    id: "email",
+    label: "Email Address",
+    placeholder: "you@example.com",
+    required: true,
+    type: "email",
+  },
+  {
+    id: "company",
+    label: "Company Name",
+    placeholder: "Your Company",
+    required: false,
+    type: "text",
+  },
+  {
+    id: "phone",
+    label: "Phone Number",
+    placeholder: "+1 (555) 123-4567",
+    required: false,
+    type: "tel",
+  },
+  {
+    id: "message",
+    label: "Tell us about your project",
+    placeholder: "Describe your business needs and how we can help...",
+    required: true,
+    type: "textarea",
+  },
+];
+
+export function Contact() {
+  const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const data = Object.fromEntries(new FormData(e.currentTarget).entries());
+    console.log("Contact form submitted:", data);
+  };
+
+  return (
+    <SharedContact
+      id="contact"
+      fields={productLaunchContactFormData}
+      contactHeaderText="Get Started with IntelliOpAI"
+      contactSubHeaderText="Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth."
+      // Root and layout
+      className="w-full"
+      section={{
+        className:
+          "py-16 px-4 bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
+      }}
+      container={{
+        className: "mx-auto max-w-4xl",
+      }}
+      // Header slots
+      headerWrapper={{ className: "mb-4 text-center" }}
+      headerText={{
+        className:
+          "text-2xl md:text-3xl lg:text-4xl font-bold font-outfit text-white dark:text-white",
+      }}
+      subheaderText={{
+        className:
+          "text-base md:text-lg text-white dark:text-gray-200 text-center mb-8 px-4 md:px-14 font-inter leading-relaxed",
+      }}
+      // Form container
+      form={{
+        className:
+          "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg shadow-lg border border-purple-200 dark:border-purple-300",
+      }}
+      // Fields wrapper and field item
+      fieldsWrapper={{ className: "space-y-6" }}
+      field={{ className: "space-y-2" }}
+      // Label + inputs
+      label={{
+        className:
+          "text-gray-700 dark:text-white text-sm font-semibold block font-inter",
+      }}
+      input={{
+        className:
+          "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent transition-all duration-200",
+      }}
+      textarea={{
+        className:
+          "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent resize-vertical min-h-[120px] transition-all duration-200",
+      }}
+      // Submit button (split: wrapper/style/text)
+      submitButtonWrapper={{ className: "pt-2" }}
+      submitButtonStyle={{
+        variant: "default",
+        size: "lg",
+        className:
+          "w-full font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0 [--btn-bg:theme(colors.purple.600)] hover:[--btn-hover-bg:theme(colors.purple.700)] [--btn-fg:white] hover:[--btn-hover-fg:white] [--btn-border:transparent]",
+      }}
+      submitButtonText="Start Your AI Journey"
+      onSubmit={handleFormSubmit}
+      ariaLabel="Get started with IntelliOpAI contact form"
+    />
+  );
+}
+
+// "use client";
+
+// import { Contact as SharedContact } from "@/components/sections/Contact";
+
+// /**
+//  * A preset Contact component customized for the product launch page,
+//  * using the shared Contact.tsx with predefined styles and content.
+//  *
+//  * Features:
+//  * - "Get Started with IntelliOpAI" heading with custom typography
+//  * - Purple-themed styling matching the brand
+//  * - Custom form fields optimized for product launch
+//  * - Responsive design with proper spacing
+//  * - Dark mode support with consistent theming
+//  * - Clean, modern design with hover effects
+//  */
+// export function Contact() {
+//   return (
+//     <SharedContact
+//       contactHeaderText="Get Started with IntelliOpAI"
+//       contactSubHeaderText="Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth."
+//       fields={[
+//         {
+//           id: "name",
+//           label: "Your Full Name",
+//           placeholder: "John Doe",
+//           required: true,
+//           type: "text",
+//         },
+//         {
+//           id: "email",
+//           label: "Email Address",
+//           placeholder: "you@example.com",
+//           required: true,
+//           type: "email",
+//         },
+//         {
+//           id: "company",
+//           label: "Company Name",
+//           placeholder: "Your Company",
+//           required: false,
+//           type: "text",
+//         },
+//         {
+//           id: "phone",
+//           label: "Phone Number",
+//           placeholder: "+1 (555) 123-4567",
+//           required: false,
+//           type: "tel",
+//         },
+//         {
+//           id: "message",
+//           label: "Tell us about your project",
+//           placeholder: "Describe your business needs and how we can help...",
+//           required: true,
+//           type: "textarea",
+//         },
+//       ]}
+//       section={{
+//         className:
+//           "py-16 px-4 bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
+//       }}
+//       container={{
+//         className: "max-w-4xl mx-auto",
+//       }}
+//       header={{
+//         className:
+//           "text-2xl md:text-3xl lg:text-4xl font-bold text-white dark:text-white text-center mb-4 font-outfit",
+//       }}
+//       subheader={{
+//         className:
+//           "text-base md:text-lg text-white dark:text-gray-200 text-center mb-8 px-4 md:px-14 font-inter leading-relaxed",
+//       }}
+//       form={{
+//         className:
+//           "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg shadow-lg border border-purple-200 dark:border-purple-300",
+//       }}
+//       field={{
+//         className: "mb-6",
+//       }}
+//       label={{
+//         className:
+//           "text-gray-700 dark:text-white text-sm font-semibold mb-2 block font-inter",
+//       }}
+//       input={{
+//         className:
+//           "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200",
+//       }}
+//       textarea={{
+//         className:
+//           "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent resize-vertical min-h-[120px] transition-all duration-200",
+//       }}
+//       submitButton={{
+//         text: "Start Your AI Journey",
+//         variant: "default",
+//         size: "lg",
+//         className:
+//           "w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0",
+//       }}
+//       ariaLabel="Get started with IntelliOpAI contact form"
+//     />
+//   );
+// }