Mindlar Landing Page

A modern, responsive landing page for Mindlar - a digital learning community that helps individuals build consistent learning habits through books, videos, and audio content with accountability partners in WhatsApp communities.

Live Site: mindlar.com

🚀 Quick Start

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/mindlar/landing-page.git
cd landing-page

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 to view the application.

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

🛠️ Tech Stack

• React 18.3.1 with TypeScript
• Vite 5.4.1 - Build tool
• Tailwind CSS 3.4.11 - Styling
• shadcn/ui - UI components
• Framer Motion 12.23.12 - Animations
• React Router DOM 6.26.2 - Routing

📁 Project Structure

src/
├── components/          # Main components
│   ├── Hero.tsx
│   ├── About.tsx
│   ├── Services.tsx
│   ├── Membership.tsx
│   ├── Impact.tsx
│   ├── Contact.tsx
│   ├── Navbar.tsx
│   ├── Footer.tsx
│   └── ui/             # shadcn/ui components
├── pages/              # Page components
├── hooks/              # Custom hooks
└── lib/                # Utilities