Shadcn/Vue Landing Page Template

Shadcn-Vue + Vue.js + TypeScript + Tailwind.

Live demo is now available: Live Demo

Sections

• Navbar
• Sidebar(mobile)
• Hero
• Sponsors
• Benefits
• Features
• Services
• HowItWorks
• Testimonials
• Pricing
• Frequently Asked Questions(FAQ)
• Team
• Community
• Contact
• Footer

Features

• Fully Responsive Design
• User Friendly Navigation
• Dark Mode
• Meta tags

How to install

1. Clone this repositoy:

git clone https://github.com/leoMirandaa/shadcn-vue-landing-page.git

2. Go into project

cd shadcn-vue-landing-page

3. Install dependencies

npm install

4. Run project

npm run dev

1. School Management 🏫

• Multi-school support
• School profile customization
• School-based data isolation
• School switching capability
• Separate administration for each school

2. Academic Structure 📚

• Group management (class groupings)
• Subject management
• Course management with:
  • Course scheduling
  • Session tracking
  • Price management
  • Teacher assignment

3. People Management 👥

• Teacher management:

  • Teacher profiles
  • Teaching assignments
  • Payment tracking
  • Schedule management
  • Attendance tracking

• Student management:

  • Student profiles
  • Course enrollment
  • Payment tracking
  • Attendance tracking
  • Progress monitoring

4. Financial Management 💰

• Dynamic pricing for courses
• Flexible discount system:
  • Percentage-based discounts
  • Fixed amount discounts
• Payment tracking:
  • Student payments
  • Teacher payments
  • Payment history
  • Invoice generation
• Payment status monitoring

5. Attendance System ✓

• Real-time attendance tracking
• Multiple attendance statuses:
  • Present
  • Late
  • Absent
  • Excused
• Attendance reporting
• Teacher attendance tracking
• Replacement teacher tracking

6. Scheduling System 📅

• Course scheduling
• Calendar view
• Schedule conflict prevention
• Teacher schedule management
• Student schedule tracking
• Session planning

7. Reporting & Analytics 📊

• Attendance reports
• Payment reports
• Student performance tracking
• Teacher performance monitoring
• Financial analytics
• Activity logging

8. User Management 👤

• Role-based access control
• Multiple user types:
  • School administrators
  • Teachers
  • Staff
• User activity tracking
• Profile management

9. Operations Management 🔄

• Activity logging
• Calendar management
• Resource allocation
• Schedule optimization

10. Administrative Features ⚙️

• Multi-language support (English/French)
• Dark/Light theme
• Data import/export capabilities
• Bulk actions for efficiency
• Search and filter functionality

11. Security Features 🔒

• Secure authentication
• Role-based permissions
• Data isolation between schools
• Activity auditing
• Secure password management

12. User Interface 🎨

• Clean, modern design
• Responsive layout
• Interactive dashboards
• Easy navigation
• Intuitive controls

13. Onboarding 🚀

• Guided setup process
• Data import wizards
• Initial configuration assistance
• Step-by-step school setup

You could structure these features on your landing page in several ways:

1. Feature Cards with Icons
2. Interactive Feature Showcase
3. Features Comparison Table (for different subscription tiers)
4. Use Case Scenarios
5. Feature Categories with Expandable Details