diff --git a/packages/web/components/Landing/sections/Build.tsx b/packages/web/components/Landing/sections/Build.tsx
index 77885980..a4394aca 100644
--- a/packages/web/components/Landing/sections/Build.tsx
+++ b/packages/web/components/Landing/sections/Build.tsx
@@ -3,7 +3,7 @@ import {
     Box,
     Text,
    
-  } from "@chakra-ui/react"
+  } from "@metafam/ds"
   import BackgroundImage from 'assets/landing/build-background.png'
   
   
diff --git a/packages/web/components/Landing/sections/Cards.tsx b/packages/web/components/Landing/sections/Cards.tsx
index 42245a6a..e80cf66b 100644
--- a/packages/web/components/Landing/sections/Cards.tsx
+++ b/packages/web/components/Landing/sections/Cards.tsx
@@ -5,7 +5,7 @@ import {
     HStack,
     ListItem,
     UnorderedList,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import CardBackground from 'assets/landing/card-background.png'
 import CardImage from 'assets/landing/card-image.png'
 
diff --git a/packages/web/components/Landing/sections/Frontier.tsx b/packages/web/components/Landing/sections/Frontier.tsx
index a534bd81..dbb796b8 100644
--- a/packages/web/components/Landing/sections/Frontier.tsx
+++ b/packages/web/components/Landing/sections/Frontier.tsx
@@ -3,7 +3,7 @@ import {
     Box,
     Text,
 
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/frontier-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Game.tsx b/packages/web/components/Landing/sections/Game.tsx
index 3a51b214..5a62f57c 100644
--- a/packages/web/components/Landing/sections/Game.tsx
+++ b/packages/web/components/Landing/sections/Game.tsx
@@ -3,7 +3,7 @@ import {
   Box,
   Text,
   Link
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/game-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Intro.tsx b/packages/web/components/Landing/sections/Intro.tsx
index ee20c88d..ef27cb6e 100644
--- a/packages/web/components/Landing/sections/Intro.tsx
+++ b/packages/web/components/Landing/sections/Intro.tsx
@@ -4,7 +4,7 @@ import {
   Text,
   Image,
   Button 
-  } from "@chakra-ui/react"
+  } from "@metafam/ds"
 import BackgroundImage from 'assets/landing/intro-background.png'
 import MetaGameLogo from 'assets/landing/synthlogo-2.svg'
 import { FaArrowDown } from 'react-icons/fa';
diff --git a/packages/web/components/Landing/sections/JustWatch.tsx b/packages/web/components/Landing/sections/JustWatch.tsx
index c1230e36..404086aa 100644
--- a/packages/web/components/Landing/sections/JustWatch.tsx
+++ b/packages/web/components/Landing/sections/JustWatch.tsx
@@ -4,7 +4,7 @@ import {
     Text,
 
     Button 
-    } from "@chakra-ui/react"
+    } from "@metafam/ds"
   import BackgroundImage from 'assets/landing/just-watch-background.png'
 
   import { FaArrowDown } from 'react-icons/fa';
diff --git a/packages/web/components/Landing/sections/Optimal.tsx b/packages/web/components/Landing/sections/Optimal.tsx
index 4b491e9d..3803c400 100644
--- a/packages/web/components/Landing/sections/Optimal.tsx
+++ b/packages/web/components/Landing/sections/Optimal.tsx
@@ -2,7 +2,7 @@ import {
     Container,
     Box,
     Text,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/optimal-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Revolution.tsx b/packages/web/components/Landing/sections/Revolution.tsx
index bb196796..b48a8155 100644
--- a/packages/web/components/Landing/sections/Revolution.tsx
+++ b/packages/web/components/Landing/sections/Revolution.tsx
@@ -4,7 +4,7 @@ import {
     Text,
     Link
 
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/revolution-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Together.tsx b/packages/web/components/Landing/sections/Together.tsx
index 142eb314..764af4bf 100644
--- a/packages/web/components/Landing/sections/Together.tsx
+++ b/packages/web/components/Landing/sections/Together.tsx
@@ -2,7 +2,7 @@ import {
     Container,
     Box,
     Text,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/together-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Unplug.tsx b/packages/web/components/Landing/sections/Unplug.tsx
index 4471c90f..4000aedc 100644
--- a/packages/web/components/Landing/sections/Unplug.tsx
+++ b/packages/web/components/Landing/sections/Unplug.tsx
@@ -2,7 +2,7 @@ import {
     Container,
     Box,
     Text,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/unplug-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/WhatWeDo.tsx b/packages/web/components/Landing/sections/WhatWeDo.tsx
index 0d844f07..a7fe3dad 100644
--- a/packages/web/components/Landing/sections/WhatWeDo.tsx
+++ b/packages/web/components/Landing/sections/WhatWeDo.tsx
@@ -4,7 +4,7 @@ import {
     Text,
     ListItem,
     UnorderedList,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/whatWeDo-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/Who.tsx b/packages/web/components/Landing/sections/Who.tsx
index 4698bc42..f1fa4e8b 100644
--- a/packages/web/components/Landing/sections/Who.tsx
+++ b/packages/web/components/Landing/sections/Who.tsx
@@ -2,7 +2,7 @@ import {
     Container,
     Box,
     Text,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/who-background.png'
 
 
diff --git a/packages/web/components/Landing/sections/WildWeb.tsx b/packages/web/components/Landing/sections/WildWeb.tsx
index 00a21a70..efe06e08 100644
--- a/packages/web/components/Landing/sections/WildWeb.tsx
+++ b/packages/web/components/Landing/sections/WildWeb.tsx
@@ -2,7 +2,7 @@ import {
     Container,
     Box,
     Text,
-} from "@chakra-ui/react"
+} from "@metafam/ds"
 import BackgroundImage from 'assets/landing/wildweb-background.png'