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
[ICON:factory] 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