From 77dcefada5921222b4cc2a5cf47bdaefc761f5ed Mon Sep 17 00:00:00 2001 From: Kelly Lin Date: Wed, 26 Aug 2026 14:00:59 -0400 Subject: [PATCH] Added home page content and mock grid --- js/index.html | 3 + js/src/app/layouts/PublicLayout.tsx | 6 +- js/src/assets/patchats-logo.svg | 2 +- js/src/features/home/Home.page.tsx | 71 +++++++++++++++---- js/src/features/sign-up/SignUp.page.tsx | 14 ++-- .../features/sign-up/components/IntroText.tsx | 16 ----- 6 files changed, 71 insertions(+), 41 deletions(-) diff --git a/js/index.html b/js/index.html index 5b817b78..07f261b6 100644 --- a/js/index.html +++ b/js/index.html @@ -16,6 +16,9 @@ content="PatChats - Patina Network monthly networking program." /> + + + - - - + ); diff --git a/js/src/assets/patchats-logo.svg b/js/src/assets/patchats-logo.svg index 262b8071..13ce2b44 100644 --- a/js/src/assets/patchats-logo.svg +++ b/js/src/assets/patchats-logo.svg @@ -1,4 +1,4 @@ - + diff --git a/js/src/features/home/Home.page.tsx b/js/src/features/home/Home.page.tsx index d5cea8a0..f991ff82 100644 --- a/js/src/features/home/Home.page.tsx +++ b/js/src/features/home/Home.page.tsx @@ -1,20 +1,63 @@ -import { Anchor, Stack, Text, Title } from "@mantine/core"; -import { Link } from "react-router-dom"; +import { Flex, List, Mark, Stack, Text } from "@mantine/core"; /** Public landing page. */ export default function HomePage() { return ( - - PatChats - - Monthly one-on-one coffee chat pairings for the Patina Network. - - - Complete the signup form - - - Go to the app - - + + + + PatChats is a program where every month you will get matched with + another Patina member and have a 30 minute video call or coffee chat! + + + + At the end, share your socials and take a fun selfie or screenshot + to share on the #pat-chats channel on + our Discord! + + + Connect with other members within the Patina network to learn more + about each other and share our diverse backgrounds, professional + journeys, and career insights. + + + Our goal is to foster a more positive, tight-knit community where we + can support one another in reaching our life and career aspirations + and have some fun while we're at it! + + + +
+
+
+
+
+
+
+
+
+
+
+
+ ); } diff --git a/js/src/features/sign-up/SignUp.page.tsx b/js/src/features/sign-up/SignUp.page.tsx index afa3910c..d19ea368 100644 --- a/js/src/features/sign-up/SignUp.page.tsx +++ b/js/src/features/sign-up/SignUp.page.tsx @@ -1,13 +1,15 @@ import { IntroText } from "@/features/sign-up/components/IntroText"; import { SignUpForm } from "@/features/sign-up/components/SignUpForm"; -import { Stack, Title } from "@mantine/core"; +import { Container, Stack, Title } from "@mantine/core"; export function SignUpPage() { return ( - - PatChats Sign Up Form - - - + + + PatChats Sign Up Form + + + + ); } diff --git a/js/src/features/sign-up/components/IntroText.tsx b/js/src/features/sign-up/components/IntroText.tsx index 28e1b897..f853c185 100644 --- a/js/src/features/sign-up/components/IntroText.tsx +++ b/js/src/features/sign-up/components/IntroText.tsx @@ -4,22 +4,6 @@ export function IntroText() { return ( <> - Hi everyone! Would you like to get to know other members of the Patina - community better? -
-
- PatChats is a program where every month you will get matched with - another Patina member, and find a time between the two of you to have a - 30 minute video call or coffee chat! At the end, share your socials and - take a fun selfie or screenshot to share on the #pat-chats channel on - our Discord!
-
- Connect with other members within the Patina network to learn more about - each other and share our diverse backgrounds, professional journeys, and - career insights. Our goal is to foster a more positive, tight-knit - community where we can support one another in reaching our life and - career aspirations and have some fun while we're at it!
-
Sign up here to be included in next month's cycle. We currently have 80 people signed up and looking to keep it growing!