Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/neodev99/saas-landing-page
A landing page for a SaaS startup created with Next JS
https://github.com/neodev99/saas-landing-page
ai framer-motion landing-page nextjs saas tailwindcss typescript
Last synced: 24 days ago
JSON representation
A landing page for a SaaS startup created with Next JS
- Host: GitHub
- URL: https://github.com/neodev99/saas-landing-page
- Owner: NeoDev99
- Created: 2024-08-29T20:34:58.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T14:58:21.000Z (about 2 months ago)
- Last Synced: 2024-10-12T23:04:38.450Z (24 days ago)
- Topics: ai, framer-motion, landing-page, nextjs, saas, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 1.84 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI-Powered SEO Tools Project
Welcome to the AI-Powered SEO Tools Project! This project is a dynamic and visually appealing web application designed to showcase revolutionary AI-driven SEO tools. The project leverages modern web technologies, including Next.js, Tailwind CSS, Framer Motion, and TypeScript, to create an engaging user experience.
## Table of Contents
- [AI-Powered SEO Tools Project](#ai-powered-seo-tools-project)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Responsive Design**: Fully responsive layout that adapts to various screen sizes.
- **Animated Components**: Smooth animations using Framer Motion for an engaging user interface.
- **Testimonials Section**: A dynamic testimonial slider showcasing user feedback.
- **Features Tabs**: Interactive tabs demonstrating various features of the SEO tool.
- **Logo Ticker**: An animated ticker displaying logos of companies that trust this tool.
- **Customizable Button**: A stylish button component with hover effects.
## Technologies Used
- **[Next.js](https://nextjs.org/)**: A React framework for server-side rendering and static site generation.
- **[TypeScript](https://www.typescriptlang.org/)**: A statically typed programming language for improved code quality.
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for building custom designs without writing much custom CSS.
- **[Framer Motion](https://www.framer.com/motion/)**: A motion library for React to create animations and interactions.
- **[React](https://reactjs.org/)**: A JavaScript library for building user interfaces.
- **[Next Image](https://nextjs.org/docs/api-reference/next/image)**: An optimized image component provided by Next.js.
- **[@dotlottie/react-player](https://github.com/dotlottie/dotlottie-player)**: A player for `.lottie` animation files.
## Installation
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/seo-tools-project.git
cd seo-tools-project
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to see the project in action.
## Usage
- Navigate through the homepage to explore the different sections, such as the testimonials slider, features tabs, and logo ticker.
- Interact with the elements to see animations and hover effects.
- Customize components by modifying the code and styles in the respective component files.
## Contributing
Contributions are welcome! Please follow these steps to contribute:
1. Fork the repository.
2. Create a new branch with a meaningful name.
3. Make your changes and commit them with a descriptive message.
4. Push your changes to your fork.
5. Open a pull request to the main branch.
## License
This project is licensed under the `MIT License`. See the LICENSE file for details.