minor theming, cleanup translation

iotaledger · Aug 5, 2024 · 744ea20 · 744ea20
1 parent 6f866a5
commit 744ea20
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 96 deletions.
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
@@ -21,9 +21,10 @@
       "benefitsUserExperience": "Retain more customers through an enhanced user experience. Less manual typing required."
     },
     "controlIdentity": {
-      "youControlYour": "You Control Your",
-      "ownIdentity": "Own Identity",
-      "whatItIsDetailed": "Through Self-Sovereign Identity, people, organizations and things are empowered to collect and share their own verified data and digital identity. This approach increases privacy and control, enabling a “Bring Your Own Identity” (BYOI) style of engagement with corporations, removing the need to perform expensive data collection."
+      "theProblem": "The Problem",
+      "theProblemText": " In today's internet, a significant portion of user identification and authentication relies on email addresses tied to centralized platforms, such as Google. This approach comes with notable privacy and security concerns, as email addresses are frequently targeted by hackers, leading to data breaches and identity theft. Moreover, users have limited control over their personal information once it is shared with corporations, who may use or sell this data without explicit consent.",
+      "theSolution": "The Solution",
+      "theSolutionText": "Through Self-Sovereign Identity and Decentralized Identifiers (DIDs), people, organizations, and things are empowered to control their own digital identity as well as collect and share their own verified data. Unlike traditional email-based identities, IOTA Identities are not bound to any centralized platform, but are managed on a permissionless and decentralized network. This enables a seamless, single login experience across all platforms, enhancing privacy and control. By adopting a “Bring Your Own Identity” (BYOI) approach, users can engage with corporations without the need for costly and invasive data collection processes, maintaining ownership of their personal information and sharing it only when necessary."
     },
     "FAQ": {
       "question1": "Does the IOTA Foundation track my data and usage?",

diff --git a/web/src/components/NextStepDrawer.tsx b/web/src/components/NextStepDrawer.tsx
diff --git a/web/src/components/index.tsx b/web/src/components/index.tsx
@@ -3,7 +3,6 @@ import Steps from './Steps';
 import QRCode from './QRCode';
 import Layout from './Layout';
 import Loading from './Loading';
-import NextStepDrawer from './NextStepDrawer';
 import Form from './Form';
 import PrefilledForm from './PrefilledForm';
 import Checkbox from './Checkbox';
@@ -16,7 +15,6 @@ export {
     QRCode,
     Layout,
     Loading,
-    NextStepDrawer,
     Form,
     PrefilledForm,
     Checkbox,

diff --git a/web/src/components/landing/ControlIdentity.tsx b/web/src/components/landing/ControlIdentity.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { RandomGraphicElement } from '..';
 import connected from '../../assets/landing/connected.svg';
 import { Translation } from 'react-i18next';
+import { Flex } from 'antd';
 
 const ControlIdentity = () => (
     <Translation>
@@ -12,17 +13,15 @@ const ControlIdentity = () => (
                     <div className='control-identity-section'>
                         <div className='content-wrapper'>
                             <div className='text-content-wrapper' data-aos='fade-up' data-aos-duration='1000'>
-                                <div className='heading-wrapper'>
+                                <Flex style={{alignSelf:"center"}} justify='center'>
                                     <h2>{t("landing.controlIdentity.theProblem")}</h2>
-                                    <h2>{t("landing.controlIdentity.theProblemSubline")}</h2>
-                                </div>
+                                </Flex>
                                 <p>{t("landing.controlIdentity.theProblemText")}</p>
                             </div>
                             <div className='text-content-wrapper' data-aos='fade-up' data-aos-duration='1000'>
-                                <div className='heading-wrapper'>
+                                <Flex style={{alignSelf:"center"}} justify='center'>
                                     <h2>{t("landing.controlIdentity.theSolution")}</h2>
-                                    <h2>{t("landing.controlIdentity.theSolutionSubline")}</h2>
-                                </div>
+                                </Flex>
                                 <p>{t("landing.controlIdentity.theSolutionText")}</p>
                             </div>
                             <img data-aos='fade-up' data-aos-duration='1000' src={connected} alt='Connected' className='illustration' />

diff --git a/web/src/styles/pages/landing.scss b/web/src/styles/pages/landing.scss
@@ -218,13 +218,6 @@
                     }
                 }
 
-                .heading-wrapper {
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: space-between;
-                    align-items: flex-start;
-                }
-
                 > * {
                     width: 50%;
                 }

diff --git a/web/src/styles/themes.scss b/web/src/styles/themes.scss
@@ -53,7 +53,7 @@ $themes: (
 
         h1TextSize: 44px,
         h1LineHeight: 57px,
-        h2TextSize: 23px,
+        h2TextSize: 28px,
         h2LineHeight: 30px,
         h3TextSize: 21px,
         h3LineHeight: 30px,