01

Scenario: Viewing Gallery Section on Front Page
GIVEN I am on the front page,
WHEN I navigate to the gallery section,
THEN I should see three images from the company’s gallery displayed side by side,
AND a fourth element styled as a button of the same size as the images,
AND this button should be labeled "See all"

02

Scenario: Opening the Gallery Modal
GIVEN I am viewing the gallery section on the front page,
WHEN I click the "See all" button,
THEN a modal should open displaying the full gallery of images,
AND this modal should be centered on the screen with a darkened background overlay.

03

Scenario: Navigating Through Images in the Modal
GIVEN I have opened the gallery modal,
WHEN I am viewing the images,
THEN I should be able to navigate through the images using left and right arrow buttons,
AND the tap zone for navigating should be the left or right half of the screen,
AND each image should be displayed in its full resolution,
AND there should be smooth transitions between images.

04

Scenario: Viewing Thumbnails and Selecting Images
GIVEN I am viewing the gallery modal,
WHEN I see thumbnails of the images below the main display,
THEN I should be able to click on a thumbnail to view the full-screen version of that image,
AND the active thumbnail should have a distinct border to indicate it is selected.

05

Scenario: Closing the Gallery Modal
GIVEN I have opened the gallery modal,
WHEN I click the "Close" button,
THEN the modal should close,
AND I should return to the front page without losing my place.

06

Scenario: Responsive Design of Gallery Modal
GIVEN I am using a device of any screen size (desktop, tablet, mobile),
WHEN I open the gallery modal,
THEN the modal and its contents should be responsive,
AND images should resize appropriately to fit within the viewport while maintaining aspect ratio.
Anton Poliakov Olexandr Tikan do you have mobile view?