A modern, beautifully designed task management landing page built with Next.js 16, React 19, and Tailwind CSS 4.
- Hero Section - Gradient background with email capture form
- Progress Report Card - Interactive charts showing real-time progress tracking
- Customer Ratings - Social proof with avatars and star ratings
- Customer Information - Rating cards, premium upsell, and happy customer stats
- Task Management Process - Visual showcase of the platform's capabilities
- Upcoming Plans - Projects table with status indicators
- Testimonials - Customer reviews in a grid layout
- Footer - Newsletter signup and navigation links
- Sticky Navbar - Backdrop blur effect on scroll
- Framework: Next.js 16 with App Router
- UI Library: React 19
- Styling: Tailwind CSS 4
- Components: shadcn/ui + Radix UI
- Animations: Motion (Framer Motion)
- Charts: Recharts
- Icons: Tabler Icons
feature/landing-page/
├── components/ # Shared components (Container)
├── navbar/ # Navigation bar components
├── hero/ # Hero section with email form
├── progress-report-card/# Chart and progress tracking
├── ratings/ # Rating displays
├── customer-information/# Customer stats and cards
├── task-management-process/
├── upcoming-plans/ # Projects table
├── testimonials/ # Customer reviews
├── footer/ # Footer with links
└── index.ts # Barrel exports
- Node.js 18+
- npm, yarn, pnpm, or bun
# Clone the repository
git clone <repository-url>
cd task-up
# Install dependencies
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run build
npm start| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Create production build |
npm start |
Start production server |
npm run lint |
Run ESLint |
This project follows a feature-based architecture with the single responsibility principle:
- Each feature is self-contained in its own folder
- Components are split into small, focused files
- Barrel exports (
index.ts) provide clean imports - Shared components live in the
components/folder
MIT