Прокручувана мозаїка 3D-скляних плиток з Three.js

Нам потрібна веб-сторінка з кількома інтерактивними "скляними плитками", створеними за допомогою Three.js. Кожна плитка повинна мати клікабельне посилання на іншу сторінку та налаштовуваний колір фону і текст. Загалом сторінка має виглядати як мозаїка з цих скляних плиток, кожна з яких є інтерактивною з текстом всередині. (Приклади дизайну загальної сторінки наведені у доданих зображеннях) 

ДИЗАЙН ПЛИТКИ: 
- Кожна плитка повинна виглядати як одна видима сторона напівпрозорого 3D скляного куба, натхненна цим прикладом: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- Плитка не є повним кубом — це лише плоска сторона з реалістичними ефектами скла, такими як ніжне коливання, тонке спотворення та заломлення світла. 
- Не повинно бути підстави або дна; це плитки, а не желейні куби. 

ІНТЕРАКТИВНІСТЬ & НАСТРОЙКИ: 
- Кожна плитка є клікабельною і посилається на налаштовуваний URL. 
- Текст відображається всередині плитки, чітко видимий і легкий для читання на фоні скла. Ми повинні мати можливість налаштовувати шрифт також.
- Вміст тексту має бути налаштовуваним для кожної плитки. 

- Ми повинні мати можливість вставити зображення всередину плитки, і воно також має з’являтися під скляним ефектом.
- Колір або відтінок фону для кожної плитки можна налаштовувати окремо. 
- Всі плитки однакового розміру і розташовані у вертикальній прокручуваній мозаїчній розкладці. 
- Плитки мають мінімальний проміжок між собою 

ПОКАЗНИК ПРОДУКТИВНОСТІ: 
- Анімації коливання і спотворення мають бути плавними, тонкими і не відволікати увагу. 
- Макет і плитки мають добре працювати на мобільних і десктопних екранах. 

ЩО МИ ОЧІКУЄМО: 
Компонент React + Three.js з можливістю налаштування (<GlassTile />) та робоча веб-сторінка, що відображає прокручувану мозаїку плиток. 

БУДЬ ЛАСКА, НАПИШІТЕ "3D MASTER" У ВАШІЙ ПРОПОЗИЦІЇ, ЯКЩО ВИ СПРАВЖНЯ ЛЮДИНА

We need a web page featuring multiple interactive "glass tiles" built with Three.js. Each tile should have a clickable link to a different page and customizable background color and text. The overall page should look like a mosaic of these glass tiles, each tile interactive with text inside. (Examples of the overall page design are provided in the attached images) 

TILE DESIGN: 
- Each tile should look like one visible side of a translucent 3D glass cube, inspired by this example: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- The tile is not a full cube — just a flat face that has realistic glass effects such as gentle wobble, subtle distortion, and light refraction. 
- There should be no base or bottom; these are tiles, not jelly cubes. 

INTERACTIVITY & CUSTOMIZATION: 
- Each tile is clickable and links to a customizable URL. 
- Text is displayed inside the tile, clearly visible and easy to read against the glass effect. We should be able to customize font as well.
 - The text content should be customizable per tile. 

- We should be able to place an image inside the tile, and it should also appear under the glass effect.
- Background color or tint for each tile can be set individually. 
- All tiles are the same in size and arranged in a vertical scrollable mosaic layout. 
- Tiles have minimal spacing 

PERFORMANCE: 
- Wobble and distortion animations should be smooth, subtle, and not distracting. 
- The layout and tiles should work well on mobile and desktop screen sizes. 

WHAT WE EXPECT: 
A customizable React + Three.js component (<GlassTile />) and a working web page displaying the scrollable mosaic of tiles. 

PLEASE WRITE 3D MASTER IN YOUR PROPOSAL IF YOU ARE A REAL PERSON

Нам потрібна веб-сторінка з кількома інтерактивними "скляними плитками", створеними за допомогою Three.js. Кожна плитка повинна мати клікабельне посилання на іншу сторінку та можливість налаштування кольору фону і тексту. Загальна сторінка має виглядати як мозаїка з цих скляних плиток, кожна з яких є інтерактивною з текстом всередині. (Приклади дизайну загальної сторінки наведені у доданих зображеннях) 

ДИЗАЙН ПЛИТКИ: 
- Кожна плитка повинна виглядати як одна видима сторона напівпрозорого 3D скляного куба, натхненна цим прикладом: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- Плитка не є повним кубом — це лише плоска сторона з реалістичними ефектами скла, такими як ніжне коливання, тонке спотворення і заломлення світла. 
- Не повинно бути підстави або дна; це плитки, а не желейні кубики. 

ІНТЕРАКТИВНІСТЬ І НАСТРОЙКИ: 
- Кожна плитка є клікабельною і посилається на налаштовуваний URL. 
- Текст відображається всередині плитки, чітко видимий і легкий для читання на фоні скляного ефекту. Ми повинні мати можливість налаштовувати шрифт також.
- Вміст тексту має бути налаштовуваним для кожної плитки. 

- Ми повинні мати можливість вставити зображення всередину плитки, і воно також має з’являтися під скляним ефектом.
- Колір або відтінок фону для кожної плитки можна налаштовувати окремо. 
- Всі плитки однакового розміру і розташовані у вертикальній прокручуваній мозаїчній розкладці. 
- Плитки мають мінімальний простір між собою 

ПОКАЗНИК ПРОДУКТИВНОСТІ: 
- Анімації коливання і спотворення мають бути плавними, тонкими і не відволікати увагу. 
- Макет і плитки мають добре працювати на мобільних і десктопних екранах. 

ЩО МИ ОЧІКУЄМО: 
Налаштовуваний компонент Three.js і робоча веб-сторінка, що показує прокручувану мозаїку плиток. 

Термін виконання: 1,5 тижні

БУДЬ ЛАСКА, НАПИШІТЬ "3D" У ВАШІЙ ПРОПОЗИЦІЇ, ЯКЩО ВИ СПРАВЖНЯ ЛЮДИНА

We need a web page featuring multiple interactive "glass tiles" built with Three.js. Each tile should have a clickable link to a different page and customizable background color and text. The overall page should look like a mosaic of these glass tiles, each tile interactive with text inside. (Examples of the overall page design are provided in the attached images) 

TILE DESIGN: 
- Each tile should look like one visible side of a translucent 3D glass cube, inspired by this example: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- The tile is not a full cube — just a flat face that has realistic glass effects such as gentle wobble, subtle distortion, and light refraction. 
- There should be no base or bottom; these are tiles, not jelly cubes. 

INTERACTIVITY & CUSTOMIZATION: 
- Each tile is clickable and links to a customizable URL. 
- Text is displayed inside the tile, clearly visible and easy to read against the glass effect. We should be able to customize font as well.
 - The text content should be customizable per tile. 

- We should be able to place an image inside the tile, and it should also appear under the glass effect.
- Background color or tint for each tile can be set individually. 
- All tiles are the same in size and arranged in a vertical scrollable mosaic layout. 
- Tiles have minimal spacing 

PERFORMANCE: 
- Wobble and distortion animations should be smooth, subtle, and not distracting. 
- The layout and tiles should work well on mobile and desktop screen sizes. 

WHAT WE EXPECT: 
A customizable Three.js component and a working web page displaying the scrollable mosaic of tiles. 

Deadline: 1.5 weeks

PLEASE WRITE "3D" IN YOUR PROPOSAL IF YOU ARE A REAL PERSON