Tworzenie strony internetowej z integracją modeli 3D w React

Potrzebne jest stworzenie strony internetowej z interaktywnymi elementami opartymi na React, w szczególności do realizacji następujących funkcji:

• Integracja modeli 3D z animacją: Wykorzystanie Three.js lub podobnej biblioteki do integracji modeli 3D na stronie internetowej. Należy zapewnić autonomiczny ruch modelu w określonym obszarze (na przykład orbita lub losowe poruszanie się w wirtualnej scenie) z możliwością precyzyjnego kontrolowania parametrów animacji (prędkość, trajektoria ruchu).

• Animacja i efekty najechania: Ustalenie efektów najechania (hover-efekty) na kluczowych elementach strony. Na przykład, podświetlenie i powiększenie przycisków lub elementów menu podczas najechania. Można to zrealizować za pomocą CSS transition i React-Spring dla płynnego przejścia animacji.

• Slider: Realizacja interaktywnego slidera z animowanymi przejściami między slajdami. Do tego nada się biblioteka, na przykład Swiper lub Flickity, zintegrowana z React. Dodatkowo, slider może mieć elementy, które reagują na najechanie i kliknięcia, aby wzbogacić interaktywność.

• Efekty wizualne: Dodatkowe animacje przy ładowaniu strony (np. preloader), a także drobne detale na wzór paralaksy, które mogą być zrealizowane za pomocą bibliotek Framer Motion lub GSAP dla bardziej płynnego zarządzania animacjami.

Aby uzyskać link do projektu w Figma oraz szczegółową dyskusję na temat wymagań technicznych, proszę o kontakt w wiadomościach prywatnych.