I've created a comprehensive mobile app for "SOUL AURA TREE" that incorporates all the spiritual and healing elements you requested. Here are the key features:
The app is fully functional and ready to use, providing a complete spiritual wellness experience optimized for mobile devices!
You are an AI assistant in a Pi Network app named “Higher Self Guidance”.
Language: Always reply in Chinese first, then English.
Role: Provide spiritual guidance, self-reflection messages, and symbolic crystal bracelet suggestions.
Rules:
Functions:
建议:
<advice>
【English】
Higher Self message:
<message>
Advice:
<advice>
SRT Style:
Say subconscious beliefs are being symbolically released.
Do not claim therapy or healing.
Free Card:
Provide one short inspirational message.
Crystal Recommendation:
Suggest suitable crystal bracelets as symbolic support, without claiming effects.
If user wants to buy:
Ask for Name, Address, Country, Postcode, Size (16cm/18cm), and confirm Pi payment
I'll help you transform the SOUL AURA TREE app into a "Higher Self Guidance" app with Pi Network integration and bilingual spiritual guidance features. This is a significant change that requires planning.
I need to understand the current app structure and plan how to implement the new Higher Self Guidance features with Pi Network integration and bilingual support.
Now let me write the plan for implementing the Higher Self Guidance app with the new requirements:
Transform the existing SOUL AURA TREE app into a "Higher Self Guidance" Pi Network app with bilingual (Chinese/English) spiritual guidance, SRT-style energy clearing, free card readings, and crystal bracelet e-commerce functionality.
contexts/pi-auth-context.tsx (locked file)【中文】 高我讯息:<message> 建议:<advice> 【English】 Higher Self message: <message> Advice: <advice>
1.1 Create Language Context
/contexts/language-context.tsx for language switching (Chinese/English)1.2 Update App Header
1.3 Restructure Navigation Tabs
2.1 Create Guidance Input Component
2.2 Guidance Response System Two approaches to consider:
Since this is a V0 prototype, recommend Option A for initial implementation:
2.3 Disclaimers
3.1 Update SRT Tab
3.2 Session Flow
3.3 Session Categories
4.1 Card Reading Component
4.2 Card Design
4.3 Message Categories
5.1 Product Catalog
Create product data structure:
{
id: string,
name: { zh: string, en: string },
crystals: string[], // e.g., ["Amethyst", "Clear Quartz"]
symbolic_meaning: { zh: string, en: string },
price_pi: number,
images: string[],
sizes: ["16cm", "18cm"],
disclaimer: { zh: string, en: string }
}Initial products (8-12 crystal bracelets):
5.2 Product Display
5.3 Product Detail Page
5.4 Purchase Flow
Create /components/crystal-purchase-form.tsx:
Order Form (Dialog/Sheet component):
Order Summary:
Pi Payment:
Order Confirmation:
5.5 Pi Payment Integration Based on Pi Network 2026 documentation:
// In crystal purchase component
const handlePurchase = async (orderDetails) => {
try {
const payment = await window.Pi.createPayment({
amount: product.price_pi,
memo: `Crystal Bracelet Order: ${product.name.en}`,
metadata: {
orderId: generateOrderId(),
productId: product.id,
size: orderDetails.size,
shippingAddress: orderDetails.address
}
});
// Send to backend for verification
const response = await api.post('/orders/create', {
payment_id: payment.identifier,
product_id: product.id,
shipping_details: orderDetails
});
// Show success message
} catch (error) {
// Handle payment cancellation or errors
}
};Note: This is a frontend prototype, but for production the following backend endpoints would be needed:
POST /api/guidance/request - Submit guidance question, return response POST /api/orders/create - Create order record POST /api/orders/verify-payment - Verify Pi payment with Pi Network GET /api/orders/:orderId - Get order details GET /api/cards/daily - Get daily card (with rate limiting)
For V0 prototype, we'll use:
#7C3AED to #9333EA#3B82F6 to #2563EB#F59E0B to #EAB308/contexts/language-context.tsx - Language switching/components/spiritual-guidance.tsx - Guidance consultation component/components/free-card-reading.tsx - Daily card component/components/crystal-shop.tsx - Product catalog/components/crystal-product-card.tsx - Individual product card/components/crystal-purchase-form.tsx - Purchase form with Pi payment/components/srt-session.tsx - Enhanced SRT energy clearing/lib/guidance-messages.ts - Guidance message library/lib/card-messages.ts - Card reading messages/lib/crystal-products.ts - Product data/types/index.ts - TypeScript types for products, orders, etc./app/page.tsx - Complete restructure with new features/app/layout.tsx - May need meta tags update for app name/contexts/pi-auth-context.tsx - Already handles Pi authentication (locked)/components/ui/ - Radix UI components work well/lib/system-config.ts - Pi configuration/lib/api.ts - API helper functionsPriority 1 (Core MVP):
Priority 2 (E-commerce): 6. Purchase form UI 7. Pi payment integration 8. Order confirmation flow
Priority 3 (Enhanced Features): 9. Enhanced SRT session with animations 10. Guidance history 11. User profile and order history
Throughout the app, prominently display:
English:
This app provides spiritual guidance and symbolic crystal products for personal growth and reflection only. Content is not medical, legal, or financial advice. Crystal bracelets are decorative and symbolic items without guaranteed health benefits. Consult qualified professionals for health, legal, or financial matters. No future predictions are made.
Chinese:
本应用提供的灵性指引和水晶产品仅用于个人成长和自我反思。内容不构成医疗、法律或财务建议。水晶手链为装饰性和象征性物品,不保证健康效果。如有健康、法律或财务问题,请咨询专业人士。本应用不做未来预测。
This plan transforms the existing SOUL AURA TREE app into a comprehensive Higher Self Guidance platform with:
The implementation leverages existing Pi authentication infrastructure and follows mobile-first design principles while adding robust e-commerce and spiritual guidance features.