Ninuva - Modern Animated SaaS Generative AI Landing Page

Modern Animated SaaS Generative AI Landing Page

🌐 Live Demo

---

✨ About Ninuva

Ninuva is a sleek and animated Generative AI SaaS Landing Page crafted with
React, Vite, Tailwind, and Framer Motion.
It’s designed to deliver a modern, smooth, and professional user experience for AI products, startups, and SaaS platforms.

---

🚀 Features

• ⚡ Fast & Modern — Built with Vite and React
• 🎨 Smooth Animations — Powered by Framer Motion
• 📱 Responsive Design — Works seamlessly across all devices
• 💡 Generative AI Themed UI — Perfect for AI & SaaS products
• 🔗 Easy Deployment — Optimized for Vercel

---

📂 Folder Structure

ninuva/
  |- public/
    |-- apple-icon.png
    |-- favicon.ico
    |-- favicon1.png
    |-- favicon2.png
  |- src/
    |-- assets/
        |--- benefits/
        |--- collaboration/
        |--- hero/
        |--- notification/
        |--- pricing/
        |--- roadmap/
        |--- services/
        |--- socials/
        |--- svg/
        |--- index.js
    |-- components/
        |--- design/
        |--- Benefits.jsx
        |--- Button.jsx
        |--- Collaboration.jsx
        |--- CompanyLogos.jsx
        |--- Footer.jsx
        |--- Generating.jsx
        |--- Header.jsx
        |--- Heading.jsx
        |--- Hero.jsx
        |--- Notification.jsx
        |--- Pricing.jsx
        |--- PricingList.jsx
        |--- Roadmap.jsx
        |--- Section.jsx
        |--- Services.jsx
        |--- Tagline.jsx
    |-- config/
        |--- index.js
    |-- constants/
        |--- index.js
    |-- App.jsx
    |-- index.css
    |-- main.jsx
  |- .eslintrc.cjs
  |- .gitignore
  |- index.html
  |- package-lock.json
  |- package.json
  |- postcss.config.js
  |- tailwind.config.js
  |- vite.config.js

---

🧑‍💻 Getting Started

Prerequisites

• Node.js >= 18
• Git

Installation

# Clone the repository
git clone https://github.com/devsujandas/Ninuva.git
cd Ninuva

# Install dependencies
npm install --legacy-peer-deps

# Run locally
npm run dev

Your app will be live at: 👉 http://localhost:5173/

---

⚙️ Tech Stack

Framework & Bundler

⚛️ React.js – UI library

⚡ Vite.js – Lightning-fast dev server & build tool

Styling & Animations

🎨 Tailwind CSS – Utility-first CSS framework

🎬 Framer Motion – Smooth animations

⌨️ Typewriter Effect – Typing text animation

Routing & UX

🌍 React Router DOM – Routing & navigation

🔒 Scroll Lock – Smooth scroll control

Tooling & Development

🛠️ ESLint – Code linting

🧩 PostCSS – CSS transformations

🎯 Autoprefixer – Vendor prefixing

Deployment

🚀 Vercel – Hosting & CI/CD

---

📄 License

---

🚀 Crafted with innovation, motion, and creativity ⚡

---