Welcome to Your Spiritual Journey
Explore ancient wisdom through our diverse collection of spiritual readings. Whether you seek guidance, clarity, or deeper understanding, our AI-powered insights combine traditional knowledge with modern technology to illuminate your path forward.
Something went wrong
Please try refreshing the page. If the problem persists, contact support.
${error instanceof Error ? error.message : 'Unknown error'}
OpenAI API Key
Oops! Something went wrong
{this.state.error?.message || 'An unexpected error occurred'}
How to Get the Best From Your Reading
Set Your Intention
Take a moment to center yourself and clearly focus on your question or area of concern. The more specific your intention, the more focused your reading will be.
Create Sacred Space
Find a quiet, comfortable place where you won't be disturbed. This helps create the right environment for receiving spiritual insights.
Stay Open
Approach your reading with an open mind and heart. Sometimes the guidance we receive isn't what we expect, but it's often what we need.
Frequently Asked Questions
How accurate are the readings?
Our readings combine traditional spiritual wisdom with advanced AI technology. While they provide valuable insights and guidance, remember that you have free will and the power to shape your path.
How often should I get a reading?
This varies by individual. Some find daily guidance helpful, while others prefer weekly or monthly readings. Listen to your intuition and seek guidance when you feel called to do so.
What if I don't understand my reading?
Take time to reflect on the messages received. Sometimes insights become clearer with time. You can also try journaling about your reading or discussing it with a trusted friend.
{/* Background decoration */}
{/* Close button */}
{/* Header */}
Unlock Unlimited Readings
You've used all your free readings. Continue your spiritual journey with our premium features!
-
{premiumPlan?.features.map((feature, index) => (
-
{feature}
))}
24 Hours Free
Then ${premiumPlan?.price}/month. Cancel anytime.
Mystic Balls
{user && (
{user.email}
{userProfile && (
{userProfile.is_premium ? 'Premium Member' : `${userProfile.free_readings_remaining ?? 5} free readings remaining`}
)}
)}
{message && (
)}
);
};
export default LoadingSpinner;
================================================
File: src/components/LoginModal.tsx
================================================
import React, { useState, useEffect } from 'react';
import type { FC } from 'react';
import { useAuth } from '../hooks/useAuth';
import { signInWithGoogle } from '../services/supabase';
import { supabaseClient } from '../lib/supabaseClient'; // Add this import
interface Props {
isOpen: boolean;
onClose: () => void;
}
const LoginModal: FC{message}
{showMessage && showSlowLoadingMessage && (
This is taking longer than expected.
Please wait a moment...
{isSignUp ? 'Create Account' : 'Welcome Back'}
{isSignUp ? 'Sign up to start your mystical journey' : 'Sign in to continue your journey'}
{error}
)}
Or continue with
{selectedReadingType ? (
);
};
================================================
File: src/components/OnboardingOverlay.tsx
================================================
import React, { useState, useEffect } from 'react';
import { X } from 'lucide-react';
interface Step {
target: string;
title: string;
content: string;
position: 'top' | 'bottom' | 'left' | 'right';
}
interface Props {
steps: Step[];
isOpen: boolean;
onComplete: () => void;
isDarkMode: boolean;
}
const OnboardingOverlay: React.FC{step.title}
{step.content}
{steps.map((_, index) => (
))}
Upgrade Your Spiritual Journey
Unlock unlimited readings and premium features!
{error && (
{error}
)}
{PAYMENT_PLANS.map((plan) => (
))}
{plan.name}
${plan.price}
/month
{plan.description}
-
{plan.features.map((feature, index) => (
-
{feature}
))}
Payment Successful!
Thank you for upgrading. You will be redirected shortly...
Privacy Policy
1. Information We Collect
We collect information that you provide directly to us, including:
- Email address and password when you create an account
- Usage data related to your readings and interactions with our services
- Payment information when you subscribe to our premium services
- Communications you send to us
2. How We Use Your Information
We use the information we collect to:
- Provide, maintain, and improve our services
- Process your transactions and manage your account
- Send you technical notices, updates, and support messages
- Respond to your comments and questions
- Protect against fraudulent or illegal activity
3. Data Security
We implement appropriate technical and organizational security measures to protect your personal information. However, no security system is impenetrable and we cannot guarantee the security of our systems 100%.
4. Your Rights
You have the right to:
- Access your personal information
- Correct inaccurate or incomplete information
- Request deletion of your personal information
- Object to our processing of your information
- Receive your information in a structured, commonly used format
5. Contact Us
If you have any questions about this Privacy Policy, please contact us at privacy@mysticballs.com
6. Changes to This Policy
We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last Updated" date.
Last Updated: February 8, 2025
{readingTitle}
Readings remaining: {readingsRemaining}
)}