This project is a landing page for a Learning Platform, designed to attract users and provide information about the courses and features offered. It is built using modern web technologies to ensure a responsive, fast, and accessible user experience.
-
Next.js: A React framework that enables server-side rendering and generates static websites for React-based web applications. It provides a great developer experience with all the features you need for production.
-
Tailwind CSS: A utility-first CSS framework for rapidly building custom designs. It helps in creating a responsive and highly customizable UI without writing a lot of custom CSS.
-
Shadcn UI Library: A collection of high-quality UI components for React applications. It provides a set of ready-to-use components that can be easily customized and integrated into the Next.js application.
The project follows a standard Next.js structure with additional organization to keep styles and components modular and reusable.
/pages: Contains the main landing page component and other routes if needed./components: Reusable UI components such as buttons, cards, and forms./styles: Global and component-specific styles using Tailwind CSS./public: Static assets like images, fonts, etc.
- Responsive Design: The landing page is designed to be fully responsive, ensuring it looks great on all devices, from mobile phones to desktops.
- Fast Loading: Optimized images and assets, along with Next.js's efficient handling of resources, ensure the page loads quickly.
- Customizable Components: Using Shadcn UI components, the design is highly customizable to fit various themes and branding requirements.
- SEO Optimized: Built-in SEO optimization with Next.js helps improve the landing page's visibility on search engines.
Check out the live demo of the Learning Platform Landing Page: Demo Link
To get a local copy of the project up and running, follow these steps:
- Node.js (v14 or later)
- npm or yarn
- Clone the repository:
git clone https://github.com/nabinkhair42/medaavyas-homepage.git
- Navigate to the project directory:
cd medaavyas-homepage- **Install Dependencies
npm install- Running the Development Server:
npm run dev