Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/meetkumarchavda/ai-startup-landing-page
- Owner: MeetkumarChavda
- License: mit
- Created: 2024-08-24T15:06:05.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-08-27T20:47:51.000Z (5 months ago)
- Last Synced: 2024-10-10T10:41:47.999Z (3 months ago)
- Topics: framer-motion, nextjs, typescript
- Language: TypeScript
- Homepage: https://ai-seo-sitepage.netlify.app/
- Size: 9.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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])