Projects using GSAP in PunjabProjects using GSAP in PunjabKidocare (https://kidocare.webflow.io/) is a 16-page Webflow website built for daycare centers, preschools, and early childhood education providers. The site is designed to communicate safety, structure, and warmth to prospective parents, with the ultimate goal of driving more scheduled tours and enrollments. It uses a soft yellow and black color palette, blob-shaped badge accents, and hand-drawn outline details on photos to create a tone that feels playful yet trustworthy.
Key features:
Age-grouped program pages (Toddler through Pre-K)
Teacher/staff roster with individual profile pages
Daily routine and schedule breakdowns
Parent testimonials section
Recurring "Schedule a Tour" call-to-action throughout the site
CMS collections powering Programs and Blog content for easy updates
Work continues on:
Building and refining CMS collections (Programs, Teachers, Blog)
Structuring and styling remaining pages across the 16-page template
Adding interactions and responsive behavior
Polishing the visual design system (badges, photo treatments, typography)
Testing CMS content flow so non-technical staff can manage updates easily AI-Powered Lead Automation Website for a Real Estate AI Startup
Built a full marketing site for a startup selling AI voice + chat automation to real estate agencies — the kind of project where the design had to sell "AI that never sleeps" before a single line of copy did.
The challenge:
The client's pitch was simple but the proof had to be visual: leads get missed after hours, after open homes, and in cold databases — and their AI catches all three. The site needed to feel alive — like the AI was actually running in the background — not just describe automation with a static hero image.
What I built:
A dark, glass-morphic hero with a live animated 3D AI avatar (Three.js) that reacts and pulses, paired with a custom cursor and magnetic buttons for a premium, "always-on" feel
Animated counters and a scrolling proof ticker (GSAP + ScrollTrigger) that reveal results and capabilities as you scroll, instead of dumping everything above the fold
A "Problem" section built around four real numbered failure points agencies actually experience (late-night enquiries, open-home follow-up, vendor nurture, database reactivation) — each paired with how the AI solves it
A live embedded chat bot demo panel plus a placeholder for a voice bot demo, so prospects could try the product instead of reading about it
A 4-step "how it works" process timeline and a results section translating automation into business outcomes (more appraisals, faster response time, always-on coverage)
Full mobile responsiveness and a booking-call CTA wired straight into their CRM funnel
Stack: Semantic HTML5 with a token-based CSS architecture (custom properties, fluid typography, CSS Grid) for a maintainable design system; GSAP + ScrollTrigger driving the scroll-based motion; Three.js/WebGL powering the real-time 3D avatar; vanilla ES6+ for interaction logic (no framework overhead); integrated with a CRM booking API for lead capture and routing.
The result: A site that doesn't just claim "AI that never misses a lead" — it demonstrates it, from the first scroll to the live chat demo, giving the client a genuinely differentiated landing page in a market full of templated agency sites. 
