feat: improve home ui

penx-labs · Apr 26, 2024 · b394729 · b394729
1 parent a1a8f89
commit b394729
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 5 deletions.
diff --git a/apps/home/public/images/editor.png b/apps/home/public/images/editor.png
diff --git a/apps/home/src/components/HomePage/HomePage.tsx b/apps/home/src/components/HomePage/HomePage.tsx
@@ -84,6 +84,8 @@ export function HomePage() {
         <Box
           as="img"
           src="/images/editor.png"
+          shadow="0px 1px 19px 0px rgba(42,29,48,.06),0px 0px 48px 0px hsla(30,78%,91%,.6)"
+          rounded-8
           w={['100%', '100%', 760, 840, 1200]}
         />
       </Box>

diff --git a/apps/home/src/pages/_document.tsx b/apps/home/src/pages/_document.tsx
@@ -46,6 +46,11 @@ class MyDocument extends Document {
               data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID!}
             ></script>
           )}
+
+          <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=optional"
+          />
         </Head>
         <body>
           <Main />

diff --git a/apps/home/src/styles/globals.css b/apps/home/src/styles/globals.css
@@ -7,9 +7,20 @@ body {
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
     'Noto Color Emoji'; */
 
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family:
+    'Poppins',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    'Noto Sans',
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji';
 
   /* fix for vaul */
   pointer-events: auto !important;

diff --git a/apps/web/src/pages/_document.tsx b/apps/web/src/pages/_document.tsx
@@ -124,7 +124,7 @@ class MyDocument extends Document {
 
           <link
             rel="stylesheet"
-            href="https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700,800,900&display=optional"
+            href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=optional"
           />
 
           {process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (

diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
@@ -5,8 +5,9 @@ body {
   /* font-size: 14px; */
 
   /* 'Poppins', */
+  /* Roboto */
   font-family:
-    'Roboto',
+    'Poppins',
     -apple-system,
     BlinkMacSystemFont,
     'Segoe UI',