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>
+      <p className='subText'>
-        <FormattedMessage id='main.toBeDecided' />
+        <FormattedMessage id='main.program.beingUpdated' />
-      </h2>
+      </p>
     </section>
   );
 };

src/components/Program.tsx

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

src/constants/localization/main/en.ts

@@ -1,12 +1,19 @@
 export const main: Record<string, string> = {
     "main.program": "Program",
+    "main.program.consecration": "Consecration ceremony",
+    "main.program.beingUpdated": "To be updated...",
+
     "main.menu": "Menu",
-    "main.info": "Info",
+
     "main.saveTheLink": "Save the link",
     "main.welcome": "Tervetuloa! Welcome! Vitajte!",
-    "main.toBeDecided": "To be specified",
 
-    "main.info.seurantalo": "Wedding is located in Naantali on Livonsaari.\nVelkuantie 987, 21180 Livonsaari",
+    "main.info": "Info",
+    "main.info.location": "Location",
+    "main.info.location.desc": "Wedding is located in Naantali on Livonsaari.\nVelkuantie 987, 21180 Livonsaari",
+
+    "main.info.dresscode": "Dress code",
+    "main.info.dresscode.desc": "Archipelago wedding",
 
     "main.info.accomodation": "Accomodation",
     

src/constants/localization/main/fi.ts

@@ -1,12 +1,19 @@
 export const main: Record<string, string> = {
     "main.program": "Ohjelma",
+    "main.program.consecration": "Vihkiminen",
+    "main.program.beingUpdated": "Päivittyy...",
+
     "main.menu": "Menu",
-    "main.info": "Info",
+    
     "main.saveTheLink": "Laita linkki talteen",
     "main.welcome": "Tervetuloa! Welcome! Vitajte!",
-    "main.toBeDecided": "Selviää myöhemmin",
 
-    "main.info.seurantalo": "Juhlapaikka sijaitsee Naantalissa Livonsaarella osoitteessa:\nVelkuantie 987, 21180 Livonsaari",
+    "main.info": "Info",
+    "main.info.location": "Juhlapaikka",
+    "main.info.location.desc": "Juhlapaikka sijaitsee Naantalissa Livonsaarella osoitteessa:\nVelkuantie 987, 21180 Livonsaari",
+
+    "main.info.dresscode": "Pukukoodi",
+    "main.info.dresscode.desc": "Saaristohäät",
 
     "main.info.accomodation": "Majoitus",
     

src/constants/localization/main/sk.ts

@@ -1,12 +1,19 @@
 export const main: Record<string, string> = {
     "main.program": "Program",
+    "main.program.consecration": "Consecration ceremony",
+    "main.program.beingUpdated": "To be updated...",
+
     "main.menu": "Menu",
-    "main.info": "Info",
+
     "main.saveTheLink": "Ulož si odkaz",
     "main.welcome": "Tervetuloa! Welcome! Vitajte!",
-    "main.toBeDecided": "Upresníme časom",
 
-    "main.info.seurantalo": "Svadba sa koná vo Fínsku v Livonsaari.\nVelkuantie 987, 21180 Livonsaari",
+    "main.info": "Info",
+    "main.info.location": "Location",
+    "main.info.location.desc": "Svadba sa koná vo Fínsku v Livonsaari.\nVelkuantie 987, 21180 Livonsaari",
+
+    "main.info.dresscode": "Dress code",
+    "main.info.dresscode.desc": "Archipelago wedding",
 
     "main.info.accomodation": "Ubytovanie",
     

src/pages/Main.scss

@@ -5,6 +5,7 @@
   display: flex;
   align-items: center;
   flex-direction: column;
+  font-weight: bold;
 
   .Main-container {
     display: flex;
@@ -45,6 +46,13 @@
     }
   }
 
+  p {
+    font-size: 1.2rem;
+    margin-top: 1rem;
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
   .extraText {
     color: $brown-text;
     font-size: 1.1rem;
@@ -53,6 +61,11 @@
     margin-top: 8px;
     letter-spacing: 2px;
   }
+
+  .subText {
+    color: $green-text;
+    font-size: 2rem;
+  }
 }
 
 @media screen and (max-width: 600px) {