Content updates

src/components/Info.scss

@@ -3,7 +3,6 @@
 .Info {
   display: flex;
   justify-content: center;
-  font-weight: bold;
 
   .Info-container {
     display: flex;
@@ -30,13 +29,6 @@
       margin-top: 2rem;
     }
 
-    p {
-      font-size: 1.2rem;
-      margin-top: 1rem;
-      margin-left: 1rem;
-      margin-right: 1rem;
-    }
-
     img {
       width: 20rem;
     }

src/components/Info.tsx

@@ -14,13 +14,24 @@ export const Info = () => {
           <FormattedMessage id='main.info' />
         </h1>
 
+        <h2>
+          <FormattedMessage id='main.info.location' />
+        </h2>
         <p>
-          <FormattedMessage id='main.info.seurantalo' />
+          <FormattedMessage id='main.info.location.desc' />
         </p>
+
         <div className='Info-imageContainer'>
           <img src={seurantalo} alt='seurantalo' />
         </div>
 
+        <h2>
+          <FormattedMessage id='main.info.dresscode' />
+        </h2>
+        <p>
+          <FormattedMessage id='main.info.dresscode.desc' />
+        </p>
+
         <h2>
           <FormattedMessage id='main.info.accomodation' />
         </h2>

src/components/Menu.tsx

@@ -7,9 +7,9 @@ export const Menu = () => {
       <h1>
         <FormattedMessage id='main.menu' />
       </h1>
-      <h2>
-        <FormattedMessage id='main.toBeDecided' />
-      </h2>
+      <p className='subText'>
+        <FormattedMessage id='main.program.beingUpdated' />
+      </p>
     </section>
   );
 };

src/components/Program.tsx

@@ -7,9 +7,14 @@ export const Program = () => {
       <h1>
         <FormattedMessage id='main.program' />
       </h1>
-      <h2>
-        <FormattedMessage id='main.toBeDecided' />
-      </h2>
+      <h2>12:00</h2>
+      <p>
+        <FormattedMessage id='main.program.consecration' />
+      </p>
+
+      <p className='subText'>
+        <FormattedMessage id='main.program.beingUpdated' />
+      </p>
     </section>
   );
 };