Interactive 3D Birthday Card Development -- 2

Project Overview:
I need a 3D interactive birthday card built with Three.js. It should look and behave like a real-world greeting card that opens to reveal two inner pages. The design is already conceptually planned — the front, back, and two inside pages will have different content. I’ll handle image/text content later; your job is to make the interactive 3D structure with clean hover animations and layout hooks I can populate later.

Deliverables:
A 3D birthday card (just one card) with:

Front Cover

Back Cover

Inside Left

Inside Right

Smooth open/close animation (either via button click or drag interaction)

Hover animations on inside elements (e.g., when user hovers over a photo spot, a subtle scaling or glow effect)

Placeholder meshes or components where I can insert:

Text messages

PNG/JPG images

Maybe videos (optional but bonus)

Optionally: background scene (skybox or image environment), Minecraft vibe is a plus (like the attached screenshots)

Tech Stack Required:
Three.js (mandatory)

React + @react-three/fiber + drei

Smooth animation handling (spring, gsap, or Three.js native)

Bonus Skills:
Familiar with glTF loading

Able to handle texture mapping

Experience with card-style UI/UX interactions in 3D

Assets I'll Provide:
Image content (photos/memes/letter scans)

Style references (you’ve got two of them already attached)

Goal:
Make it fun, aesthetic, and easily editable. I’ll be adding birthday text, pics, memes, and animations later — just need a solid and beautiful interactive 3D foundation with sample images.


I have attched 2 images for the front cover, put stuff like Happy Birthday (20th) with and everything needs to be editable. And the inside sample image is also attached.

Everything needs to be editable later by me