fixed deployment

frontend/.env.development

@@ -1,2 +1 @@
 REACT_APP_INFURA_KEY=42
-REACT_APP_TOKEN_CLASS_HASH=0x0278da3cbbc2105fc3ac1206a630357c5a4666020f15fed02c892ac5d856d8ef

frontend/.gitignore

@@ -0,0 +1 @@
+build

frontend/src/constants/contracts.ts

@@ -2,7 +2,6 @@ import { constants } from 'starknet'
 
 export const UDC = constants.UDC
 
-export const TOKEN_CLASS_HASH = process.env.REACT_APP_TOKEN_CLASS_HASH ?? ''
-if (TOKEN_CLASS_HASH === '') {
-  throw new Error(`REACT_APP_TOKEN_CLASS_HASH must be a defined environment variable`)
-}
+// Class hashes
+
+export const TOKEN_CLASS_HASH = '0x0278da3cbbc2105fc3ac1206a630357c5a4666020f15fed02c892ac5d856d8ef'

frontend/src/pages/Home/index.tsx

@@ -21,10 +21,11 @@ export default function HomePage() {
       </Column>
 
       <Column as="article" className={styles.firstArticle}>
-        <p>
+        <Text.Custom className={styles.firstArticleText}>
           Tired of getting rugpulled? Introducing Unruggable Meme, a memecoin standard and deployment tool designed to
           ensure a maximum safety for memecoin traders.
-        </p>
+        </Text.Custom>
+
         <Row gap="16" className={styles.buttonContainer}>
           <Link to="/launch">
             <PrimaryButton className={styles.firstArticleButton}>Launch</PrimaryButton>

frontend/src/pages/Home/style.css.ts

@@ -65,31 +65,39 @@ export const title = style([
   sprinkles({
     marginTop: '42',
     marginBottom: '0',
-    fontSize: { md: '48', lg: '96' },
+    fontSize: { sm: '36', md: '64', lg: '72', xl: '96' },
   }),
 ])
 
 export const subtitle = style([
   sprinkles({
-    maxHeight: { sm: '18', md: '32', lg: '32' },
+    maxHeight: { sm: '20', md: '32', lg: '42' },
     marginX: 'auto',
   }),
 ])
 
 export const firstArticle = style([
   sprinkles({
-    marginTop: '42',
+    marginTop: '128',
     gap: '24',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    fontWeight: 'normal',
     paddingX: { sm: '32', md: '64' },
-    fontSize: { sm: '18', md: '24', lg: '24' },
     color: 'white',
   }),
 ])
 
+export const firstArticleText = style([
+  {
+    maxWidth: '1200px',
+  },
+  sprinkles({
+    fontSize: { sm: '18', md: '24', lg: '24' },
+    fontWeight: 'normal',
+  }),
+])
+
 export const firstArticleButton = style([
   sprinkles({
     width: '180',

frontend/src/pages/Launch/index.tsx

@@ -235,7 +235,7 @@ export default function LaunchPage() {
               </Column>
             ) : (
               <PrimaryButton disabled={!account || isPending} className={styles.deployButton}>
-                {account ? (isPending ? 'WAITING FOR SIGNATURE' : 'DEPLOY') : 'CONNECT WALLET'}
+                {account ? (isPending ? 'Waiting for signature' : 'Deploy') : 'Connect wallet'}
               </PrimaryButton>
             )}
           </Column>

frontend/src/theme/css/sprinkles.css.ts

@@ -167,6 +167,7 @@ export const vars = createGlobalTheme(':root', {
     '42': '42px',
     '48': '48px',
     '64': '64px',
+    '72': '72px',
     '96': '96px',
   },
   lineHeight: {