AEVINITE

A cinematic digital experience for AEVINITE — a founder's universe by Rishi Nakrani & Jenish Patel. Not a portfolio. Not an agency site. The site unfolds as a story over a living chrome world that reacts to your cursor.

Tech

• Next.js 14 (App Router) + TypeScript
• TailwindCSS (design tokens in src/app/globals.css)
• Framer Motion — reveals, kinetic type, preloader, card tilt
• GSAP + ScrollTrigger, synced to Lenis smooth scroll
• Three.js / React-Three-Fiber / drei + postprocessing — liquid-chrome shader background, the hero orbital, the particle galaxy, and the real 3D dish
• gltf-transform — used to compress the dish model (meshopt + webp)

Run it

npm install
npm run dev        # http://localhost:3000
npm run build      # production build
npm run start      # serve the production build

The experience

Preloader → Hero (drag the chrome orbital) → Origin (the founders) → Proof (the real projects) → System (capabilities) → Tactile (the real 3D dish) → Horizon (particle galaxy) → Begin (contact) → Footer. The whole site sits on a mouse-reactive liquid-chrome background.

Real work wired in

• HackJudge — screenshots only, intentionally not linked (src/data/projects.ts, cover public/projects/hackathon.jpeg).
• Little French House — the café menu is embedded live (click "Open live menu") and linked; its real Croissant Sandwich model loads orbitable in the Tactile section (public/models/croissant-opt.glb, 5.2 MB, compressed from 30 MB).
• Healthcare — awaiting assets. When you have them, set cover/url on the healthcare-platform entry in src/data/projects.ts.

Swap / add assets

• Project covers & links: src/data/projects.ts (cover, url, embed).
• The 3D dish model: replace public/models/croissant-opt.glb (keep the name, or update the path in src/components/three/dish-scene.tsx).
• Contact: src/data/site.ts — aevinite@gmail.com, WhatsApp +91 94099 01526.

Accessibility & performance

• Full prefers-reduced-motion support (3D, parallax, reveals all calm down).
• Mobile drops bloom, lowers pixel-ratio, and cuts particle count.
• 3D scenes are lazy + pause when offscreen; the dish model is meshopt-compressed and self-hosted. Production build ~145 kB first load (3D lazy-chunked).
• Lighthouse: Accessibility / Best-Practices / SEO all 100 (last full audit).

Deploy

Zero-config on Vercel. After deploy, set your domain and update metadataBase in src/app/layout.tsx.

---

Built with Claude Code.