Interactive Landing Page Development with Three.js and Real-time Search

We are seeking a skilled front-end developer to transform a landing page concept into a fully functional, modern website. The project involves building a lightweight, high-performance page using plain HTML5, modern CSS, and vanilla JavaScript, with a unique visual element powered by Three.js.

Key features to be developed include:

*  A dynamic hero section that integrates a basic Three.js animation. The animation will involve simple geometry and will not require advanced shaders. Specific details for the animation will be provided.
*  A clean and responsive product-listing grid. This grid will be populated by data from a JSON array that we will supply.
*  A client-side JavaScript search field that enables real-time filtering of the products displayed in the grid.

The client will provide all necessary content, including copy, images, a defined color palette, a rough layout wireframe, the specific Three.js animation parameters, and the JSON data for product listings. The final design will be provided separately.

The ideal freelancer will focus on delivering tidy, well-commented code, minimizing the use of external libraries, and ensuring consistent rendering across all modern browsers. Upon completion, the deliverables will include zipped source files and a brief walkthrough video or screenshots to confirm local functionality.