Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rleite-it/ai-landing-page

A sleek and modern landing page for AI-powered SEO tools. Built with Next.js, React, Tailwind CSS, and TypeScript.
https://github.com/rleite-it/ai-landing-page

framer-motion landing-page nextjs react tailwindcss typescript

Last synced: 7 days ago
JSON representation

A sleek and modern landing page for AI-powered SEO tools. Built with Next.js, React, Tailwind CSS, and TypeScript.

Host: GitHub
URL: https://github.com/rleite-it/ai-landing-page
Owner: rleite-it
License: mit
Created: 2024-08-22T17:34:58.000Z (about 1 month ago)
Default Branch: master
Last Pushed: 2024-08-22T21:12:27.000Z (about 1 month ago)
Last Synced: 2024-09-18T12:12:38.094Z (15 days ago)
Topics: framer-motion, landing-page, nextjs, react, tailwindcss, typescript
Language: TypeScript
Homepage: https://demo-ai-startup-landing-page.vercel.app/
Size: 287 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# AI SEO Tools Landing Page

![Next.js](https://img.shields.io/badge/Next.js-14.2.5-blue.svg)
![React](https://img.shields.io/badge/React-18-blue.svg)
![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-3.4.1-blue.svg)
![TypeScript](https://img.shields.io/badge/TypeScript-5-blue.svg)
![@dotlottie/react-player](https://img.shields.io/badge/@dotlottie/react--player-1.6.19-blue.svg)
![Framer Motion](https://img.shields.io/badge/Framer%20Motion-11.3.2-blue.svg)

Welcome to the AI SEO Tools Landing Page! This project is a simple, sleek landing page built with modern web technologies, designed to showcase AI-powered SEO tools. It's built using **Next.js**, **React**, **Tailwind CSS**, and **TypeScript** for a robust, performant, and scalable application.

## ✨ Features

- **Responsive Design**: Optimized for all screen sizes with Tailwind CSS.
- **Animations**: Smooth animations and transitions with Framer Motion.
- **Lottie Integration**: Easily integrate and render `.lottie` animations using @dotlottie/react-player.

## 🚀 Getting Started

### 1. Clone the Repository

```bash
git clone https://github.com/rleite-it/ai-landing-page.git
cd ai-landing-page
```

### 2. Install Dependencies

Ensure you have Node.js installed. Then, install the dependencies:

```bash
npm install
```

### 3. Run the Development Server

Start the local development server:

```bash
npm run dev
```

Open http://localhost:3000 in your browser to see the landing page in action.

### 4. Build for Production

To create an optimized production build:

```bash
npm run build
```

## 📄 License

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

## 🌐 Live Demo

Check out the live demo on Vercel: [Live Demo](https://demo-ai-startup-landing-page.vercel.app/)