public 3d-motion repository

stunning-ia-lp

// pedroestevaodev/stunning-ia-lp

Stunning AI Landing Page - A fully responsive, animated marketing template built with Next.js 14, Tailwind CSS & Framer Motion. Perfect for SaaS, AI startups, or portfolio showcases.

$ git log --oneline --stat
stars:8forks:5updated:2026-03-14
README.md
readonly

AI Landing Page - Stunning, Responsive & Animated

Illustrative image

</a>

A pixel-perfect AI-themed marketing landing page built with React, Next.js 14 (App Router), Tailwind CSS, and Framer Motion. 100 % responsive, production-ready, and packed with smooth micro-interactions to captivate your visitors.

Key Features

  • Instant load – Optimized images & Next.js dynamic imports
  • Fully responsive – Mobile-first layout that scales to 4K
  • Framer Motion animations – Hero reveal, logo ticker, parallax mockups, fade-in testimonials, and more
  • Reusable components – Header, Button, Section, TestimonialCard, etc.
  • Static & dynamic images – Next <Image> component with blur placeholders

Tech Stack

The project was built using the following technologies and tools:

  • Next.js (App Router) - React framework for web applications.
  • React - JavaScript library for building user interfaces.
  • TypeScript - JavaScript superset for static typing.
  • Tailwind CSS - Utility-first CSS framework for fast and customizable design.
  • Motion - A robust animation library for modern web projects using JavaScript, React, or Vue.

Figma Design

Setup & Installation

1. Clone the repository

git clone https://github.com/pedroestevaodev/stunning-ia-lp.git
cd stunning-ia-lp

2. Install dependencies

$ npm install

3. Start the development server

$ npm run dev

Open your browser and visit http://localhost:3000 to see the project in action.

You can start editing the homepage by modifying the app/page.tsx file. The browser will automatically update as you make changes to the code.

Available Commands

Here are the main commands available for the project:

CommandDescription
devStarts the development server
buildBuilds the app for production
startRuns the built app
lintLints the code using ESLint

Deploy

The easiest way to deploy your Next.js application is by using the Vercel Platform, created by the developers of Next.js.

Check out the Next.js deployment documentation for more details.

License

This project is open source and available under the MIT License.


Built with ☕ by Pedro Estevão

metadata.json
TypeScriptanimationFramer MotionShowcaseslpFramer Motionnextjsreactjsresponsive-designsaastypescript

[INFO] 3 topics link to curated motion topic pages.