SkillForge India - Learning Platform

A modern, premium learning platform targeting the Indian market. Built with Next.js 15, React 18, Framer Motion, and Tailwind CSS.

Features

• 🎨 Modern Design - Dark theme with orange/green accent colors, glassmorphism effects
• ✨ Smooth Animations - Powered by Framer Motion with scroll-triggered animations
• 📱 Fully Responsive - Works seamlessly on desktop, tablet, and mobile
• 🚀 Performance Optimized - Built with Next.js 15 for optimal loading speed
• 🎯 India-Focused - Content and pricing tailored for the Indian market

Tech Stack

• Framework: Next.js 15
• UI Library: React 18
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Typography: Cabinet Grotesk & General Sans (via Fontshare)

Getting Started

1. Install dependencies:

   npm install

2. Run the development server:

   npm run dev

3. Open in browser: Navigate to http://localhost:3000

Project Structure

├── app/
│   ├── globals.css      # Global styles, animations, utilities
│   ├── layout.tsx       # Root layout with metadata
│   └── page.tsx         # Home page
├── components/
│   ├── Navbar.tsx       # Navigation with mobile menu
│   ├── Hero.tsx         # Hero section with stats
│   ├── Features.tsx     # Features grid with icons
│   ├── Courses.tsx      # Course cards with filtering
│   ├── Testimonials.tsx # Success stories
│   ├── CTA.tsx          # Call to action section
│   └── Footer.tsx       # Footer with links
└── tailwind.config.ts   # Custom theme configuration

Design Highlights

• Typography: Cabinet Grotesk for headings, General Sans for body text
• Colors: Primary orange (#ee7a1d) with accent green (#22c55e)
• Effects: Glass morphism, gradient text, animated backgrounds
• Animations: Scroll-reveal, hover effects, floating elements

License

MIT