diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx
new file mode 100644
index 0000000..1aa3516
--- /dev/null
+++ b/src/components/Contact.tsx
@@ -0,0 +1,111 @@
+/* eslint-disable arrow-body-style */
+/* eslint-disable react/function-component-definition */
+import React from 'react';
+import { Box, Button, Image, Input, Text } from '@chakra-ui/react';
+
+import iluminationLogo from '../images/iluminationLogo.svg';
+import logo3D from '../images/logo3D.svg';
+
+const Contact: React.FC = () => {
+ return (
+
+
+
+
+
+
+ Bora!
+
+
+ Entre em contato
conosco
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Contact;
diff --git a/src/images/iluminationLogo.svg b/src/images/iluminationLogo.svg
new file mode 100644
index 0000000..b0a0831
--- /dev/null
+++ b/src/images/iluminationLogo.svg
@@ -0,0 +1,43 @@
+
diff --git a/src/images/logo3D.svg b/src/images/logo3D.svg
new file mode 100644
index 0000000..331ffd8
--- /dev/null
+++ b/src/images/logo3D.svg
@@ -0,0 +1,56 @@
+
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3f82159..6e13c7e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -3,6 +3,7 @@ import { Box } from '@chakra-ui/react';
import Navibar from '../components/Navibar';
import VslSection from '../components/VslSection';
import Technologies from '../components/Technologies';
+import Contact from '../components/Contact';
function IndexPage() {
return (
@@ -10,6 +11,7 @@ function IndexPage() {
+
);
}