https://github.com/paulopbi/saas

A beautiful SaaS landing page with smooth animations and effects.
https://github.com/paulopbi/saas

framer-motion landing-page motion nextjs react saas tailwind vercel

Last synced: about 1 month ago
JSON representation

A beautiful SaaS landing page with smooth animations and effects.

• Host: GitHub
• URL: https://github.com/paulopbi/saas
• Owner: paulopbi
• License: mit
• Created: 2024-12-20T11:56:54.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-20T12:22:54.000Z (about 1 month ago)
• Last Synced: 2024-12-20T13:24:52.787Z (about 1 month ago)
• Topics: framer-motion, landing-page, motion, nextjs, react, saas, tailwind, vercel
• Language: TypeScript
• Homepage: https://saas-sable-psi.vercel.app
• Size: 85.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


   

  

  Follow me on social media

  


  

  Linkedin

   • 

  

  Github

   • 

  

  Behance

   • 

  

  Live Demo

   






Welcome to the **SaaS Landing Page** project! 🚀 This is a modern, fully responsive landing page designed to showcase SaaS products in the best possible light.

![Demonstration](./src/assets/demo.gif)



  click here and see the live demo



## 🛠️ Technologies Used

- **Next.js**: A powerful React framework for building server-side rendered applications.

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

- **Framer Motion**: A library for creating smooth animations and interactions.

- **Component-Based Architecture**: Reusable components to keep your code organized and maintainable.

## 🌟 Features

- **Smooth Animations**: Includes parallax effects, scroll animations, and more for a dynamic user experience.

- **Parallax Animations**: Subtle scrolling effects for a dynamic and engaging feel.

- **Animated Testimonials**: A marquee effect to showcase client reviews dynamically.

- **Responsive Design**: Built with mobile-first design principles to ensure your site looks great on all devices.

- **Component-Based Architecture**: Reusable components to keep your code organized and maintainable.

- **SaaS Landing Page**: Optimized for showcasing software as a service products.

## 🎨 Design

This project design was created with Figma, check it in the link bellow. 


[Figma Design](https://www.figma.com/community/file/1347551304372055519/saas-website-ui-kit-framer-website-kit)

## 🚀 Getting Started

To get started with this project, follow these steps:

1. **Clone the repository:**

```bash

git clone https://github.com/paulopbi/SaaS.git

```

2. **Navigate to the project directory:**

```bash

cd SaaS

```

3. **Install dependencies:**

```bash

npm install

```

4. **Run the development server:**

```bash

npm run dev

```

## 📄 License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## 📧 Contact

**Email**: [email protected] 


**Linkedin**: https://www.linkedin.com/in/paulopbi/ 


**Github**: https://github.com/paulopbi 


**Portfólio**: https://paulopbi.github.io/portfolio/