Dashboard Layout Structure
The Hortiprise dashboard uses a modern glassmorphism design with an intelligent layout that adapts to your workflow needs.
Header Components
🌅 Dynamic Greeting
The header displays a personalized greeting that changes based on time of day:
- Morning (before 12 PM): "Good Morning, [Your Name]! 👋"
- Afternoon (12 PM - 6 PM): "Good Afternoon, [Your Name]! 👋"
- Evening (after 6 PM): "Good Evening, [Your Name]! 👋"
Shows current date in a friendly format (e.g., "Monday, January 15")
Adaptive Header Behavior
The header intelligently hides and shows based on your scrolling behavior:
- Auto-hide: Header disappears when scrolling down past 100px
- Auto-show: Header reappears when scrolling up
- Always visible: Header stays visible when near the top (within 10px)
- Smooth animations: Uses motion effects for professional transitions
User Profile & Actions
👤 Profile Dropdown
Click your avatar to access:
- Profile: View and edit your personal information
- Settings: Access notification and account preferences
- Log out: Securely exit your session
Sidebar Navigation
The glassmorphism sidebar provides organized access to all platform features:
Core Features (Always Available)
🏠 Dashboard
Main overview and key metrics
👥 Teams
Manage team members and collaborators
💳 Subscription
View and manage your plan details
📝 Content
Access blogs and educational content
Permission-Based Sections
These sections appear based on your subscription and permissions:
🤖 AI Hub
AI-powered plant health analysis, recommendations and more
💼 Business Section
Contains business management tools:
- 📦 Orders: Customer order management
- 📋 Quotes: Quotation system
- 👥 Customers: Customer relationship management
- 🌿 Crops: Crop variety management
- 🚚 Dispatch: Shipping and delivery management
🏭 Production Section
Production and cultivation tools:
- 🔍 Plant Summary: Overview of plant inventory
- 🌱 Sowing Batches: Batch management and tracking
- 📈 Germination Tracking: Monitor germination rates
- 📍 Units & Locations: Facility and location management
Responsive Design
The dashboard adapts to different screen sizes:
- Desktop: Full sidebar with expanded menu items
- Tablet: Collapsible sidebar with icons and labels
- Mobile: Hidden sidebar with hamburger menu toggle
Visual Enhancements
The interface includes modern design elements:
- Glassmorphism: Translucent panels with blur effects
- Smooth animations: Framer Motion powered transitions
- Gradient backgrounds: Subtle slate and white gradients
- Hover effects: Interactive feedback on all clickable elements