Prompt 06: Home Dashboard / Widget Customization

Goal

Build the (tabs)/index screen for the MysticX Expo mobile app. The Home Dashboard must act as a "Digital Altar" (a personalized ritual space) rather than a static list of links. It should prominently feature the daily ritual, quick access to readers, and a flexible, modular layout.

Design Constraints (From Master Guide)

• Visuals: "OLED Noir" (#000000 base) with "Ethereal Glaze". The background should feature a very slow, subtle mesh gradient (e.g., deep midnight blue to black) that reacts slightly to device gyroscope (parallax).
• Typography: Dual-typography system. Use Playfair Display for the user greeting ("Good evening, [Name] ✦") and section headers. Use Inter for subtext and chips.
• Pacing: "Slow UI" philosophy. Elements should fade in gracefully on initial mount.
• Bio-Responsive: The background gradient and greeting should change based on the user's local time (e.g., "Golden/Solar" tones in the morning, "Lunar/Deep" tones at night).

Requirements

1. Component: HomeDashboardView.
2. Top Section (Greeting & Setup):
   • Dynamic greeting (Serif, Gold #c5a059).
   • User's credit balance displayed as an elegant badge (expo-blur background).
   • Horizontal scroll of recent/favorite Tarot Readers (circular avatars with glowing borders).
3. Middle Section (The Core Ritual):
   • A massive, visually dominant "Ask the Cards" input area.
   • Placeholder text: "What's on your mind?" (Muted #999490).
   • An attached "Begin Reading" CTA button (Antique Gold gradient).
   • Below the input, a horizontal scroll (FlashList or ScrollView) of suggestion chips (e.g., "Will I find love?", "Career guidance").
4. Bottom Section (Daily Ritual & History):
   • A prominent banner/card for "Card of the Day". When tapped, it navigates to the standalone ritual screen.
   • A "Continue Reflection" card showing the most recent reading history item (Title, Spread, Reader, Time ago).

Implementation Guidance

• Animations: When tapping "Begin Reading", use react-native-reanimated Shared Element Transitions to seamlessly expand the input area into the full "Reading Flow" screen.
• Haptics: Trigger expo-haptics impactAsync(ImpactFeedbackStyle.Light) when the user scrolls through the suggestion chips or reader avatars.
• Modular Architecture: Build the "Ask the Cards", "Daily Ritual", and "History" sections as distinct, reusable components. In the future, this will allow users to drag-and-drop these widgets to customize their "Digital Altar."