Project-Based-10-24-vk / Client

0 stars 0 forks source link

Guest landing. How it works block #28

Open vlad-khrychov opened 1 week ago

vlad-khrychov commented 1 week ago

As a Guest, I want to see the “How it works” block (screen) of the home page, so that I can find out the roadmap of using Space2Study platform and choose a user role which to register in

Acceptance criteria:

  1. When a Guest scrolls down the home page, then he/she can see the home page “How it works” block. The Mockups: • for Desktop/Tablet Image

Image

  1. The home page “How it works” block contains:
    • the title text “How it works”;
    • the user role registration switcher Image;
    • two registration options description (Share your Experience and Learn from Experts), which can be switched;
    • the “Become a student” registration button in the Student Registration option;
    • the “Become a tutor” registration button in the Tutor Registration option.
  2. The Student Registration option description contains four items:
    • “Sign Up” item with description below (“Registering on the Space2Study platform is very simple, just enter your email or use your Google account.”);
    • “Select a Tutor” item with description below (“Finding a tutor is very easy, select a subject from the list, and then pick the tutor, or enter his name and find directly.”);
    • “Send a Request” item with description below (“Write a request to the tutor in two clicks, where you indicate/confirm the price and the desired level of training.”);
    • “Start Learning” item with description below (“After confirming the request, all training opportunities for the chosen course will open for you.”).
  3. The Tutor Registration option description contains four items:
    • “Sign Up” item with description below (“Registering on the Space2Study platform is very simple, just enter your email or use your Google account.”);
    • “Create a Tutor Account” item with description below (“Creating a tutor account is easy, you just need to select a subject, upload teaching materials and create an offer.”);
    • “Get New Students” item with description below (“Create fruitful cooperation with your students, confirming their requests, and start teaching.”);
    • “Receive Feedbacks” item with description below (“Receive positive feedback for your work to become popular and get even more satisfied students.”).
  4. A Guest can choose a registration option by switching the user role registration switcher Image. The Student Registration option “Learn from Experts” is switched by default. The default registration option title (Learn from Experts) is highlighted and registration option is loaded.
  5. When a Guest switches to another registration option “Share your Experience”, then the Tutor registration option appears with the “Become a tutor” registration button and registration option title (Share your Experience) becomes highlighted.
  6. A Guest can open the user sign up pop-up by clicking the “Become a student”/”Become a tutor” registration button.
  7. When a Guest hovers over the “Become a student”/”Become a tutor” registration button, then the color changes.
  8. After clicking the registration button, the order of the user sign up pop-up appearance is following:
    • “Learn from Experts” is switched Image Student’s sign up pop-up;
    • “Share your Experience” is switched Image Tutor’s sign up pop-up. • for Mobile Image Image