src/components/DevelopedBy/DevelopedBy.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import m3Logo from "./assets/image/m3Logo.png";
+import styles from "./developedBy.module.scss";
+const DevelopedBy = () => {
+  return (
+    <div className={styles["developed-wrapper"]}>
+      <p>Developed by</p>
+      <img src={m3Logo} alt="m3Logo" />
+    </div>
+  );
+};
+
+export { DevelopedBy };

src/components/DevelopedBy/developedBy.module.scss

@@ -0,0 +1,8 @@
+.developed-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  p {
+    margin-right: 30px;
+  }
+}

src/components/PoweredBy/PoweredBy.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import vtexLogo from "./assets/image/vtexLogo.png";
+import styles from "./poweredBy.module.scss";
+const PoweredBy = () => {
+  return (
+    <div className={styles["powered-wrapper"]}>
+      <p>Powered by</p>
+      <img src={vtexLogo} alt="vtexLogo" />
+    </div>
+  );
+};
+
+export { PoweredBy };

src/components/PoweredBy/poweredBy.module.scss

@@ -0,0 +1,8 @@
+.powered-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  p {
+    margin-right: 30px;
+  }
+}

src/pages/Home.tsx

@@ -1,19 +1,7 @@
 import React from "react";
-import { Header } from "../sectors/Header/Header";
-import { Address } from "../components/Address/Address";
-import { Payments, VtexPci } from "../components/Payments/Payments";
-const Home = () => {
-  return (
-    <div>
-      {
-        //<Header />
-        //<Address />
-      }
-      <Payments></Payments>
 
-      <VtexPci></VtexPci>
-    </div>
-  );
+const Home = () => {
+  return <div>{}</div>;
 };
 
 export { Home };