AI SEO – Animated Landing Page with Framer Motion & Tailwind by Fadhil AkbarAI SEO – Animated Landing Page with Framer Motion & Tailwind by Fadhil Akbar

AI SEO – Animated Landing Page with Framer Motion & Tailwind

Fadhil Akbar

Completed work

Frontend Engineer

Web Developer

Motion for React

Next.js

Tailwind CSS

Marketing

🚀 AI SEO – Animated Landing Page with Framer Motion

🚀 AI SEO is a modern, animated landing page for an AI-powered SEO tool. Inspired by a YouTube tutorial, I built and customized the project using Next.js, Tailwind CSS, and Framer Motion — focusing on smooth interactions and performance-first development.

🛠️ The page features:

🎯 Clean layout with interactive, scroll-based sections

✨ Smooth animations using Framer Motion

🌙 Dark mode and mobile responsiveness

💳 A fully custom-built Pricing section

💡 While the base idea came from a tutorial, I implemented the layout manually, customized styling, and extended the functionality with original components. This project helped me strengthen animation patterns, responsive design, and accessibility. It also achieved strong Lighthouse scores (100 desktop, 92 mobile).

🔧 Source code available at: https://github.com/lil-bee/AISEO-landingpage

Feature Section

Testimonial Section

Pricing Section

Footer Section

Like this project

Completed work

Posted May 24, 2025

Modern landing page for an AI product, featuring custom animations, responsive design, and optimized UX using Framer Motion and Tailwind.

Likes

Views