From 653f2c92931ed326cbdf9b4c6a49db226b08e10f Mon Sep 17 00:00:00 2001 From: Odafe Aror Date: Tue, 19 Dec 2023 19:37:38 +0000 Subject: [PATCH] ui: landing page --- frontend/nextjs/src/app/page.tsx | 165 +++++++++++++++++++++++++------ 1 file changed, 133 insertions(+), 32 deletions(-) diff --git a/frontend/nextjs/src/app/page.tsx b/frontend/nextjs/src/app/page.tsx index ced7e9a..37aa7fb 100644 --- a/frontend/nextjs/src/app/page.tsx +++ b/frontend/nextjs/src/app/page.tsx @@ -1,13 +1,72 @@ -import { Button } from "@/components/ui/button" import Image from 'next/image' -import { HOME_PAGE } from "./(with wallet)/_components/page-links" +import { CREATE_A_POST_PAGE, HOME_PAGE } from "./(with wallet)/_components/page-links" import Link from "next/link" +import { LuUser2 } from "react-icons/lu"; +import { RiTokenSwapLine } from "react-icons/ri"; +import { HiOutlineIdentification } from "react-icons/hi2"; +import { BiEdit } from "react-icons/bi"; +import { Button } from '@/components/ui/button'; + const welcomePhoto = require('@/assets/welcome-photo.png') const WelcomePage = () => { + const userSteps = [ + { + icon: LuUser2, + title: "Create Your Profile", + body: "Join MEMM! by crafting a profile that showcases your skills and aspirations. Your blockchain-verified identity ensures a secure and trustworthy environment.", + }, + { + icon: HiOutlineIdentification, + title: "Explore Mentor Profiles", + body: "Discover a diverse range of mentors across industries. Upvote mentors who inspire you and downvote to help maintain a vibrant and respectful community.", + }, + { + icon: BiEdit, + title: "Post & Share Knowledge", + body: "Contribute to the mentorship ecosystem by posting insightful articles. Earn reputation points through upvotes, establishing yourself as a thought leader.", + }, + { + icon: RiTokenSwapLine, + title: "Token-Based Sessions", + body: "Invest in your growth journey with Mentor Tokens. Purchase tokens to book one-on-one sessions with your chosen mentor and elevate your skills to new heights.", + }, + ] return ( -
-
+
+
+
+ +

MEMM!

+ +
+ + +
+
+
+
+ +
+
+
Onboarding photo @@ -18,57 +77,99 @@ const WelcomePage = () => {

Unlock Your Personal Growth

-

+

Embark on a journey of growth and learning with MEMM! Whether you're eager to share your expertise or seeking guidance to navigate your professional journey, MEMM! is your gateway to a community of mentors and learners.

+ + + + + + + + +
-
-
-

How Does MEMM! Work?

+
+

How Does MEMM! Work?

-

+

At MEMM!, we're redefining mentorship through innovation and decentralization. Imagine a world where knowledge flows freely, connections are genuine, and growth is boundless.

+ + + + + + + + + + + + + + + + + + +
-
-
- Onboarding photo -
-
- -

MEMM!

- -

Unlock Your Personal Growth

+ {userSteps.map((step, key) =>
+
+ +
+

{step.title}

-

- Embark on a journey of growth and learning with MEMM! Whether you're eager to share your expertise or seeking guidance to navigate your professional journey, MEMM! is your gateway to a community of mentors and learners. +

+ {step.body}

-
+
)}
-
-
- Onboarding photo -
-
- -

MEMM!

- -

Unlock Your Personal Growth

+
+

Ready to Dive In? Start Your MEMM! Journey Today!

-

- Embark on a journey of growth and learning with MEMM! Whether you're eager to share your expertise or seeking guidance to navigate your professional journey, MEMM! is your gateway to a community of mentors and learners. +

+ Whether you're a seasoned professional or just starting your career, there's a mentor waiting to guide you.

+ +
+ + +
+
+ ) }