@devvistatech/devvista-kit 0.0.10 → 0.0.12

package/components/addOns/functional/schedules/constants/ScheduleGridTwo.ts

@@ -1,41 +1,41 @@
-// components/addOns/functional/schedules/constants/scheduleGridTwo.ts
-// Constants for hardcoded text in ScheduleGridTwo.tsx, organized by purpose
-
-export const SCHEDULE_GRID_TWO = {
-  // UI Text for ScheduleGridTwo
-  UI: {
-    // Heading for schedule section
-    CLASS_SCHEDULE_HEADING: "Class Schedule",
-    // Text when no classes exist for a day
-    NO_CLASSES_MESSAGE: "No classes",
-    // Footer text before phone number
-    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
-    // Phone number in footer link
-    PHONE_NUMBER: "123-456-7892",
-    // Footer disclaimer
-    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
-    // Days of the week for headers
-    DAYS_OF_WEEK: [
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday",
-      "Sunday",
-    ],
-    // Hardcoded age group for popup
-    ALL_AGES_TEXT: "All Ages",
-    // DeleteIconButton aria-label template
-    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
-  },
-  // Button Text for ScheduleGridTwo
-  BUTTONS: {
-    // AddButton text for adding new class
-    ADD_NEW_CLASS_BUTTON: "Add New Class",
-  },
-  // Error Messages for ScheduleGridTwo
-  ERRORS: {
-    // No hardcoded errors
-  },
+// components/addOns/functional/schedules/constants/scheduleGridTwo.ts
+// Constants for hardcoded text in ScheduleGridTwo.tsx, organized by purpose
+
+export const SCHEDULE_GRID_TWO = {
+  // UI Text for ScheduleGridTwo
+  UI: {
+    // Heading for schedule section
+    CLASS_SCHEDULE_HEADING: "Class Schedule",
+    // Text when no classes exist for a day
+    NO_CLASSES_MESSAGE: "No classes",
+    // Footer text before phone number
+    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
+    // Phone number in footer link
+    PHONE_NUMBER: "123-456-7892",
+    // Footer disclaimer
+    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
+    // Days of the week for headers
+    DAYS_OF_WEEK: [
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+      "Sunday",
+    ],
+    // Hardcoded age group for popup
+    ALL_AGES_TEXT: "All Ages",
+    // DeleteIconButton aria-label template
+    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
+  },
+  // Button Text for ScheduleGridTwo
+  BUTTONS: {
+    // AddButton text for adding new class
+    ADD_NEW_CLASS_BUTTON: "Add New Class",
+  },
+  // Error Messages for ScheduleGridTwo
+  ERRORS: {
+    // No hardcoded errors
+  },
 };

package/components/addOns/functional/schedules/constants/ScheduleGridTwoBasic.ts

@@ -1,41 +1,41 @@
-// components/addOns/functional/schedules/constants/scheduleGridTwoBasic.ts
-// Constants for hardcoded text in ScheduleGridTwoBasic.tsx, organized by purpose
-
-export const SCHEDULE_GRID_TWO_BASIC = {
-  // UI Text for ScheduleGridTwoBasic
-  UI: {
-    // Heading for schedule section
-    CLASS_SCHEDULE_HEADING: "Class Schedule",
-    // Text when no classes exist for a day
-    NO_CLASSES_MESSAGE: "No classes",
-    // Footer text before phone number
-    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
-    // Phone number in footer link
-    PHONE_NUMBER: "123-456-7892",
-    // Footer disclaimer
-    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
-    // Days of the week for headers
-    DAYS_OF_WEEK: [
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday",
-      "Sunday",
-    ],
-    // Hardcoded age group for popup
-    ALL_AGES_TEXT: "All Ages",
-    // DeleteIconButton aria-label template
-    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
-  },
-  // Button Text for ScheduleGridTwoBasic
-  BUTTONS: {
-    // AddButton text for adding new class
-    ADD_NEW_CLASS_BUTTON: "Add New Class",
-  },
-  // Error Messages for ScheduleGridTwoBasic
-  ERRORS: {
-    // No hardcoded errors
-  },
+// components/addOns/functional/schedules/constants/scheduleGridTwoBasic.ts
+// Constants for hardcoded text in ScheduleGridTwoBasic.tsx, organized by purpose
+
+export const SCHEDULE_GRID_TWO_BASIC = {
+  // UI Text for ScheduleGridTwoBasic
+  UI: {
+    // Heading for schedule section
+    CLASS_SCHEDULE_HEADING: "Class Schedule",
+    // Text when no classes exist for a day
+    NO_CLASSES_MESSAGE: "No classes",
+    // Footer text before phone number
+    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
+    // Phone number in footer link
+    PHONE_NUMBER: "123-456-7892",
+    // Footer disclaimer
+    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
+    // Days of the week for headers
+    DAYS_OF_WEEK: [
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+      "Sunday",
+    ],
+    // Hardcoded age group for popup
+    ALL_AGES_TEXT: "All Ages",
+    // DeleteIconButton aria-label template
+    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
+  },
+  // Button Text for ScheduleGridTwoBasic
+  BUTTONS: {
+    // AddButton text for adding new class
+    ADD_NEW_CLASS_BUTTON: "Add New Class",
+  },
+  // Error Messages for ScheduleGridTwoBasic
+  ERRORS: {
+    // No hardcoded errors
+  },
 };

package/components/addOns/functional/schedules/constants/SchedulerForm.ts

@@ -1,66 +1,66 @@
-// components/addOns/functional/schedules/constants/schedulerForm.ts
-// Constants for hardcoded text in Schedule.tsx (SchedulerForm), organized by purpose
-
-export const SCHEDULER_FORM = {
-  // UI Text for SchedulerForm
-  UI: {
-    // Heading for edit class modal
-    EDIT_CLASS_HEADING: "Edit Class",
-    // Heading for add new class modal
-    ADD_NEW_CLASS_HEADING: "Add New Class",
-    // Label for class name input
-    CLASS_NAME_LABEL: "Class Name",
-    // Placeholder for class name input
-    CLASS_NAME_PLACEHOLDER: "Enter class name",
-    // Label for start time inputs
-    START_TIME_LABEL: "Start Time",
-    // Default option for hour select
-    HOUR_OPTION: "Hour",
-    // Default option for minute select
-    MINUTE_OPTION: "Minute",
-    // Options for period select
-    AM_OPTION: "AM",
-    PM_OPTION: "PM",
-    // Label for end time inputs
-    END_TIME_LABEL: "End Time",
-    // Label for days of week checkboxes
-    DAYS_OF_WEEK_LABEL: "Days of the Week",
-    // Checkbox labels for days of the week
-    DAYS_OF_WEEK: [
-      { value: 1, label: "Monday" },
-      { value: 2, label: "Tuesday" },
-      { value: 3, label: "Wednesday" },
-      { value: 4, label: "Thursday" },
-      { value: 5, label: "Friday" },
-      { value: 6, label: "Saturday" },
-      { value: 7, label: "Sunday" },
-    ],
-    // Label for class description textarea
-    CLASS_DESCRIPTION_LABEL: "Class Description (optional)",
-    // Placeholder for class description textarea
-    CLASS_DESCRIPTION_PLACEHOLDER: "Enter class description",
-    // Heading for delete confirmation modal
-    DELETE_CONFIRMATION_HEADING: "Confirm Deletion",
-    // Text in delete confirmation modal
-    DELETE_CONFIRMATION_MESSAGE: "Are you sure you want to delete this class? This action cannot be undone.",
-  },
-  // Button Text for SchedulerForm
-  BUTTONS: {
-    // AddButton text when loading
-    SAVING_BUTTON: "Saving...",
-    // AddButton text when editing a class
-    UPDATE_BUTTON: "Update",
-    // AddButton text when adding a new class
-    ADD_BUTTON: "Add",
-    // DeleteButton text when loading
-    DELETING_BUTTON: "Deleting...",
-    // DeleteButton text for delete confirmation
-    DELETE_BUTTON: "Delete",
-    // CancelButton text for both modals
-    CANCEL_BUTTON: "Cancel",
-  },
-  // Error Messages for SchedulerForm
-  ERRORS: {
-    // No hardcoded errors
-  },
+// components/addOns/functional/schedules/constants/schedulerForm.ts
+// Constants for hardcoded text in Schedule.tsx (SchedulerForm), organized by purpose
+
+export const SCHEDULER_FORM = {
+  // UI Text for SchedulerForm
+  UI: {
+    // Heading for edit class modal
+    EDIT_CLASS_HEADING: "Edit Class",
+    // Heading for add new class modal
+    ADD_NEW_CLASS_HEADING: "Add New Class",
+    // Label for class name input
+    CLASS_NAME_LABEL: "Class Name",
+    // Placeholder for class name input
+    CLASS_NAME_PLACEHOLDER: "Enter class name",
+    // Label for start time inputs
+    START_TIME_LABEL: "Start Time",
+    // Default option for hour select
+    HOUR_OPTION: "Hour",
+    // Default option for minute select
+    MINUTE_OPTION: "Minute",
+    // Options for period select
+    AM_OPTION: "AM",
+    PM_OPTION: "PM",
+    // Label for end time inputs
+    END_TIME_LABEL: "End Time",
+    // Label for days of week checkboxes
+    DAYS_OF_WEEK_LABEL: "Days of the Week",
+    // Checkbox labels for days of the week
+    DAYS_OF_WEEK: [
+      { value: 1, label: "Monday" },
+      { value: 2, label: "Tuesday" },
+      { value: 3, label: "Wednesday" },
+      { value: 4, label: "Thursday" },
+      { value: 5, label: "Friday" },
+      { value: 6, label: "Saturday" },
+      { value: 7, label: "Sunday" },
+    ],
+    // Label for class description textarea
+    CLASS_DESCRIPTION_LABEL: "Class Description (optional)",
+    // Placeholder for class description textarea
+    CLASS_DESCRIPTION_PLACEHOLDER: "Enter class description",
+    // Heading for delete confirmation modal
+    DELETE_CONFIRMATION_HEADING: "Confirm Deletion",
+    // Text in delete confirmation modal
+    DELETE_CONFIRMATION_MESSAGE: "Are you sure you want to delete this class? This action cannot be undone.",
+  },
+  // Button Text for SchedulerForm
+  BUTTONS: {
+    // AddButton text when loading
+    SAVING_BUTTON: "Saving...",
+    // AddButton text when editing a class
+    UPDATE_BUTTON: "Update",
+    // AddButton text when adding a new class
+    ADD_BUTTON: "Add",
+    // DeleteButton text when loading
+    DELETING_BUTTON: "Deleting...",
+    // DeleteButton text for delete confirmation
+    DELETE_BUTTON: "Delete",
+    // CancelButton text for both modals
+    CANCEL_BUTTON: "Cancel",
+  },
+  // Error Messages for SchedulerForm
+  ERRORS: {
+    // No hardcoded errors
+  },
 };

package/components/addOns/functional/schedules/constants/scheduleGridOne.ts

@@ -1,55 +1,55 @@
-// components/addOns/functional/schedules/constants/scheduleGridOne.ts
-// Constants for hardcoded text in ScheduleGridOne.tsx, organized by purpose
-
-export const SCHEDULE_GRID_ONE = {
-  // UI Text for ScheduleGridOne
-  UI: {
-    // Label for search input
-    SEARCH_LABEL: "Search by Class Name",
-    // Placeholder for search input
-    SEARCH_PLACEHOLDER: "Search classes...",
-    // Label for time filter select
-    TIME_FILTER_LABEL: "Time of Day",
-    // Default option for time filter select
-    ALL_TIMES_OPTION: "All Times",
-    // Time filter options
-    MORNING_OPTION: "Morning (Before 12:00 PM)",
-    AFTERNOON_OPTION: "Afternoon (12:00 PM - 5:00 PM)",
-    EVENING_OPTION: "Evening (After 5:00 PM)",
-    // Heading for schedule section
-    CLASS_SCHEDULE_HEADING: "Class Schedule",
-    // Text when no classes exist for a day
-    NO_CLASSES_MESSAGE: "No classes",
-    // Footer text before phone number
-    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
-    // Phone number in footer link
-    PHONE_NUMBER: "123-456-7892",
-    // Footer disclaimer
-    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
-    // Days of the week for headers
-    DAYS_OF_WEEK: [
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday",
-      "Sunday",
-    ],
-    // Hardcoded age group for popup
-    ALL_AGES_TEXT: "All Ages",
-    // DeleteIconButton aria-label template
-    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
-  },
-  // Button Text for ScheduleGridOne
-  BUTTONS: {
-    // SubmitButton text for resetting filters
-    RESET_FILTERS_BUTTON: "Reset Filters",
-    // AddButton text for adding new class
-    ADD_NEW_CLASS_BUTTON: "Add New Class",
-  },
-  // Error Messages for ScheduleGridOne
-  ERRORS: {
-    // No hardcoded errors
-  },
+// components/addOns/functional/schedules/constants/scheduleGridOne.ts
+// Constants for hardcoded text in ScheduleGridOne.tsx, organized by purpose
+
+export const SCHEDULE_GRID_ONE = {
+  // UI Text for ScheduleGridOne
+  UI: {
+    // Label for search input
+    SEARCH_LABEL: "Search by Class Name",
+    // Placeholder for search input
+    SEARCH_PLACEHOLDER: "Search classes...",
+    // Label for time filter select
+    TIME_FILTER_LABEL: "Time of Day",
+    // Default option for time filter select
+    ALL_TIMES_OPTION: "All Times",
+    // Time filter options
+    MORNING_OPTION: "Morning (Before 12:00 PM)",
+    AFTERNOON_OPTION: "Afternoon (12:00 PM - 5:00 PM)",
+    EVENING_OPTION: "Evening (After 5:00 PM)",
+    // Heading for schedule section
+    CLASS_SCHEDULE_HEADING: "Class Schedule",
+    // Text when no classes exist for a day
+    NO_CLASSES_MESSAGE: "No classes",
+    // Footer text before phone number
+    COMPLIMENTARY_CLASS_TEXT: "Your first class is complimentary! Questions? Call ",
+    // Phone number in footer link
+    PHONE_NUMBER: "123-456-7892",
+    // Footer disclaimer
+    SCHEDULE_DISCLAIMER: "*Management reserves the right to cancel or alter class schedules based on attendance.",
+    // Days of the week for headers
+    DAYS_OF_WEEK: [
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+      "Sunday",
+    ],
+    // Hardcoded age group for popup
+    ALL_AGES_TEXT: "All Ages",
+    // DeleteIconButton aria-label template
+    DELETE_BUTTON_ARIA: "Delete ${cls.name} class",
+  },
+  // Button Text for ScheduleGridOne
+  BUTTONS: {
+    // SubmitButton text for resetting filters
+    RESET_FILTERS_BUTTON: "Reset Filters",
+    // AddButton text for adding new class
+    ADD_NEW_CLASS_BUTTON: "Add New Class",
+  },
+  // Error Messages for ScheduleGridOne
+  ERRORS: {
+    // No hardcoded errors
+  },
 };

package/components/addOns/non-functional/AnnouncementBanner.tsx

@@ -1,47 +1,47 @@
-"use client";
-
-import { motion } from "framer-motion";
-import { X } from "lucide-react";
-import { useState } from "react";
-
-export default function AnnouncementBanner() {
-  const [isVisible, setIsVisible] = useState(true);
-
-  if (!isVisible) return null;
-
-  return (
-    <motion.div
-      className="fixed top-0 left-0 right-0 bg-blue-500/80 backdrop-blur-sm text-white py-3 sm:py-6 px-4 sm:px-6 z-50 shadow-md"
-      style={{
-        maskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%)",
-      }}
-      initial={{ y: -100, opacity: 0 }}
-      animate={{ y: 0, opacity: 1 }}
-      exit={{ y: -100, opacity: 0 }}
-      transition={{ duration: 0.5, ease: "easeOut" }}
-    >
-      <div className="max-w-7xl mx-auto flex items-center justify-between relative pr-10 sm:pr-14">
-        <p className="text-xs sm:text-sm md:text-base font-medium text-center flex-1">
-          We will be closed this Friday and Saturday (July 4–5) in observance of Independence Day.
-        </p>
-        <button
-          onClick={() => setIsVisible(false)}
-          className="absolute right-2 sm:right-4 bg-blue-600/50 hover:bg-blue-700/70 text-white rounded-full p-1.5 sm:p-2 focus:outline-none focus:ring-2 focus:ring-blue-300 transition-colors"
-          aria-label="Close announcement"
-        >
-          <X className="w-5 h-5 sm:w-8 sm:h-8" />
-        </button>
-      </div>
-
-      <style jsx>{`
-        .gradient-text {
-          background: linear-gradient(45deg, #80ff80 25%, #80ff80 50%, #00b7eb 85%, #00b7eb 75%);
-          -webkit-background-clip: text;
-          background-clip: text;
-          color: transparent;
-        }
-      `}</style>
-    </motion.div>
-  );
+"use client";
+
+import { motion } from "framer-motion";
+import { X } from "lucide-react";
+import { useState } from "react";
+
+export default function AnnouncementBanner() {
+  const [isVisible, setIsVisible] = useState(true);
+
+  if (!isVisible) return null;
+
+  return (
+    <motion.div
+      className="fixed top-0 left-0 right-0 bg-blue-500/80 backdrop-blur-sm text-white py-3 sm:py-6 px-4 sm:px-6 z-50 shadow-md"
+      style={{
+        maskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%)",
+        WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%)",
+      }}
+      initial={{ y: -100, opacity: 0 }}
+      animate={{ y: 0, opacity: 1 }}
+      exit={{ y: -100, opacity: 0 }}
+      transition={{ duration: 0.5, ease: "easeOut" }}
+    >
+      <div className="max-w-7xl mx-auto flex items-center justify-between relative pr-10 sm:pr-14">
+        <p className="text-xs sm:text-sm md:text-base font-medium text-center flex-1">
+          We will be closed this Friday and Saturday (July 4–5) in observance of Independence Day.
+        </p>
+        <button
+          onClick={() => setIsVisible(false)}
+          className="absolute right-2 sm:right-4 bg-blue-600/50 hover:bg-blue-700/70 text-white rounded-full p-1.5 sm:p-2 focus:outline-none focus:ring-2 focus:ring-blue-300 transition-colors"
+          aria-label="Close announcement"
+        >
+          <X className="w-5 h-5 sm:w-8 sm:h-8" />
+        </button>
+      </div>
+
+      <style jsx>{`
+        .gradient-text {
+          background: linear-gradient(45deg, #80ff80 25%, #80ff80 50%, #00b7eb 85%, #00b7eb 75%);
+          -webkit-background-clip: text;
+          background-clip: text;
+          color: transparent;
+        }
+      `}</style>
+    </motion.div>
+  );
 }

package/components/addOns/non-functional/FeaturesSection.tsx

@@ -1,63 +1,63 @@
-// src/components/FeaturesSection.tsx
-"use client";
-
-import { ActionButton } from "@/components/other/button";
-import { CheckCircle, ArrowRight } from "lucide-react";
-import Link from "next/link";
-
-interface Feature {
-  text: string;
-}
-
-interface FeaturesSectionProps {
-  features: Feature[];
-  title: string;
-  description: string;
-  ctaText: string;
-  ctaLink: string;
-}
-
-export function FeaturesSection({
-  features,
-  title,
-  description,
-  ctaText,
-  ctaLink,
-}: FeaturesSectionProps) {
-  return (
-    <section className="w-full py-16 sm:py-24 px-4 sm:px-8 bg-blue-200 z-0">
-      <div className="w-full pt-16 sm:pt-24 pb-16 sm:pb-24">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6">
-          <div className="flex flex-col md:flex-row gap-6 justify-center items-center">
-            <div className="w-full md:w-1/2 space-y-6 flex justify-center">
-              <ul className="space-y-4 text-2xl font-semibold">
-                {features.map((feature, index) => (
-                  <li key={index} className="flex items-center justify-start">
-                    <CheckCircle className="mr-3 h-6 w-6 text-[#FF69B4] flex-shrink-0" />
-                    <span>{feature.text}</span>
-                  </li>
-                ))}
-              </ul>
-            </div>
-            <div className="w-full md:w-1/2 space-y-6 text-center pt-12">
-              <h4 className="text-4xl sm:text-5xl font-bold text-[#333] tracking-tight">
-                {title}
-              </h4>
-              <p className="text-xl sm:text-2xl font-semibold text-[#333]">
-                {description}
-              </p>
-              <ActionButton
-                asChild
-              >
-                <Link href={ctaLink} className="flex items-center justify-center">
-                  {ctaText}
-                  <ArrowRight className="ml-2 h-6 w-6" />
-                </Link>
-              </ActionButton>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
+// src/components/FeaturesSection.tsx
+"use client";
+
+import { ActionButton } from "@/components/other/button";
+import { CheckCircle, ArrowRight } from "lucide-react";
+import Link from "next/link";
+
+interface Feature {
+  text: string;
+}
+
+interface FeaturesSectionProps {
+  features: Feature[];
+  title: string;
+  description: string;
+  ctaText: string;
+  ctaLink: string;
+}
+
+export function FeaturesSection({
+  features,
+  title,
+  description,
+  ctaText,
+  ctaLink,
+}: FeaturesSectionProps) {
+  return (
+    <section className="w-full py-16 sm:py-24 px-4 sm:px-8 bg-blue-200 z-0">
+      <div className="w-full pt-16 sm:pt-24 pb-16 sm:pb-24">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6">
+          <div className="flex flex-col md:flex-row gap-6 justify-center items-center">
+            <div className="w-full md:w-1/2 space-y-6 flex justify-center">
+              <ul className="space-y-4 text-2xl font-semibold">
+                {features.map((feature, index) => (
+                  <li key={index} className="flex items-center justify-start">
+                    <CheckCircle className="mr-3 h-6 w-6 text-[#FF69B4] flex-shrink-0" />
+                    <span>{feature.text}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+            <div className="w-full md:w-1/2 space-y-6 text-center pt-12">
+              <h4 className="text-4xl sm:text-5xl font-bold text-[#333] tracking-tight">
+                {title}
+              </h4>
+              <p className="text-xl sm:text-2xl font-semibold text-[#333]">
+                {description}
+              </p>
+              <ActionButton
+                asChild
+              >
+                <Link href={ctaLink} className="flex items-center justify-center">
+                  {ctaText}
+                  <ArrowRight className="ml-2 h-6 w-6" />
+                </Link>
+              </ActionButton>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
 }