Naziya Hospital — Marketing Website
A responsive, six-page static marketing website for a hospital in Kozhikode, Kerala — departments, doctors, services and blog content for prospective patients, deployed to Netlify straight from GitHub.
6
PagesAOS + Lottie
Scroll & Preload MotionDirection-Aware
Sticky NavbarNetlify
Git-Connected DeployHomepage & Inner Pages
Homepage
Doctors & Testimonials
About Us
Treatments
What The Site Does
Departments & Doctors Carousels
Responsive Slick carousels with breakpoint-specific slide counts.
Animated Stat Counters
countUp + Waypoints trigger counters like "Verified Physicians" on scroll.
AOS Scroll Reveals
Coordinated entrance animations with per-element delays and durations.
Direction-Aware Navbar
Hides on scroll down, reappears on scroll up past a threshold.
Lottie Preloader
A full-page animated preloader removed automatically after load.
Contact & Map
Enquiry form with an embedded Google Maps location.
Stack & Integrations
Frontend
Motion
Counters
Integrations & Hosting
How It's Built
Naziya Hospital is a static six-page site with no backend, database or API layer. Every
page shares one stylesheet and one script.js, which runs on
DOMContentLoaded to remove the preloader, initialise AOS, and — only when
their target elements actually exist on the current page — conditionally initialise the
Slick carousels and the Waypoints-driven counters. That defensive, page-aware
initialisation lets one shared bundle safely serve all six pages without errors.
A scroll listener tracks previous versus current scroll position to hide the navbar on downward scroll and reveal it again past an upward threshold, and each page includes a small inline script that highlights its own nav link as active. The whole site deploys straight from GitHub to Netlify with no build step — just a direct publish of static files.