PNB Technologies screenshot 1
Full-Stack Developer
Client Project
Visit Website

PNB Technologies

Corporate Website & Services Catalog

Overview

A modern, high-performance corporate website for an industrial engineering and gear manufacturing company. Built with Next.js and integrated with a headless CMS (Sanity) to allow the client to dynamically manage their product catalog, service announcements, and client testimonials. PNB Technologies is a Pune-based, ISO 9001:2015 certified manufacturer with over 15 years of experience specializing in high-precision industrial gears, gearbox repairing, and Special Purpose Machine (SPM) development.

Technical Stack

Next.js 14Tailwind CSSFramer MotionSanity.ioReact Hook FormZodResend API

Key Features

01

Dynamic Headless CMS Integration

Engineered a fully manageable content architecture using Sanity, allowing the business owners to update Hero Sliders, Service Catalogs, company announcements, and testimonials in real-time.

02

Data-Driven Service Catalog

Implemented a structured product and service schema to dynamically render categorized industrial products (e.g., Spur Gears, Helical Gears, Gearbox Repairing).

03

High-Performance Delivery

Leveraged Next.js Server Components and advanced image optimization (next/image with Sanity image builder url) to ensure fast loading speeds for high-resolution industrial photography.

04

Dynamic & Engaging UI

Developed custom, reusable UI components including an interactive Hero Carousel, a customized Preloader, and scrolling Animated Counters for company statistics.

05

Robust Contact System

Built a secure and validated contact form using React Hook Form and Zod, connected to the Resend API to reliably deliver client inquiries to the business.

06

SEO Optimized

Implemented dynamic SEO metadata, canonical tags, and OpenGraph schemas to boost visibility for industrial engineering keywords.