added all sections as per mockup.Up next: refactoring and cleanup

packages/web/components/Landing/Cards.tsx

@@ -51,8 +51,8 @@ function Intro() {
                       bgPosition="center"
                       bgSize="cover"
                     backgroundImage={`url(${CardBackground})`}
-                   
-              
+                    bgPosition="center"
+                    bgSize="cover"
                     width="33%"
                     display="flex"
                     alignItems="center"
@@ -76,7 +76,8 @@ function Intro() {
                     </Box>
                 </Box>
                 <Box
-                 
+                      bgPosition="center"
+                      bgSize="cover"
                     backgroundImage={`url(${CardBackground})`}
                     bgPosition="center"
                     bgSize="cover"

packages/web/pages/landing.tsx

@@ -11,6 +11,7 @@ import Optimal from '../components/Landing/Optimal';
 import Unplug from '../components/Landing/Unplug';
 import Who from '../components/Landing/Who';
 import JustWatch from '../components/Landing/JustWatch';
+import Cards from '../components/Landing/Cards';
 
 function Landing(): JSX.Element {
   return <div>
@@ -25,7 +26,9 @@ function Landing(): JSX.Element {
     <Optimal />#
     <Unplug />
     <Who />
+    <Cards /> 
     <JustWatch />
+
   </div>;
 }