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. 🌟
Experience the magic firsthand: Check it out here!
The core of this landing page lies in its modern and innovative design. Explore the creative process:
- 🎨 Figma File: View the Design in Figma for a detailed look at our visual strategy.
- 📄 Design PDF: Download the Design PDF for a comprehensive view of the project.
✨ 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.
This landing page is built using a combination of:
- Next.js
- Framer Motion
- Figma
Follow these steps to get the project running on your local machine:
-
Clone the repository
git clone https://github.com/MeetkumarChavda/ai-startup-landing-page.git
-
Navigate to the project directory
cd ai-startup-landing-page -
Install dependencies
npm install
-
Run the development server
npm run dev
-
View the magic
Open your browser and visithttp://localhost:3000to see the landing page in action.
Got feedback, suggestions, or just want to say hi? Reach out to me: