NextJS Elearning WebSite

Framework : NextJS / ReactJS / Tailwind / Tailwind Headless UI ([login to view URL]) / NodeJS / ExpressJS / MySQL Community 8.0 Server : Centos 7 / Nginx / MySQL Community 8.0 Payment method : [login to view URL] Create a website Elearning Website : Login / Register : You can Login with Email / Gmail / Facebook If you register with gmail / facebook you have to give the country information (check register) http://localhost:3000/account/settings : User can manage his account information and in the second tab he can manage his subscription. (Cancel the auto renew or Renew his subscription) he can see the start and end. (if he renew his subscription he is redirect to this page : http://localhost:3000/subscribe) The user can log on the website but he don't have access to some content on the Lessons Page You have to create a new tab in user setting, where he can see all his invoice, each time he subscribe or buy something in the shop Subscription : http://localhost:3000/subscribe : Anyone can see this page except the subscriber user Guest user can choose his subscribe offer, but if he click on the "Confirm Subscription" he has to register first, them the process continue "you open the SESSION" the user should not have to come back to subscribe page to chose his subscription. When he register he is redirect to the payment is valid. The Discount Promo code should work Renew System : On depend of the offer the subscription should be renew, if I took 1 month it's automatically renew every month, if you took 3 month, you pay the price and it renew the 3rd month automatically. Currency System : Due the the problem of OSB by payzen, the price must be in XPF (pacific franc currency). I would like to display the amout of the price in Euro but the value in backend is in XPF. 1 € = 120 XPF I mean <option value="6000">50 €</option> Contact mail : Contact mail should work with gmail smtp Lessons page : The access is restrict, you can see some content depend of if you are Guest / Subscribe / Both How it work for the admin ? The admin can create a Courses each courses have those informations Tittle: (name of the courses) Level: (level of the course : Easy / Normal / Hard / Expert) Style: Ori Tahiti / Hip hop / New Style Category : Dance / Cook / Artisan Duration : duration of the course. Image : Picture JPG only When you click on it you have all the lessons : Title: (name of the lesson) course_id : (name of the courses) duration: duration of the course Picture: When you click on the courses You have a video who is host on vimeo. In this page you have Title of the video Video Duration Description Category Shop : Show product it will only be simple product or variation product Like Tshirt XS/S/M/L/XL and color of the tshirt (price may be different depend of the variation) Admin BackOffice : Navigation : wa-cpanel/videos Videos : Show All the video Create Video Add video You can use the same design for the category creation / lessons / courses creation Create Product: Choose simple or variation product Simple product Title : Description: Price Picture one or multiple Category Advanced Product Title : Description: Price : depend of the variation (check wordpress woocommerce for the variation system Picture one or multiple Category Admin can see the stats Number of subscribe who is subscribe all the member Admin can add user and give accesslevel I would like a different navigation if i'm on the backend. SECURITY IS IMPORTANT FOR ME, PROTECT FROM GLITCH or HACKING