https://github.com/pushpankdhruw/light-saas-landing

🔦 This project is a modern, responsive SaaS landing page featuring a clean design with a hero banner, call-to-action, and footer, aimed at promoting a SaaS product.
https://github.com/pushpankdhruw/light-saas-landing

framer-motion landing-page nextjs14 tailwindcss

Last synced: 4 days ago
JSON representation

🔦 This project is a modern, responsive SaaS landing page featuring a clean design with a hero banner, call-to-action, and footer, aimed at promoting a SaaS product.

• Host: GitHub
• URL: https://github.com/pushpankdhruw/light-saas-landing
• Owner: PushpankDhruw
• Created: 2024-08-27T18:28:25.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T20:59:54.000Z (5 months ago)
• Last Synced: 2025-01-31T04:03:09.698Z (14 days ago)
• Topics: framer-motion, landing-page, nextjs14, tailwindcss
• Language: TypeScript
• Homepage: https://light-saas-landing-ten.vercel.app
• Size: 8.55 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Light SaaS Landing Page

****

This project is a light SaaS landing page built with modern web technologies. It features a clean and responsive design, with sections for a hero banner, call to action, and footer. The landing page is designed to help promote and provide information about a SaaS product.



## Features

- 🌑 Modern light theme design

- 📱 Responsive layout

- ✏️ Easy to customize

- ⚛️ Built with Next.js and Tailwind CSS

- 🎥 Includes animations with Framer Motion

## Technologies Used

- **React** 🚀: A JavaScript library for building user interfaces.

- **Next.js** ⚛️: A React framework for server-side rendering and static site generation.

- **Framer Motion** 🎥: A library for animations and gestures.

- **Tailwind CSS** 🎨: A utility-first CSS framework for rapid UI development.

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

Make sure you have the following installed on your machine:

- Node.js

- npm (Node Package Manager)

### Installation

1. Clone the repository:

   ```sh

   git clone https://github.com/your-username/light-saas-landing-page.git

   ```

2. Navigate to the project directory:

   ```sh

   cd light-saas-landing-page

   ```

3. Install the dependencies:

   ```sh

   npm install

   ```

## Usage

To start the development server, run:

```sh

npm start

```

Thanks to [@frontendtribe](https://www.youtube.com/@frontend-tribe)