Banery na stronie głównej. Strona - ocStore 3.0.2.0

Strona na ocStore 3.0.2.0 

Trzeba zrobić/udoskonalić funkcje banera, który będzie głównie używany na stronie głównej zgodnie z  TZ. 

TZ w linku lub poniżej: https://docs.google.com/document/d/15eL3YXLhTxc5G-3nNC2ON1QfqsRB3mTRd68jF3IoNT4/edit?usp=sharing

Interesują mnie terminy i koszt pracy.  Kiedy możesz zacząć?

Z góry dziękuję.

1. DESKTOP:

Przykład:

https://www.loewe.com/usa/en/home

• w banerze powinna być możliwość umieszczania zarówno jednego szerokiego obrazu, jak i 2 pionowych, wąskich w jednym poziomym bloku. 

• każdy z bloków można zamieniać miejscami w układzie/designie

• w powyższym przykładzie nie ma odstępów między obrazami i blokami, w następnym przykładzie będą odstępy. 

• Trzeba zrobić 2 warianty “z” i “bez” odstępów (jak między 2 obrazami w jednym bloku, tak i między blokami)

  
  

przykład:

https://au.burberry.com/

w tym przykładzie są odstępy wewnętrzne (jak między 2 obrazami w jednym bloku, tak i między blokami), po zewnętrznej stronie obrazy nie odstają od krawędzi ekranu. Ale tutaj odstępy są zbyt wąskie. 

Dlatego szerokość odstępów dla desktopu chciałbym jak w następnym przykładzie:

https://www.jwanderson.com/us/

2. WERSJA MOBILNA:

W wersji mobilnej dla każdego obrazu należy załadować swoje obrazy, powinny one układać się w jeden pionowy rząd - jeden za drugim, na przykład:

https://au.burberry.com/

odstępy dla wersji mobilnej -  powinny być 2 warianty: albo jak w przykładzie powyżej (cienkie), albo bez odstępów jak w przykładzie poniżej:

https://www.loewe.com/usa/en/home

3. TEKST + LINK:

Powinna być również możliwość umieszczenia tekstu w 2 linijkach jak w przykładzie poniżej:

https://au.burberry.com/

Nagłówek i poniżej tekst link z animacją jak w przykładzie. 

Czcionki można wziąć z przykładu.

Tekst w przykładzie podczas przewijania ekranu w dół specyficznie przewija się i zatrzymuje w odpowiednim miejscu. Chciałbym tak samo.

Powinna być możliwość umieszczania bloku tekstowego w różnych 9 częściach obrazu 

z możliwością formatowania tekstów 

i kolor tekstu też czasami będzie trzeba zmieniać

Rozmiar czcionki zmienia się w zależności od wersji (mobilnej lub desktopowej) można na podstawie przykładu.

4. EFEKT PARALAKSY. 

Chciałbym również dodać do banera możliwość efektu paralaksy dla poziomych obrazów w wersji desktopowej oraz dla odpowiednich obrazów pionowych w wersji mobilnej.

https://12storeez.com/