feat: include a section in the Homepage to introduce Safenet vision

safe-global · Dec 3, 2024 · 459cd92 · 459cd92
1 parent 48ed162
commit 459cd92
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 57 deletions.
diff --git a/public/videos/Home/ownership-hevc.mov b/public/videos/Home/ownership-hevc.mov
diff --git a/public/videos/Home/ownership-vp9.webm b/public/videos/Home/ownership-vp9.webm
diff --git a/src/components/Home/TextBlockImageManifesto/ManifestoElement.tsx b/src/components/Home/TextBlockImageManifesto/ManifestoElement.tsx
diff --git a/src/components/Home/TextBlockImageManifesto/index.tsx b/src/components/Home/TextBlockImageManifesto/index.tsx
diff --git a/src/components/Home/TextBlockImageManifesto/styles.module.css b/src/components/Home/TextBlockImageManifesto/styles.module.css
diff --git a/src/components/Home/TextBlockIntroducingSafenet/index.tsx b/src/components/Home/TextBlockIntroducingSafenet/index.tsx
@@ -0,0 +1,16 @@
+import { Box } from '@mui/material'
+import TextBlockImage, { type TextBlockImageProps } from '@/components/common/TextBlockImage'
+
+const TextBlockIntroducingSafenet = (props: TextBlockImageProps) => (
+  <Box mt={{ xs: '-30px', md: 'auto' }}>
+    <TextBlockImage {...props}>
+      <video autoPlay muted playsInline loop width="100%" poster="/images/Safenet/globe-poster.png">
+        <source src="/videos/Safenet/Globe.webm" type="video/webm" />
+        <source src="/videos/Safenet/Globe.mp4" type="video/mp4" />
+        <img src="/images/Safenet/globe-poster.png" alt="Safenet globe" />
+      </video>
+    </TextBlockImage>
+  </Box>
+)
+
+export default TextBlockIntroducingSafenet
diff --git a/src/components/Safenet/Hero/styles.module.css b/src/components/Safenet/Hero/styles.module.css
@@ -15,6 +15,7 @@
 
 .video {
   margin-top: -126px;
+  width: 396px;
 }
 
 .backgroundArc {
@@ -42,10 +43,6 @@
   bottom: -420px;
 }
 
-.video {
-  width: 396px;
-}
-
 .contentWrapper {
   display: flex;
   flex-direction: column;

diff --git a/src/content/home.json b/src/content/home.json
@@ -11,18 +11,18 @@
     "text": "Own the Internet"
   },
   {
-    "caption": "Ethereum's transition to Smart Accounts",
+    "caption": "Introducing Safenet",
     "variant": "text-image",
-    "title": "<i>Safe</i> envisions a future where every onchain account is a <b>smart account</b>",
+    "title": "<i>Safenet is here to move the world’s GDP onchain</i>",
     "buttons": [
       {
-        "text": "Read our vision & roadmap",
-        "href": "https://safe.global/blog/future-of-safe-vision",
+        "text": "Read our vision",
+        "href": "https://safe.global/blog/introducing-safenet",
         "variant": "link"
       }
     ],
     "mobileVariant": "text-image",
-    "component": "Home/TextBlockImageManifesto"
+    "component": "Home/TextBlockIntroducingSafenet"
   },
   {
     "component": "Home/SafeAtScale",