Engineered for Excellence — Powering India's Industrial Ventilation
A modern, high-performance web platform for Ventilair India — a leading manufacturer of industrial fans, blowers, and custom ventilation solutions. Built with Next.js 16 (App Router), React 19, and Tailwind CSS v4 for a blazing-fast, strictly SEO-optimized user experience.
- Overview
- Live Demo
- Architecture & Features
- Tech Stack
- Getting Started
- Available Scripts
- SEO & Performance
- Deployment
- License
Ventilair India is a trusted name in industrial ventilation, specializing in the design and manufacture of high-performance fans, blowers, and air-handling equipment for a wide range of industries including cement, steel, power, chemical, and more.
This repository contains the source code for the company's official web platform, completely migrated from a legacy React SPA (Vite) into a Next.js 16 Server-Side Rendered (SSR) application. It is designed to:
- Showcase the complete product catalog with detailed specifications
- Highlight the company's engineering capabilities and legacy
- Provide a seamless contact and inquiry experience
- Reflect a premium brand identity with interactive
framer-motionanimations - Dominate Google Search rankings with rigorous SEO implementations and Core Web Vitals optimization.
Visit the live website: https://lcdas.in/
| Feature | Description |
|---|---|
| 🏗 Next.js App Router | Full utilization of the Next.js App Router paradigm (app/ directory) for layouts, static generation, and metadata mapping. |
| 🎨 Premium UI/UX | Glassmorphism effects, mesh gradients, and micro-animations for a state-of-the-art look |
| ⚡ Blazing Fast | Built with Next.js Turbopack compiler for near-instant zero-config local development |
| 📱 Fully Responsive | Flexbox and Grid layouts rigorously constrained to prevent mobile overflow bugs |
| 🎬 Framer Motion Animations | Smooth scroll-triggered animations, parallax effects, and interactive transitions |
| 🏭 Product Showcase | Interactive product gallery with detailed specifications and image carousels |
| 🤝 Trusted Partners | Scrolling logo carousel highlighting industry partnerships |
| 💬 Customer Testimonials | Social-proof section with animated review cards |
| 📞 WhatsApp Integration | Floating WhatsApp button for instant customer communication |
| 🌗 Theme Support | Advanced Light/Dark theme infrastructure handling next-themes and hydration-safe CSS variables |
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16.1.6 | Core React framework (SSR, SSG, Routing) |
| React | 19.2 | UI library with concurrent features |
| TypeScript | 5.x | Static type checking |
| Tailwind CSS | 4.0 | Next-generation utility-first CSS |
| Framer Motion | 12.34 | Declarative animations & gestures |
| Lucide React | 0.575 | Beautiful & consistent icon set |
Powered by next/font/google meaning zero network roundtrips to Google servers:
- Inter — Main Body text
- Outfit — Main Headings
- Montserrat — Bold accents
- Poppins — Geometric numerical highlights
Make sure you have the following installed on your machine:
- Node.js — v18.17.0 or higher → Download
-
Clone the repository
git clone https://github.com/<your-username>/ventilair-india.git cd ventilair-india
-
Navigate to the Next.js app directory
cd nextjs-app -
Install dependencies
npm install
-
Start the development server (with Turbopack)
npm run dev
-
Open in your browser The app will be running at: http://localhost:3000
| Command | Description |
|---|---|
npm run dev |
Start Next.js dev server with Turbopack |
npm run build |
Create strictly optimized production build in .next/ |
npm run start |
Start the local production Node.js server |
npm run lint |
Run ESLint config specifically mapped for Next.js Core Web Vitals |
This platform has been rigorously audited and engineered for maximum Lighthouse scores:
- Google JSON-LD: Organization and LocalBusiness structured data schemas natively injected into the root layout.
- Image Optimization: 100% conversion of
<img>tags to<Image>components for automatic WebP/AVIF formatting and layout-shift prevention. - Dynamic Metadata: Canonical URL generation, robust OpenGraph descriptions, and Twitter Card arrays native to the App Router metadata export.
- PWA Capabilities: Automated
manifest.webmanifestand high-res Apple Touch Icon (icon.svg) generation. - Automated Crawlers: Native
robots.tsandsitemap.tsdynamic generation.
This repository is 100% Ready-for-Vercel. It uses standard Next.js build commands and ignores all the correct local footprint files.
- Push this codebase to your GitHub account.
- Sign in to Vercel.
- Click Add New Project and import the GitHub repository.
- Leave the Root Directory as
nextjs-app(if migrating the folder structure) or leave blank ifnextjs-appcontents were moved to Git root. - Click Deploy. Vercel will instantly detect Next.js and compile the site via their Global Edge Network.
This project is proprietary software developed for Ventilair India. All rights reserved.
Built with ❤️ for Ventilair India
Industrial Ventilation Solutions — Engineered for Excellence