copy updates

components/home/HomePage.tsx

@@ -126,9 +126,9 @@ const HomePage = () => {
       <div className="relative overflow-hidden">
         <SectionWrapper className="z-10">
           <div className="grid grid-cols-12 md:gap-12">
-            <div className="col-span-12 md:col-span-6 lg:col-span-5 h-[450px] md:h-auto flex justify-center relative order-2 md:order-1">
+            <div className="col-span-12 md:col-span-6 lg:col-span-5 h-[410px] md:h-auto flex justify-center order-2 md:order-1">
               <img
-                className="absolute z-10 w-full h-auto max-w-[320px] xl:max-w-[330px]"
+                className="absolute md:top-1/2 md:-translate-y-1/2 z-10 w-full h-auto max-w-[320px] xl:max-w-[330px]"
                 src={
                   theme === 'Light'
                     ? '/images/@1x-swap-light.png'
@@ -204,7 +204,7 @@ const HomePage = () => {
           </div>
           <div className="grid grid-cols-6 gap-x-8 gap-y-12 mt-12">
             <IconWithText
-              desc="EOS cost many automated stablecoin after a genesis block when ICO serves a dormant taint of lots of protocol, nor when Maker cooperated the considerable transaction fee"
+              desc={t('home:risk-engine-1-desc')}
               icon={
                 <img
                   src="/images/img-placeholder.png"
@@ -214,10 +214,10 @@ const HomePage = () => {
               linkPath="#"
               linkText={t('learn-more')}
               noBorder
-              title="Risk heading 1"
+              title={t('home:risk-engine-1')}
             />
             <IconWithText
-              desc="EOS cost many automated stablecoin after a genesis block when ICO serves a dormant taint of lots of protocol, nor when Maker cooperated the considerable transaction fee"
+              desc={t('home:risk-engine-2-desc')}
               icon={
                 <img
                   src="/images/img-placeholder.png"
@@ -227,10 +227,10 @@ const HomePage = () => {
               linkPath="#"
               linkText={t('learn-more')}
               noBorder
-              title="Risk heading 2"
+              title={t('home:risk-engine-2')}
             />
             <IconWithText
-              desc="EOS cost many automated stablecoin after a genesis block when ICO serves a dormant taint of lots of protocol, nor when Maker cooperated the considerable transaction fee"
+              desc={t('home:risk-engine-3-desc')}
               icon={
                 <img
                   src="/images/img-placeholder.png"
@@ -240,7 +240,7 @@ const HomePage = () => {
               linkPath="#"
               linkText={t('learn-more')}
               noBorder
-              title="Risk heading 3"
+              title={t('home:risk-engine-3')}
             />
           </div>
         </SectionWrapper>

components/shared/HeadingTagline.tsx

@@ -1,7 +1,7 @@
 const HeadingTagline = ({ text }: { text: string }) => {
   return (
-    <div className="border-l-4 border-th-fgd-4 max-w-[320px]">
-      <p className="text-xl ml-4">{text}</p>
+    <div className="border-l-4 border-th-fgd-4 max-w-[220px] lg:max-w-[320px]">
+      <p className="lg:text-xl ml-4">{text}</p>
     </div>
   )
 }

public/locales/en/home.json

@@ -44,8 +44,14 @@
     "market-maker-desc": "Market makers deploy strategies to profit from the spread of markets. They are an important liquidity source. Become a Mango Market Maker using our starter bot.",
     "market-maker-link": "Become a market maker",
     "new-to-mango": "New to Mango?",
-    "risk-engine": "Safety first.",
-    "risk-engine-desc": "The risk engine for v4 is at the core of its design.",
+    "risk-engine": "Next-gen risk engine.",
+    "risk-engine-1": "Manipulation resistant",
+    "risk-engine-1-desc": "Oracle prices can be very volatile and easy to manipulate over short timeframes. This exposes significant risk of loss to the platform. Stable price oracles are used to mitigate the risk of bad actors inflating the value of their collateral over a short time period.",
+    "risk-engine-2": "Sensible borrow limits",
+    "risk-engine-2-desc": "The last step of an exploit is usually to borrow as much as collateral possible. Mango v4 caps the collateral value for whales beyond each token's collateral weight. This prevents a whale from depositing a token and using it to withdraw all other tokens from Mango.",
+    "risk-engine-3": "In case of emergency",
+    "risk-engine-3-desc": "Mango has elected a Security Council of trusted DAO members who can vote to execute a set of actions in the event of an active exploit or other emergency. The Security Council is there to step in and act when normal governance procedures would take too long.",
+    "risk-engine-desc": "A safe place for your crypto",
     "saying-about-us": "See what the community is saying about us.",
     "swap-desc": "The simplicity of swap with the power of leverage.",
     "swap-heading": "Swap it like it's hot.",

tailwind.config.js

@@ -65,7 +65,8 @@ module.exports = {
           error: 'hsl(4, 93%, 60%)',
           success: 'hsl(82, 97%, 41%)',
           warning: 'hsl(33, 100%, 57%)',
-          'bkg-1': 'hsl(256, 18%, 12%)',
+          // 'bkg-1': 'hsl(256, 18%, 12%)',
+          'bkg-1': '#1C1923',
           'bkg-2': 'hsl(256, 18%, 17%)',
           'bkg-3': 'hsl(256, 18%, 22%)',
           'bkg-4': 'hsl(256, 18%, 27%)',