@devvistatech/devvista-kit 0.0.1

package/app/blog/page.tsx

@@ -0,0 +1,217 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/other/card";
+import { Button } from "@/components/other/button";
+import { AlertCircle } from "lucide-react";
+import { Alert, AlertDescription } from "@/components/other/alert";
+import { useAuth, useUser } from "@clerk/nextjs";
+import { useStrapiAuth } from "@/lib/auth-context";
+import Spinner from "@/components/addOns/non-functional/spinner";
+import BlogDashboard from "@/components/addOns/functional/blogSections/BlogDashboard";
+import BlogFormPopUp from "@/components/addOns/functional/blogSections/BlogFormPopUp";
+
+interface BlogPost {
+  id: number;
+  documentId: string;
+  title: string;
+  description: string;
+  author: string;
+  publishedAt: string;
+}
+
+export default function BlogPage() {
+  const { user, authLoading, checkSession } = useStrapiAuth();
+  const { getToken, isSignedIn } = useAuth();
+  const { user: clerkUser } = useUser();
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isConfirmDeleteOpen, setIsConfirmDeleteOpen] = useState(false);
+  const [posts, setPosts] = useState<BlogPost[]>([]);
+  const [postToDelete, setPostToDelete] = useState<{ id: number; documentId: string; title: string } | null>(null);
+  const [showSuccess, setShowSuccess] = useState(false);
+  const [formData, setFormData] = useState<BlogPost>({
+    id: 0,
+    documentId: "",
+    title: "",
+    description: "",
+    author: user?.firstName && user?.lastName ? `${user.firstName} ${user.lastName}` : "",
+    publishedAt: "",
+  });
+
+  const isAdmin = isSignedIn && !!user?.businessAdminId;
+
+  const timeoutPromise = (promise: Promise<any>, timeout: number) => {
+    return Promise.race([
+      promise,
+      new Promise((_, reject) => setTimeout(() => reject(new Error("Session check timed out")), timeout)),
+    ]);
+  };
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
+  useEffect(() => {
+    const handleLogin = () => checkSession();
+    const handleLogout = () => checkSession();
+    window.addEventListener("user-login", handleLogin);
+    window.addEventListener("user-logout", handleLogout);
+    return () => {
+      window.removeEventListener("user-login", handleLogin);
+      window.removeEventListener("user-logout", handleLogout);
+    };
+  }, [checkSession]);
+
+  useEffect(() => {
+    if (isModalOpen && !formData.id && user?.firstName && user?.lastName) {
+      setFormData({
+        ...formData,
+        author: `${user.firstName} ${user.lastName}`,
+      });
+    }
+  }, [isModalOpen, formData.id, user?.firstName, user?.lastName]);
+
+  const fetchData = async () => {
+    if (!isSignedIn || !clerkUser?.id) {
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const token = await getToken();
+      if (!token) {
+        throw new Error("No authentication token available");
+      }
+      const response = await fetch("/api/blog", {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+        },
+        cache: "no-store",
+      });
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || "Failed to fetch blog posts");
+      }
+      const { data } = await response.json();
+      setPosts(
+        data.blogPosts.map((post: BlogPost) => ({
+          ...post,
+          publishedAt: new Date(post.publishedAt).toISOString(),
+        }))
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An unknown error occurred");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!isSignedIn || !clerkUser?.id) {
+      setIsLoading(false);
+      return;
+    }
+    fetchData();
+  }, [isSignedIn, clerkUser?.id]);
+
+  if (authLoading || isLoading) {
+    return (
+      <div className="min-h-screen bg-gray-900 text-gray-200 flex items-center justify-center">
+        <div className="text-center">
+          <Spinner />
+        </div>
+      </div>
+    );
+  }
+
+  if (!isSignedIn || !clerkUser?.id) {
+    return (
+      <div className="min-h-screen bg-gray-900 text-gray-200 flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-3xl font-bold text-gray-400">Not authenticated</h1>
+          <p className="mt-4 text-gray-500">
+            You must be logged in to view this page.{" "}
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAdmin) {
+    return (
+      <div className="min-h-screen bg-gray-900 text-gray-200 flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-3xl font-bold text-gray-400">Unauthorized</h1>
+          <p className="mt-4 text-gray-500">Only admins can access the blog dashboard.</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-900 text-gray-200 py-32 px-4 sm:px-6 lg:px-8 pt-48 lg:pt-56">
+      <div className="max-w-7xl mx-auto">
+        <header className="mb-12 relative">
+          <div className="absolute inset-0 bg-gradient-to-r from-blue-500/10 to-gray-800/20 rounded-full blur-3xl"></div>
+          <h1 className="text-4xl sm:text-5xl font-extrabold tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-gray-300 p-2">
+            Blog Dashboard
+          </h1>
+          <p className="mt-2 text-sm sm:text-base text-gray-400">
+            Create and manage your blog posts
+          </p>
+        </header>
+
+        {error && (
+          <div className="bg-red-900/50 border-l-4 border-red-600 p-4 rounded-lg backdrop-blur-sm mb-8">
+            <div className="flex items-center gap-2">
+              <AlertCircle className="h-5 w-5 text-red-400" />
+              <p className="text-red-300">{error}</p>
+            </div>
+          </div>
+        )}
+
+        <div className="mb-8 text-center">
+          <p className="text-sm text-gray-400 font-medium">Admin access granted</p>
+        </div>
+
+        <BlogDashboard
+          isModalOpen={isModalOpen}
+          setIsModalOpen={setIsModalOpen}
+          isConfirmDeleteOpen={isConfirmDeleteOpen}
+          setIsConfirmDeleteOpen={setIsConfirmDeleteOpen}
+          posts={posts}
+          setPosts={setPosts}
+          setError={setError}
+          isLoading={isLoading}
+          setIsLoading={setIsLoading}
+          fetchData={fetchData}
+          formData={formData}
+          setFormData={setFormData}
+          postToDelete={postToDelete}
+          setPostToDelete={setPostToDelete}
+          showSuccess={showSuccess}
+          setShowSuccess={setShowSuccess}
+        />
+
+        <BlogFormPopUp
+          isModalOpen={isModalOpen}
+          setIsModalOpen={setIsModalOpen}
+          isConfirmDeleteOpen={isConfirmDeleteOpen}
+          setIsConfirmDeleteOpen={setIsConfirmDeleteOpen}
+          postToDelete={postToDelete}
+          setPostToDelete={setPostToDelete}
+          isLoading={isLoading}
+          setIsLoading={setIsLoading}
+          formData={formData}
+          setFormData={setFormData}
+          setError={setError}
+          setShowSuccess={setShowSuccess}
+          fetchData={fetchData}
+        />
+      </div>
+    </div>
+  );
+}

package/app/constants/about.ts

@@ -0,0 +1,49 @@
+// constants.ts
+// Constants for hardcoded text in the application, organized by file and purpose
+
+export const ABOUT_PAGE = {
+  // UI Text for AboutPage.tsx
+  UI: {
+    // Main heading for the About page
+    MAIN_HEADING: "About DevVista Kit",
+    // Section heading for the client success story
+    SUCCESS_STORY_HEADING: "Client Success Story: Radio Host Ted Long’s Fitness Journey",
+    // Paragraph describing Ted Long's fitness journey
+    SUCCESS_STORY_TEXT: `
+      Ted Long is a busy man, so creating the right workout plan for him was essential. I
+      scheduled him to come to the gym five days per week just after his radio Co-hosting work at
+      93Q each day. Two days per week, Mondays and Fridays, we worked one on one for about 90
+      minutes. Our workouts followed my philosophy of continuous cross training, so they included
+      weight training, circuit training, interval training, core work and more. On Tuesdays,
+      Wednesdays and Thursdays he joined in on my group exercise classes. On Tuesdays he joined
+      Body Blast, where we worked on muscle strength and endurance from head to toe, and focused
+      the first portion of that workout on the core of the body. On Wednesdays, Ted joined my
+      Flex Fusion class, his favorite, which is a yoga-type class that focuses on flexibility,
+      strength and balance. On Thursdays he came to my Core and Cardio X-train class. In that
+      class, we first work the core of the body, often using stability balls, medicine balls and
+      bosu’s, we then do an intense cardio workout class. Thursday’s class varies from step
+      aerobics, cardio kickbox with jump ropes, to circuit or interval tyle workout classes. Ted was
+      especially good on the step and not too shabby with a jump rope either! He was a pleasure
+      to work with and we loved having him around!
+    `,
+  },
+  // Error messages for AboutPage.tsx
+  ERRORS: {
+    // Error when bio data fetch fails with status code
+    FETCH_BIO_FAILED: "Failed to fetch bio data: ${response.status}",
+    // Error when bio data is not found in the response
+    BIO_NOT_FOUND: "Bio data not found",
+    // Generic error for bio data fetch failure
+    FETCH_BIO_ERROR: "An error occurred while fetching bio data",
+    // Error when user is not authorized to update bio
+    UNAUTHORIZED_UPDATE: "Unauthorized: Only admin can update bio data",
+    // Error when an invalid image type is uploaded
+    INVALID_IMAGE_TYPE: "Only JPEG, PNG, or GIF images are allowed",
+    // Error when no authentication token is available
+    NO_AUTH_TOKEN: "No authentication token available",
+    // Error when bio update fails with status code
+    UPDATE_BIO_FAILED: "Failed to update bio data: ${response.status}",
+    // Generic error for bio update failure
+    UPDATE_BIO_ERROR: "Failed to update bio data",
+  },
+};

package/app/constants/adRequest.ts

@@ -0,0 +1,114 @@
+// app/constants/adRequest.ts
+// Constants for hardcoded text in app/adRequest/page.tsx, organized by purpose
+
+export const AD_REQUEST_PAGE = {
+  // UI Text for AdRequest page
+  UI: {
+    // Heading when user is not signed in
+    NOT_AUTHENTICATED_HEADING: "Not authenticated",
+    // Message when user is not signed in
+    NOT_AUTHENTICATED_MESSAGE: "You must be logged in to view this page.",
+    // Heading when user is not admin
+    UNAUTHORIZED_HEADING: "Unauthorized",
+    // Message when user is not admin
+    UNAUTHORIZED_MESSAGE: "Only admins can access the Ad Request dashboard.",
+    // Main dashboard heading
+    DASHBOARD_HEADING: "Ad Request Dashboard",
+    // Dashboard subheading
+    DASHBOARD_SUBHEADING: "Create and manage your advertising campaigns",
+    // Message indicating admin access
+    ADMIN_ACCESS_MESSAGE: "Admin access granted",
+    // Heading for credits section
+    CREDITS_HEADING: "Available Credits",
+    // Description for credits section
+    CREDITS_DESCRIPTION: "Use credits to create ad requests",
+    // Partial text for credits reset date
+    CREDITS_RESET_TEXT: "Credits reset to 3 on ",
+    // Heading for ad request form
+    CREATE_AD_REQUEST_HEADING: "Create Ad Request",
+    // Description for ad request form
+    CREATE_AD_REQUEST_DESCRIPTION: "Specify your ad campaign details",
+    // Label for platform select
+    PLATFORM_LABEL: "Select Platform *",
+    // Placeholder for platform select
+    PLATFORM_PLACEHOLDER: "Choose a platform",
+    // Platform option for Facebook
+    FACEBOOK_ADS: "Facebook Ads",
+    // Platform option for TikTok
+    TIKTOK_ADS: "TikTok Ads",
+    // Error message when platform is not selected
+    PLATFORM_REQUIRED: "Please select a platform",
+    // Label for ad type input
+    AD_TYPE_LABEL: "Ad Type *",
+    // Placeholder for ad type input
+    AD_TYPE_PLACEHOLDER: "e.g., Video ad, Carousel ad, Story ad",
+    // Error message when ad type is empty
+    AD_TYPE_REQUIRED: "Please enter an ad type",
+    // Label for description textarea
+    DESCRIPTION_LABEL: "Additional Details",
+    // Placeholder for description textarea
+    DESCRIPTION_PLACEHOLDER: "Describe your target audience, goals, or specific requirements...",
+    // Character count text for description
+    DESCRIPTION_CHAR_COUNT: "{description.length}/500 characters",
+    // Partial text for no credits alert
+    NO_CREDITS_MESSAGE: "No credits available. ",
+    // Message for admins when no credits
+    NO_CREDITS_ADMIN: "Reset to continue.",
+    // Message for non-admins when no credits
+    NO_CREDITS_NON_ADMIN: "Await next reset.",
+    // Heading for confirm popup
+    CONFIRM_POPUP_HEADING: "Confirm Ad Request",
+    // Partial message for confirm popup
+    CONFIRM_POPUP_MESSAGE: "Are you sure you want to submit this ad request? This action cannot be undone unless you contact support at ",
+    // Email for confirm popup
+    SUPPORT_EMAIL: "devvistainfo@gmail.com",
+    // Heading for request history
+    REQUEST_HISTORY_HEADING: "Request History",
+    // Description for request history
+    REQUEST_HISTORY_DESCRIPTION: "View your recent ad requests",
+    // Message when no requests exist
+    NO_REQUESTS_MESSAGE: "No requests yet",
+    // Message encouraging first request
+    FIRST_REQUEST_MESSAGE: "Submit your first ad request to get started",
+    // Footer text about credits
+    FOOTER_TEXT: "Each ad request costs 1 credit • Credits reset monthly • Admin manual reset available",
+    // Success message after submission
+    SUCCESS_MESSAGE: "Ad request submitted successfully! Credit deducted.",
+    // Badge text for Facebook platform
+    FACEBOOK_BADGE: "Facebook",
+    // Badge text for TikTok platform
+    TIKTOK_BADGE: "TikTok",
+  },
+  // Button Text for AdRequest page
+  BUTTONS: {
+    // Reset credits button
+    RESET_CREDITS: "Reset Credits",
+    // Cancel button in confirm popup
+    CANCEL: "Cancel",
+    // Confirm button in confirm popup
+    CONFIRM: "Confirm",
+    // Submit button in non-loading state
+    SUBMIT_REQUEST: "Submit Request (1 Credit)",
+    // Submit button in loading state
+    SUBMITTING: "Submitting...",
+  },
+  // Error Messages for AdRequest page
+  ERRORS: {
+    // Default error for fetch failure
+    FETCH_AD_REQUESTS_FAILED: "Failed to fetch ad requests",
+    // Generic error for fetch and submit failures
+    UNKNOWN_ERROR: "An unknown error occurred",
+    // Error when submitting without sign-in
+    NOT_SIGNED_IN: "You must be signed in to submit an ad request",
+    // Error when no credits available
+    CREDIT_LIMIT_REACHED: "Monthly ad request limit reached (3 requests)",
+    // Error when required fields are missing
+    REQUIRED_FIELDS_MISSING: "Please fill in all required fields",
+    // Default error for submit failure
+    SUBMIT_AD_REQUEST_FAILED: "Failed to submit ad request",
+    // Error when non-admin tries to reset credits
+    UNAUTHORIZED_RESET: "Unauthorized: Only admins can reset credits",
+    // Default error for reset credits failure
+    RESET_CREDITS_FAILED: "Failed to reset credits!!",
+  },
+};

package/app/constants/contact.ts

@@ -0,0 +1,41 @@
+// app/constants/contact.ts
+// Constants for hardcoded text in app/contact/page.tsx, organized by purpose
+
+export const CONTACT_PAGE = {
+  // UI Text for ContactPage
+  UI: {
+    // Main heading for the Contact page
+    MAIN_HEADING: "Contact",
+    // Loading text for iframe
+    LOADING_TEXT: "Loading...",
+    // Section heading for contact info
+    CONTACT_INFO_HEADING: "Find Us",
+    // Address for contact info
+    ADDRESS: "215 W. Manlius St., East Syracuse, NY 13057",
+    // Phone number 1 for contact info
+    PHONE_1: "315-214-5466",
+    // Phone number 2 for contact info
+    PHONE_2: "315-415-4043",
+    // Email for contact info
+    SUPPORT_EMAIL: "devvistainfo@gmail.com",
+    // Heading for gym hours
+    HOURS_HEADING: "Hours of Gym",
+    // Text for gym hours
+    HOURS_TEXT: "Open 24/7—We Never Stop!",
+    // Title for map iframe
+    MAP_TITLE: "DevVista Kit Location",
+  },
+  // Error Messages and Toast Notifications for ContactPage
+  ERRORS: {
+    // Form validation error for name
+    NAME_VALIDATION_ERROR: "Name must be at least 2 characters.",
+    // Form validation error for email
+    EMAIL_VALIDATION_ERROR: "Please enter a valid email address.",
+    // Form validation error for message
+    MESSAGE_VALIDATION_ERROR: "Message must be at least 10 characters.",
+    // Toast title on successful form submission
+    TOAST_SUCCESS_TITLE: "Message Fired Off!",
+    // Toast description on successful form submission
+    TOAST_SUCCESS_DESCRIPTION: "We’ll hit you back ASAP—get ready!",
+  },
+};

package/app/constants/faq.ts

@@ -0,0 +1,46 @@
+// app/constants/faq.ts
+// Constants for hardcoded text in app/faq/page.tsx, organized by purpose
+
+export const FAQ_PAGE = {
+  // UI Text for FAQPage
+  UI: {
+    // Main heading for the FAQ page
+    MAIN_HEADING: "Frequently Asked Questions",
+    // FAQ 1
+    FAQ_1_QUESTION: "Who should check with a doctor before starting an exercise program?",
+    FAQ_1_ANSWER:
+      "You should check with your doctor before you start any exercise program if you are over 40, if you smoke, if you are being treated for any chronic illness or injury, if you lead a sedentary lifestyle, if you are on medications, have diabetes, high blood pressure, or high cholesterol, any history of heart disease, back pain or any other orthopedic problems.",
+    // FAQ 2
+    FAQ_2_QUESTION: "How many days per week should I exercise?",
+    FAQ_2_ANSWER:
+      "The old government guidelines used to suggest that three days per week was all that was needed, but the new government guidelines suggest that persons should exercise most days per week. So if you aim to do some form of physical activity 6 to 7 times per week, and if you only get in 4 to 5 days, that’s not so bad!",
+    // FAQ 3
+    FAQ_3_QUESTION: "What is the best type of cardiovascular exercise a person can do?",
+    FAQ_3_ANSWER:
+      "There are so many forms of cardiovascular exercise a person can choose from. Some of the more common forms are walking, running, cycling, swimming, cross country skiing, elliptical trainer, stair climber, any aerobics class (step, kickboxing, high/low dance etc…), jump rope, rebounding on a mini trampoline as well as sports such as soccer and basketball and many more. The best type of cardiovascular exercise for any person are the ones that the individual enjoys and will stick with over the long haul. Not every exercise is for every person, but each person can find something that suits their needs and abilities.",
+    // FAQ 4
+    FAQ_4_QUESTION: "What is my Target Heart Rate and how do I find it?",
+    FAQ_4_ANSWER:
+      "Your target heart rate is where your heart rate should optimally be during an aerobic workout. Your target heart rate range is 50% – 90% of your maximum heart rate. Here’s how to calculate your target heart rate: 220 – your age = Maximum Heart Rate (MHR). MHR times 50% to 90% = Target Heart Rate (THR). These numbers serve as a guideline—an indicator of how hard you should be working. Newer exercisers should begin at the lower end of the % and experienced exercisers can go up toward the higher end of the % as their fitness levels increase and allow.",
+    // FAQ 5
+    FAQ_5_QUESTION: "How often should I lift weights?",
+    FAQ_5_ANSWER:
+      "In general, strength training or weight lifting for each muscle group should be done 2 to 3 days per week on non-consecutive days. On the other hand, you don’t have to take the all or nothing approach either. It’s better to do a little strength training than none at all. So, even if you can only fit in one strength training routine in a week, you’ll still benefit from it.",
+    // FAQ 6
+    FAQ_6_QUESTION: "How long will it take before I see results?",
+    FAQ_6_ANSWER:
+      "Seeing results usually varies with each individual. Generally, if a person is consistent with a balanced program, they should begin to feel a difference in their bodies in about three weeks and actually see some significant changes in about three months.",
+    // FAQ 7
+    FAQ_7_QUESTION: "When is the best time to stretch my muscles, before or after a workout?",
+    FAQ_7_ANSWER:
+      "Stretching and flexibility are very important aspects of good physical fitness. Ideally it’s best to stretch before and after a workout. When stretching before a workout, be sure that the muscles are warmed up for at least 5 minutes. If you can’t do both, then make stretching after your workout a priority. Remember to start slowly, breathe into the stretch and don’t bounce!",
+    // FAQ 8
+    FAQ_8_QUESTION: "Should I eat before or after a workout?",
+    FAQ_8_ANSWER:
+      "It’s okay to eat certain foods before and after exercise, but don’t overdo it. Consuming a heavy meal just before a workout can interfere with proper digestion. By the same token, don’t try to work out if you are starving. Your body needs fuel for the activity. Some quick carbohydrates from a piece of fruit or an energy bar should do the trick. The same goes for an early morning workout; maybe a piece of whole grain toast and some fruit juice. After exercise, allow your body to cool down before eating. Then be sure to include some carbs with your meal to replace the glycogen stores in the muscle that you used during your workout. And of course, be sure to drink plenty of water before, during and after your workouts.",
+    // FAQ 9
+    FAQ_9_QUESTION: "What can I do to stay motivated to work out?",
+    FAQ_9_ANSWER:
+      "Staying motivated over the long haul can sometimes be a challenge. Get a friend/spouse or significant other to join you and help keep you accountable. You can also try changing your routine every few months. Maybe trying a new class at your health club or take your workouts outside for a change. You may also want to hire a qualified personal trainer for a few sessions to give you different ideas on how to change your current workouts to keep them fun and effective.",
+  },
+};

package/app/constants/gallery.ts

@@ -0,0 +1,43 @@
+// app/constants/gallery.ts
+// Constants for hardcoded text in app/gallery/page.tsx, organized by purpose
+
+export const GALLERY_PAGE = {
+  // UI Text for GalleryPage
+  UI: {
+    // Main heading for the Gallery page
+    MAIN_HEADING: "Gallery",
+    // Loading text for admin status feedback
+    LOADING_TEXT: "Loading...",
+    // Message when logged in as admin
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin.",
+  },
+  // Error Messages for GalleryPage
+  ERRORS: {
+    // Error when no authentication token is available
+    NO_AUTH_TOKEN: "No authentication token available",
+    // Error when fetching images fails with error text
+    FETCH_IMAGES_FAILED: "Failed to load images: ${errorText}",
+    // Warning when more than 100 images are available
+    PAGINATION_WARNING: "Warning: Only the first 100 images are displayed. Contact support to view all images.",
+    // Generic error for fetch failure
+    FETCH_ERROR: "An error occurred while fetching data",
+    // Error when no file is selected for upload
+    NO_FILE_SELECTED: "No file selected",
+    // Error when an invalid file type is uploaded
+    INVALID_FILE_TYPE: "Only JPEG, PNG, or GIF images are allowed",
+    // Error when non-admin tries to upload
+    UNAUTHORIZED_UPLOAD: "Unauthorized: Only admins can upload images",
+    // Error for authentication issues during upload or delete
+    AUTHENTICATION_ERROR: "Authentication error. Please log in again.",
+    // Error when upload fails with status code
+    UPLOAD_IMAGE_FAILED: "Failed to upload image: ${response.status}",
+    // Generic error for upload failure
+    UPLOAD_IMAGE_ERROR: "Failed to upload image",
+    // Error when non-admin tries to delete
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admins can delete images",
+    // Error when delete fails with status code
+    DELETE_IMAGE_FAILED: "Failed to delete image: ${response.status}",
+    // Generic error for delete failure
+    DELETE_IMAGE_ERROR: "Failed to delete image",
+  },
+};

package/app/constants/page.ts

@@ -0,0 +1,70 @@
+// app/constants/home.ts
+// Constants for hardcoded text in app/page.tsx, organized by purpose
+
+export const HOME_PAGE = {
+  // UI Text for HomePage
+  UI: {
+    // HeroSection title
+    HERO_TITLE: "DevVista Kit",
+    // HeroSection subtitle
+    HERO_SUBTITLE: "Your 24/7 Fitness Destination",
+    // HeroSection video aria label
+    HERO_VIDEO_ARIA_LABEL: "Promotional video for DevVista Kit",
+    // FeaturesSection title
+    FEATURES_TITLE: "Zumba®",
+    // FeaturesSection description
+    FEATURES_DESCRIPTION: "Variety of Memberships Available",
+    // Features for FeaturesSection
+    FEATURE_1: "24 Hour Access",
+    FEATURE_2: "Locker Rooms",
+    FEATURE_3: "Strength, Cardio & Flexibility Classes",
+    FEATURE_4: "Personal Training",
+    FEATURE_5: "Partner and Small Group Training",
+    // Background images for ScheduleCarousel
+    BACKGROUND_IMAGE_1: "/images/classes/zoomba.jpg",
+    BACKGROUND_IMAGE_2: "/images/classes/cardioxtrain.jpg",
+    BACKGROUND_IMAGE_3: "/images/classes/seniorstretch.jpg",
+    BACKGROUND_IMAGE_4: "/images/classes/bodyblast.jpg",
+    BACKGROUND_IMAGE_5: "/images/classes/flexiblefriday.jpg",
+    BACKGROUND_IMAGE_6: "/images/classes/combo.jpg",
+    BACKGROUND_IMAGE_7: "/images/classes/noclasses.jpg",
+    // Video source for HeroSection
+    HERO_VIDEO_SRC: "/images/videos/FitStopLoopVideo.mp4",
+  },
+  // Button Text for HomePage
+  BUTTONS: {
+    // HeroSection call-to-action text
+    HERO_CTA_TEXT: "Check Our Rates",
+    // FeaturesSection call-to-action text
+    FEATURES_CTA_TEXT: "Explore Classes",
+  },
+  // Error Messages for HomePage
+  ERRORS: {
+    // Error when schedule fetch fails
+    FETCH_SCHEDULE_FAILED: "Failed to load schedule. Displaying empty schedule.",
+    // Warning when more than 100 files are available
+    PAGINATION_WARNING: "Warning: Only the first 100 files are displayed. Contact support to view all files.",
+    // Error when files fetch fails
+    FETCH_FILES_FAILED: "Failed to load files.",
+    // Generic error for fetch failure
+    FETCH_ERROR: "An error occurred while fetching data",
+    // Error when non-admin tries to upload
+    UNAUTHORIZED_UPLOAD: "Unauthorized: Only admin can upload files",
+    // Error when no file is selected for upload
+    NO_FILE_SELECTED: "No file selected",
+    // Error when an invalid file type is uploaded
+    INVALID_FILE_TYPE: "Only PDF files are allowed",
+    // Error when no authentication token is available
+    NO_AUTH_TOKEN: "No authentication token available",
+    // Error when upload fails with status code
+    UPLOAD_FILE_FAILED: "Failed to upload file: ${response.status}",
+    // Generic error for upload failure
+    UPLOAD_FILE_ERROR: "Failed to upload file",
+    // Error when non-admin tries to delete
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admin can delete files",
+    // Error when delete fails with status code
+    DELETE_FILE_FAILED: "Failed to delete file: ${response.status}",
+    // Generic error for delete failure
+    DELETE_FILE_ERROR: "Failed to delete file",
+  },
+};

package/app/constants/schedule.ts

@@ -0,0 +1,72 @@
+// app/constants/schedule.ts
+// Constants for hardcoded text in app/schedule/page.tsx, organized by purpose
+
+export const SCHEDULE_PAGE = {
+  // UI Text for SchedulePage
+  UI: {
+    // Main heading for the Schedule page
+    MAIN_HEADING: "Rates & Classes",
+    // Section heading for membership plans
+    MEMBERSHIP_HEADING: "Membership & Training",
+    // Bold text for family rates
+    FAMILY_RATES_BOLD: "Family Rates:",
+    // Text for family rates
+    FAMILY_RATES_TEXT: "½ off Select or Basic 12-month programs for additional members living with you!",
+    // Bold text for membership note
+    NOTE_BOLD: "*Note:",
+    // Text for membership note
+    NOTE_TEXT: "Training clients who train at least two sessions per week with a trainer will receive Basic Membership Status in addition, for an extra $100.00, training clients can also receive 24-hour access privileges.",
+    // Section heading for class descriptions
+    CLASSES_HEADING: "Classes Available",
+    // Text when no class descriptions are available
+    NO_CLASS_DESCRIPTIONS: "No class descriptions available.",
+    // Message when logged in as admin
+    ADMIN_LOGGED_IN_MESSAGE: "You are logged in as an admin.",
+    // Membership Plans
+    MEMBERSHIP_1_NAME: "Select Membership",
+    MEMBERSHIP_1_DESC: "Includes 24-hour access to club and classes",
+    MEMBERSHIP_1_PRICING_1: "$599.00 (12 months) paid in full or $54.00/month for 12 months",
+    MEMBERSHIP_1_PRICING_2: "$399.00 (6 months) paid in full or $72.00/month for 6 months",
+    MEMBERSHIP_1_PRICING_3: "$199.00 (3 months) paid in full or $72.00/month for 3 months",
+    MEMBERSHIP_2_NAME: "Basic Membership",
+    MEMBERSHIP_2_DESC: "Available M-F 6:00 AM - 8:00 PM, Sat 7:00 AM - noon, no classes included",
+    MEMBERSHIP_2_PRICING_1: "$499.00 (12 months) paid in full or $45.00/month for 12 months",
+    MEMBERSHIP_2_PRICING_2: "$299.00 (6 months) paid in full or $54.00/month for 6 months",
+    MEMBERSHIP_2_PRICING_3: "$169.00 (3 months) paid in full or $62.00/month for 3 months",
+    MEMBERSHIP_3_NAME: "Super Senior",
+    MEMBERSHIP_3_DESC: "Includes classes and optional 24-hour access",
+    MEMBERSHIP_3_PRICING_1: "$499.00 (12 months) paid in full or $45.00/month for 12 months",
+    MEMBERSHIP_4_NAME: "Basic Senior Membership",
+    MEMBERSHIP_4_DESC: "No classes or 24-hour access",
+    MEMBERSHIP_4_PRICING_1: "$399.00 (12 months) paid in full or $37.00/month for 12 months",
+    MEMBERSHIP_4_PRICING_2: "$268.00 (6 months) paid in full or $47.00/month for 6 months",
+    MEMBERSHIP_4_PRICING_3: "$140.00 (3 months) paid in full or $52.00/month for 3 months",
+    MEMBERSHIP_5_NAME: "Senior Classes Only",
+    MEMBERSHIP_5_DESC: "For non-members and basic members",
+    MEMBERSHIP_5_PRICING_1: "$99.00 every 2 months (non-members)",
+    MEMBERSHIP_5_PRICING_2: "$59.00 every 2 months (basic membership members)",
+    MEMBERSHIP_5_PRICING_3: "$6.00 per class (all basic membership members)",
+    MEMBERSHIP_6_NAME: "Personal Training",
+    MEMBERSHIP_6_DESC: "One-on-one or up to three-on-one",
+    MEMBERSHIP_6_PRICING_1: "$60.00 per session per person",
+    MEMBERSHIP_6_PRICING_2: "$1000.00 for 20-session package per person",
+    MEMBERSHIP_6_PRICING_3: "Note: Train 2x/week for Basic Membership status; add $100.00 for 24-hour access",
+  },
+  // Error Messages for SchedulePage
+  ERRORS: {
+    // Error when fetching events fails with status code
+    FETCH_EVENTS_FAILED: "Failed to fetch events: ${response.status}",
+    // Generic error for fetch, submit, and delete failures
+    UNKNOWN_ERROR: "An unknown error occurred",
+    // Error when non-admin tries to modify classes
+    UNAUTHORIZED_MODIFY: "Unauthorized: Only admin can modify classes",
+    // Error when no token is provided
+    NO_TOKEN_PROVIDED: "Unauthorized: No token provided",
+    // Error when submit fails
+    SUBMIT_CLASS_FAILED: "Failed to ${formData.documentId ? 'update' : 'create'} class",
+    // Error when non-admin tries to delete classes
+    UNAUTHORIZED_DELETE: "Unauthorized: Only admin can delete classes",
+    // Error when delete fails with status code
+    DELETE_CLASS_FAILED: "Failed to delete class: ${response.status}",
+  },
+};