1. Project Description The goal is to develop an award-winning, high-fidelity animated website for Jana Aromatics Pvt. Ltd. that serves as a digital embassy for Indian spirituality. The site will not sell products directly; instead, it will sell the philosophy and status of the brand. The user journey should mirror the "Daily Ritual" strategy mentioned in the brand documents, guiding visitors from a state of curiosity to a state of calm. The visual language must balance Ancient Indian Wisdom with Modern Lifestyle Design, using cutting-edge web animation (WebGL/GSAP) to create a "sensory" experience through the screen (visualizing scent, smoke, and flow). 2. Aesthetic & Visual Direction • The "Ultra-Luxury" Feel: Use a minimalist interface with expansive negative space. The typography should be sophisticated—blending high-fashion editorial fonts with subtle Indian calligraphic elements. • Atmospheric Animation: The site should never be perfectly static. • Smoke Simulation: Interactive, realistic incense smoke that gently floats across the screen, reacting to the user's mouse cursor. • Parallax Scrolling: Text and images should float at different speeds to create depth. • Transitions: Moving between pages should feel like "drifting" or "ascending," not hard loading. 3. Website Structure & Key Features A. The Intro (The Loading Sequence) • Content: A cinematic opening displaying the master statement: "India's Modern Spirituality Lifestyle Brand". • Visual: A single burning incense stick or a glowing ember that ignites the screen, leading into the homepage. B. The Home Page (The Sanctuary) • Philosophy First: Establish that spirituality is "not an occasion, but a daily practice". • Interactive Brand Wheel: A central animated 3D element that allows users to toggle between the three brand worlds: Arohanam, Kailashx, and Klasx. C. The "Trinity" (Brand Showcase) The website must feature distinct "micro-sites" or immersive sections for each sub-brand, changing the color palette and mood dynamically as the user scrolls into them: • 1. AROHANAM Section (The Foundation) • Vibe: Earthy, Warm, Honest, Traditional. • Colors: Terracotta, soft turmeric, recycled paper textures. • Animation Style: Gentle, comforting, simple motions. • Focus: "Pure & Simple". • 2. KAILASHX Section (The Aspiration) • Vibe: Modern, Clean, Sharp, Zen. • Colors: Stone grey, crisp white, deep forest green. • Animation Style: Geometric, precise, "scientifically balanced" motion. • Focus: "Breathe the Purest. Burn the Finest". • 3. KLASX Section (The Luxury) • Vibe: Dark, Mysterious, Opulent, Royal. • Colors: Deep black/indigo background with Gold Foil effects and soft-touch textures rendered digitally. • Animation Style: Slow-motion, liquid gold effects, cinematic lighting. • Focus: "Luxury of Purity. Essence of India". D. Product & Ingredients Lab (The "Science of Scent") • Since this is not e-commerce, treat the products like museum exhibits. • 3D Product Views: High-quality 3D renders of the packaging (Rigid boxes, pouches) that users can rotate. • Ingredient Story: An animated section showcasing "Exotic and rare raw materials". Click on "Sandalwood" or "Resins" to see them deconstruct into floating particles. E. The Director’s Vision (Corporate Profile) • Content: A dedicated section for the Director/Founders. • Format: A high-end editorial layout (like a Forbes or Vogue interview). • Message: Integrating spirituality into daily modern lifestyles and taking Indian heritage to the global stage. F. Contact & Export (Business Gateway) • A sleek, functional contact form for distributors and global export partners. • Map integration for the corporate office. 4. Important Technical Points 1. Mobile Performance: "Ultra-luxurious" sites often get heavy. The code must be optimized so that the smoke animations and 3D models work smoothly even on iPhones (since this is a lifestyle brand). 2. Sound Design: Implement a subtle "Soundscape" button. • Arohanam Mode: Temple bells, morning birds. • Kailashx Mode: Soft binaural beats/meditation hum. • Klasx Mode: Deep, orchestral strings or silence. 3. No "Shop Now" Buttons: Replace aggressive "Buy" buttons with soft calls to action like "Discover the Essence" or "Inquire for Export," maintaining the premium non-commercial feel.