Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/meetkumarchavda/ai-startup-landing-page

AI-SEO Landing Page built with Next.js and Framer Motion, featuring dynamic animations, interactive tabs, and a sleek, modern design for startups.
https://github.com/meetkumarchavda/ai-startup-landing-page

framer-motion nextjs typescript

Last synced: 3 months ago
JSON representation

AI-SEO Landing Page built with Next.js and Framer Motion, featuring dynamic animations, interactive tabs, and a sleek, modern design for startups.

Awesome Lists containing this project

README

        

# **AI-SEO Landing Page** 🌐

Welcome to the **AI-SEO Landing Page** projectβ€”a blend of cutting-edge design and seamless user experience, all powered by **Next.js** and **Framer Motion**. This isn't just a landing page; it's a visual journey that showcases the potential of modern web design. 🌟

## πŸŽ₯ **Live Demo**
Experience the magic firsthand: [**Check it out here!**](https://ai-seo-sitepage.netlify.app/)

## 🎨 **Design Overview**
The core of this landing page lies in its modern and innovative design. Explore the creative process:

- 🎨 **Figma File**: [View the Design in Figma](Design/AI%20Startup%20Landing%20Page.fig) for a detailed look at our visual strategy.
- πŸ“„ **Design PDF**: [Download the Design PDF](Design/AI%20Startup%20Landing%20Page.pdf) for a comprehensive view of the project.

## 🌟 **Features at a Glance**

✨ **Sticky Navbar with Backdrop Blur**
_Navigate effortlessly with a sticky navbar that elegantly blurs the background as you scroll, maintaining a sleek and focused browsing experience._

🌌 **Hero Section with Dynamic Animation**
_Immerse yourself in a visually stunning hero section featuring a rotating planet surrounded by rings and stars, infusing cosmic energy right from the start._

🎬 **Marquee Animations**
_Highlighting our collaborations and customer reviews with smooth, eye-catching marquee effects._

πŸ” **AI-SEO Product Features**
_Explore our product through interactive tabs enhanced with Lottie animations and dynamic SVG positioning, making your journey both engaging and intuitive._

🎯 **Call to Action Section**
_A vibrant section that responds to scroll and mouse movements, encouraging user interaction and conversion._

## πŸ› οΈ **Technologies Behind the Magic**

This landing page is built using a combination of:

- **Next.js**
- **Framer Motion**
- **Figma**

## πŸš€ **Getting Started**

Follow these steps to get the project running on your local machine:

1. **Clone the repository**
```bash
git clone https://github.com/MeetkumarChavda/ai-startup-landing-page.git
```

2. **Navigate to the project directory**
```bash
cd ai-startup-landing-page
```

3. **Install dependencies**
```bash
npm install
```

4. **Run the development server**
```bash
npm run dev
```

5. **View the magic**
Open your browser and visit `http://localhost:3000` to see the landing page in action.

## πŸ“§ **Let's Connect**

Got feedback, suggestions, or just want to say hi? Reach out to me:

- **Email**: [[email protected]](mailto:[email protected])