Next.jsReactPortfolioSaaSCorporate Website

stunning-ia-lp — Next.js Portfolio Template

By pedroestevaodev

An AI-themed marketing landing page template based on Next.js and React, using Tailwind CSS and Framer Motion for responsive layout and scroll animations, suitable for SaaS, AI startups, or portfolio showcases.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

Pages built with Next.js App Router and React

Mobile-first responsive layout with Tailwind CSS

Framer Motion provides animations such as Hero entrance, logo scroll, parallax, and fade-in

Reusable components including Header, Button, Section, and TestimonialCard

Next Image component with blur placeholders for static and dynamic images

Includes a Figma design link for visual reference and adjustments

Template Details

This is an AI-themed marketing landing page template, maintained by pedroestevaodev, built with Next.js App Router and React, styled with Tailwind CSS, and animated with Framer Motion. The page includes reusable components such as Header, Button, Section, and TestimonialCard, and demonstrates micro-interactions like Hero entrance, logo marquee, parallax model image, and testimonial fade-in. Images are loaded via Next's Image component with blur placeholders.

The template provides a Figma design link. The README gives commands for cloning the repository, installing dependencies, starting the development server, as well as build, start, and lint, and recommends deploying to Vercel. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services like domains and hosting may incur costs.

The template is positioned as a marketing landing page and does not include backend, database, or payment business logic; descriptions in the README such as "instant load" and "production-ready" are the author's own statements and were not independently verified in this material.

Next.jsReactPortfolioSaaSCorporate website

Is it right for your project?

Use Cases

AI startup building a product marketing landing page
SaaS product showcasing core selling points and user testimonials
Developer portfolio or project showcase page
Marketing page prototype requiring scroll animations and responsive layout

Suitable For

Front-end developers familiar with Next.js and React
Teams needing to quickly build an AI or SaaS themed landing page
Developers looking to reference Framer Motion animations and Tailwind responsive practices

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
After cloning the repository, run npm install to install dependencies
2
Use npm run dev to start the development server, accessible by default at http://localhost:3000
3
The homepage entry is app/page.tsx, where page content can be modified
4
Use npm run build, npm run start, and npm run lint to build, run, and lint the code
5
For deployment, refer to the official Next.js documentation or use Vercel

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in a public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

The code of this version may be used, modified, used commercially, and distributed for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/pedroestevaodev/stunning-ia-lp/blob/main/LICENSE https://github.com/pedroestevaodev/stunning-ia-lp/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 86 / 100
Technologies: Next.js · React
Website type: Portfolio · SaaS · Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2025-08-14
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 88809bbdb0d9beb90670b4d7b4336d4eab921577f1dc81a49eac1d28d3f53023

2026-10-01T02:02:50.820Z

Source file / repository

# AI Landing Page - Stunning, Responsive & Animated

<p style="text-align: center;">
    <a href="https://www.pedroestevao.com">
        <img src="https://res.cloudinary.com/dge3g9rcw/image/upload/v1747589615/github/b72tltyujl1wfe15oc70.webp" alt="Illustrative image" />
    </a>
</p>

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)](https://nextjs.org/) - React framework for web applications.
- [React](https://react.dev/) - JavaScript library for building user interfaces.
- [TypeScript](https://www.typescriptlang.org/) - JavaScript superset for static typing.
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework for fast and customizable design.
- [Motion](https://motion.dev/) - A robust animation library for modern web projects using JavaScript, React, or Vue.

## Figma Design

- [AI Startup Landing Page — Frontend Tribe](https://www.figma.com/design/vln3nOGGr36JKPsIFdQMU4/AI-Startup-Landing-Page-%E2%80%94-Frontend-Tribe?node-id=4007-681&p=f&t=jrDYhgDNS5C70BRL-0)

## Setup & Installation

### 1. Clone the repository

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

### 2. Install dependencies

```bash
$ npm install
```

### 3. Start the development server

```bash
$ 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:

| Command          | Description                   |
| ---------------- | ----------------------------- |
| `dev`       | Starts the development server |
| `build`     | Builds the app for production |
| `start`     | Runs the built app            |
| `lint`      | Lints the code using ESLint   |

## Deploy

The easiest way to deploy your Next.js application is by using the [Vercel Platform](https://vercel.com/new), created by the developers of Next.js.

Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## License

This project is open source and available under the [MIT License](https://mit-license.org/).  
<br />

---

<br />

**Built with ☕ by [Pedro Estevão](https://www.pedroestevao.com)**

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js SaaS Starter

The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.

Next.js · SaaS

SaaS-Boilerplate

SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.

Next.js · SaaS

create-t3-turbo

A full-stack TypeScript monorepo starter from T3 OSS, listed in the Vercel template directory. It splits apps for Next.js, Expo and optional TanStack Start, with shared packages for tRPC v11, better-auth, Drizzle + Supabase and shadcn/ui.

Next.js · Starter

saas-starter-kit

BoxyHQ's open-source Next.js enterprise SaaS starter template provides a reusable foundation with authentication, team management, SAML SSO, directory sync, webhooks, audit logs, and Stripe payments.

Next.js · SaaS

saasfly

Saasfly is an MIT-licensed Next.js SaaS starter template with built-in Clerk authentication, Stripe payment, PostgreSQL, Resend email, internationalization, SEO, tRPC, and Zustand. It is created via `bun create saasfly` and deployable on Vercel.

Next.js · SaaS

react-resume-template

A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.

Next.js · Portfolio