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."
     />
     <meta name="author" content="Patina Network" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet" />
     <meta
       name="keywords"
       content="patina, patchat, patchats, patina patchats, patchats patina"
diff --git a/js/src/app/layouts/PublicLayout.tsx b/js/src/app/layouts/PublicLayout.tsx
index 2832ca87..a48b80fe 100644
--- a/js/src/app/layouts/PublicLayout.tsx
+++ b/js/src/app/layouts/PublicLayout.tsx
@@ -1,5 +1,5 @@
 import { PublicNavbar } from "@/app/layouts/PublicNavbar";
-import { AppShell, Container } from "@mantine/core";
+import { AppShell } from "@mantine/core";
 import { Outlet } from "react-router-dom";
 
 /** Chrome for public (unauthenticated) pages, e.g. landing and login. */
@@ -12,9 +12,7 @@ export function PublicLayout() {
         <PublicNavbar />
       </AppShell.Header>
       <AppShell.Main>
-        <Container py="xl" size="sm">
-          <Outlet />
-        </Container>
+        <Outlet />
       </AppShell.Main>
     </AppShell>
   );
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 @@
-<svg width="519" height="113" viewBox="0 0 519 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="397" height="113" viewBox="0 0 397 113" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.7 71V18.5H25.2C28.9 18.5 32.175 19.25 35.025 20.75C37.875 22.2 40.1 24.25 41.7 26.9C43.3 29.5 44.1 32.525 44.1 35.975C44.1 39.375 43.325 42.4 41.775 45.05C40.225 47.7 38.1 49.8 35.4 51.35C32.7 52.85 29.575 53.6 26.025 53.6H15.975V71H5.7ZM15.975 44.15H25.8C28.1 44.15 29.975 43.4 31.425 41.9C32.925 40.35 33.675 38.375 33.675 35.975C33.675 33.575 32.85 31.625 31.2 30.125C29.6 28.625 27.525 27.875 24.975 27.875H15.975V44.15ZM45.7904 71L66.4904 18.5H77.4404L98.1404 71H87.2654L82.7654 59.45H61.1654L56.6654 71H45.7904ZM64.5404 50.375H79.3904L71.9654 31.325L64.5404 50.375ZM111.942 71V27.875H96.1916V18.5H137.892V27.875H122.217V71H111.942Z" fill="white"/>
 <path d="M167.815 71.9C162.715 71.9 158.19 70.75 154.24 68.45C150.29 66.1 147.19 62.9 144.94 58.85C142.69 54.75 141.565 50.05 141.565 44.75C141.565 39.45 142.69 34.775 144.94 30.725C147.19 26.625 150.265 23.425 154.165 21.125C158.115 18.775 162.64 17.6 167.74 17.6C171.34 17.6 174.69 18.25 177.79 19.55C180.89 20.8 183.59 22.575 185.89 24.875C188.24 27.125 190.04 29.725 191.29 32.675L181.765 36.2C180.915 34.35 179.79 32.75 178.39 31.4C176.99 30 175.39 28.925 173.59 28.175C171.79 27.375 169.84 26.975 167.74 26.975C164.69 26.975 161.965 27.75 159.565 29.3C157.215 30.8 155.365 32.875 154.015 35.525C152.715 38.175 152.065 41.25 152.065 44.75C152.065 48.25 152.74 51.35 154.09 54.05C155.44 56.7 157.315 58.8 159.715 60.35C162.115 61.85 164.865 62.6 167.965 62.6C170.115 62.6 172.065 62.2 173.815 61.4C175.615 60.55 177.19 59.4 178.54 57.95C179.94 56.5 181.065 54.825 181.915 52.925L191.44 56.375C190.19 59.425 188.39 62.125 186.04 64.475C183.74 66.825 181.04 68.65 177.94 69.95C174.84 71.25 171.465 71.9 167.815 71.9ZM198.986 71V18.425H209.261V39.425H233.561V18.5H243.836V71H233.561V48.875H209.261V71H198.986ZM250.136 71L270.836 18.5H281.786L302.486 71H291.611L287.111 59.45H265.511L261.011 71H250.136ZM268.886 50.375H283.736L276.311 31.325L268.886 50.375ZM316.287 71V27.875H300.537V18.5H342.237V27.875H326.562V71H316.287ZM366.611 71.9C363.961 71.9 361.486 71.575 359.186 70.925C356.886 70.275 354.836 69.375 353.036 68.225C351.236 67.025 349.736 65.7 348.536 64.25C347.386 62.8 346.636 61.275 346.286 59.675L356.336 56.675C356.986 58.375 358.136 59.85 359.786 61.1C361.436 62.3 363.511 62.925 366.011 62.975C368.661 63.025 370.811 62.45 372.461 61.25C374.161 60.05 375.011 58.5 375.011 56.6C375.011 54.95 374.336 53.575 372.986 52.475C371.686 51.325 369.886 50.45 367.586 49.85L360.761 48.05C358.211 47.4 355.961 46.425 354.011 45.125C352.061 43.775 350.536 42.125 349.436 40.175C348.336 38.225 347.786 35.95 347.786 33.35C347.786 28.4 349.411 24.55 352.661 21.8C355.961 19 360.611 17.6 366.611 17.6C369.961 17.6 372.886 18.1 375.386 19.1C377.936 20.05 380.061 21.425 381.761 23.225C383.461 25.025 384.761 27.15 385.661 29.6L375.686 32.675C375.086 30.975 373.986 29.525 372.386 28.325C370.786 27.125 368.761 26.525 366.311 26.525C363.811 26.525 361.836 27.1 360.386 28.25C358.986 29.4 358.286 31.025 358.286 33.125C358.286 34.775 358.836 36.075 359.936 37.025C361.086 37.975 362.636 38.7 364.586 39.2L371.486 40.925C375.986 42.025 379.486 44 381.986 46.85C384.486 49.7 385.736 52.875 385.736 56.375C385.736 59.475 384.986 62.2 383.486 64.55C381.986 66.85 379.811 68.65 376.961 69.95C374.111 71.25 370.661 71.9 366.611 71.9Z" fill="#3DDD99"/>
 <path d="M13.52 105.336C12.568 105.336 11.7373 105.14 11.028 104.748C10.3187 104.337 9.72133 103.759 9.236 103.012L9.096 105H5.596V85.4H9.292V92.904C9.75867 92.176 10.3467 91.6253 11.056 91.252C11.7653 90.86 12.5867 90.664 13.52 90.664C14.808 90.664 15.9187 90.9627 16.852 91.56C17.804 92.1573 18.5413 93.0067 19.064 94.108C19.5867 95.1907 19.848 96.488 19.848 98C19.848 99.4933 19.5867 100.791 19.064 101.892C18.5413 102.993 17.804 103.843 16.852 104.44C15.9187 105.037 14.808 105.336 13.52 105.336ZM12.568 101.948C13.24 101.948 13.828 101.78 14.332 101.444C14.8547 101.108 15.2653 100.641 15.564 100.044C15.8627 99.4467 16.012 98.7653 16.012 98C16.012 97.2347 15.8627 96.5533 15.564 95.956C15.284 95.3587 14.8827 94.9013 14.36 94.584C13.856 94.248 13.268 94.08 12.596 94.08C11.9613 94.08 11.392 94.248 10.888 94.584C10.384 94.92 9.992 95.3867 9.712 95.984C9.432 96.5627 9.292 97.2347 9.292 98C9.292 98.7653 9.432 99.4467 9.712 100.044C9.992 100.641 10.3747 101.108 10.86 101.444C11.364 101.78 11.9333 101.948 12.568 101.948ZM24.4741 110.936C23.9701 110.936 23.4101 110.833 22.7941 110.628C22.1968 110.441 21.6648 110.217 21.1981 109.956L22.5701 106.96C22.8875 107.128 23.1768 107.259 23.4381 107.352C23.7181 107.464 23.9608 107.52 24.1661 107.52C24.5581 107.52 24.9035 107.408 25.2021 107.184C25.5008 106.979 25.7435 106.671 25.9301 106.26L26.5181 104.832L20.1901 91H24.2501L28.2261 100.66L32.0341 91H36.0941L29.7381 106.204C29.3461 107.137 28.9355 107.959 28.5061 108.668C28.0768 109.396 27.5448 109.956 26.9101 110.348C26.2941 110.74 25.4821 110.936 24.4741 110.936Z" fill="white"/>
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 (
-    <Stack>
-      <Title order={1}>PatChats</Title>
-      <Text>
-        Monthly one-on-one coffee chat pairings for the Patina Network.
-      </Text>
-      <Anchor component={Link} to="/sign-up">
-        Complete the signup form
-      </Anchor>
-      <Anchor component={Link} to="/sample">
-        Go to the app
-      </Anchor>
-    </Stack>
+    <Flex
+      gap="xl"
+      align="stretch"
+      py="xl"
+      style={{ paddingLeft: 250, paddingRight: 150 }}
+    >
+      <Stack style={{ width: 400, flexShrink: 0 }}>
+        <Text size="28px" lh={1.25}>
+          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!
+        </Text>
+        <List spacing="md" style={{ fontSize: "16px", lineHeight: 1.25 }}>
+          <List.Item>
+            At the end, share your socials and take a fun selfie or screenshot
+            to share on the <Mark color="patina">#pat-chats</Mark> channel on
+            our Discord!
+          </List.Item>
+          <List.Item>
+            Connect with other members within the Patina network to learn more
+            about each other and share our diverse backgrounds, professional
+            journeys, and career insights.
+          </List.Item>
+          <List.Item>
+            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&apos;re at it!
+          </List.Item>
+        </List>
+      </Stack>
+      <div
+        style={{
+          flex: 1,
+          display: "grid",
+          gridTemplateColumns: "repeat(4, 1fr)",
+          gridTemplateRows: "repeat(4, 1fr)",
+          gap: "8px",
+          paddingLeft: 32,
+          minHeight: 0,
+        }}
+      >
+        <div
+          style={{ gridArea: "span 2 / span 2", border: "1px solid gray" }}
+        />
+        <div style={{ border: "1px solid gray" }} />
+        <div style={{ gridColumn: "4", border: "1px solid gray" }} />
+        <div style={{ border: "1px solid gray" }} />
+        <div style={{ border: "1px solid gray" }} />
+        <div style={{ border: "1px solid gray" }} />
+        <div style={{ border: "1px solid gray" }} />
+        <div
+          style={{ gridArea: "span 2 / span 2", border: "1px solid gray" }}
+        />
+        <div style={{ gridColumn: "1", border: "1px solid gray" }} />
+        <div style={{ gridColumn: "2", border: "1px solid gray" }} />
+      </div>
+    </Flex>
   );
 }
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 (
-    <Stack gap="xl">
-      <Title order={2}>PatChats Sign Up Form</Title>
-      <IntroText />
-      <SignUpForm />
-    </Stack>
+    <Container py="xl" size="sm">
+      <Stack gap="xl">
+        <Title order={2}>PatChats Sign Up Form</Title>
+        <IntroText />
+        <SignUpForm />
+      </Stack>
+    </Container>
   );
 }
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 (
     <>
       <Text size="lg">
-        Hi everyone! Would you like to get to know other members of the Patina
-        community better?
-        <br />
-        <br />
-        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! <br />
-        <br />
-        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! <br />
-        <br />
         Sign up here to be included in next month's cycle. We currently have 80
         people signed up and looking to keep it growing!
       </Text>