prism-act

byShashank Agrawal

Act as a world-class UI/UX designer and full-stack web developer. I want to build a modern, high-end AI astrology consultation platform similar to Aistro.in. ### Visual & Aesthetics Guidelines: - Color Palette: * Primary Background: Deep charcoal grey (#1A1A1D) and soft metallic slate (#2E3033). * Dominant Colors: Rich teal green (#008080) and deep jade green (#005C5C) for cards, navigation, and visual sections. * Accents: Metallic gold (#D4AF37) for logos, headings, star ratings, CTA borders, and zodiac highlights. - Design Style: Dark mode, luxury glassmorphism (semi-transparent teal-grey cards with thin gold borders), soft glowing neon teal/gold radial light effects in the background, and smooth micro-animations. ### Key Page Sections & Components: 1. Hero Section: Catchy, mystical headline ("Unlock Your Cosmic Blueprint"), interactive 3D/animated natal chart background, prominent "Try Free AI Chat" and "Book Consultation" CTA buttons in gold and teal. 2. AI Astro Assistant (Interactive Preview): A slick chat interface window showing real-time AI horoscope generation, voice/text toggle, and daily "Action Cards." 3. Smart Booking Module: - Calendar with "Auspicious Time (Muhurat)" indicators. - Slot selection (15/30/60 mins). - Astrologer list (for live human sessions) with filter tags (Vedic, Western, Tarot, Numerology). 4. Feature Highlights Grid: AI Meeting Summaries (PDF download preview), Birth Chart/Kundli Analysis, Relationship Synastry matching. 5. Interactive Wallet & Payment Bar: Shows user balance, quick top-up buttons. 6. Testimonials & Social Proof: Glassmorphism cards with subtle gold star reviews. Please generate a clean, responsive layout structure (React/Next.js and Tailwind CSS preferred) with semantic HTML and modern design components.