search

Project-Based-10-24-vk / Client

0 stars 0 forks source link

Guest landing. Welcoming block #30

Open vlad-khrychov opened 1 week ago

vlad-khrychov commented 1 week ago

As a Guest, I want to see the welcoming block (screen) of the home page, so that I can find out the general information about Space2Study platform and register an account

Acceptance criteria:

  1. When a Guest enters the home page, then he/she sees the home page welcoming block. The Mockups: • for Desktop/Tablet Image

  2. The home page welcoming block contains: – the CRUD welcoming text from above. The welcoming text consists of a title (“The secret of getting ahead is getting started.”) and a description (“An educational platform that offers professional courses, empowering students with essential skills for career success.”); – the “Get started for free” button below the CRUD welcoming text; – the static world map image below the “Get started for free” button; – the list with four phrases from the right of the static world map.

  3. The “Get started for free” button is clickable. When a Guest clicks on the button, then the system scrolls down the home page to the “What can you do” block.

  4. When a Guest hovers over the “Get started for free” button, then the color changes.

  5. The list with four phrases from the right of the world map is active and the phrases in the list have the order as shown on the mockup.

    • each phrase (item) of the list is clickable;
    • a Guest can open a description to any of four items in the list;
    • the first upper item description is opened by default;
    • when a Guest clicks on any other item of the list, then the description to the clicked item under the phrase appears and the description to the previous opened item closes;
    • the description and the clicked phrase change their text and background color;
    • when the description of one of the items opened, then the items which are below move down.

  6. Each phrase has the description:

    • The “Flexible Location” phrase has the “Space2Study platform has no boundaries and can be used anywhere in the world, all you need is aspiration.” text above;
    • The “Individual Time” phrase has the “Space2Study platform provides the opportunity to study lessons at any time convenient for you, pause and continue again.” text above;
    • The “Free Choice of Tutors” phrase has the “Space2Study platform has a wide range of criteria and will help you find the best tutor for education.” text above;
    • The “Digital Communication” phrase has the “Space2Study platform offers extensive opportunities for meaningful communication not only with tutors but also with students.” text above.

  7. When a Guest hovers over a phrase, then the background area appears. • for Mobile Image

  8. The carousel with four items with description below the world map is active and the items in the carousel have the order as shown on the mockup.

    • a Guest can swipe each phrase (item) of the carousel.