Newsletter (#224)

apps/web/frontend/src/components/NewLandingPage/Pages/Home.js

@@ -5,6 +5,7 @@ import Info from '../components/Info'
 import Footer from '../components/Footer'
 import About from '../components/About'
 import Description from '../components/Description'
+import NewsLetter from '../components/NewsLetter'
 
 const Home = () => {
   return (
@@ -14,6 +15,7 @@ const Home = () => {
      <Info/>
      <About/>
      <Description/>
+     <NewsLetter/>
      <Footer/>
      </div>
   )

apps/web/frontend/src/components/NewLandingPage/components/NewsLetter.js

@@ -0,0 +1,17 @@
+import React from 'react'
+
+const NewsLetter = () => {
+  return (
+    <section className='tw-flex tw-justify-center tw-items-center tw-flex-col tw-p-6'>
+        <img src = "assets/email.png" alt = "email" className='tw-w-[20vw]'/>
+        <h1 className='tw-text-[2rem] tw-text-[#3b73c6] '>SUBSCRIBE</h1>
+        <p className='tw-text-lg'>Suscribe to our Newsletter & stay Updated</p>
+        <div className=' tw-flex tw-justify-around tw-items-center tw-gap-3 tw-w-[20vw] tw-mt-3'>
+                <input type="email" placeholder="Your email id here" className='tw-px-8 tw-rounded-[25px] tw-py-3 tw-w-[15vw]'/>
+                <button className="tw-py-3 tw-px-3 tw-text-white tw-bg-[#3b73c6] tw-rounded-[25px] hover:tw-text-[#3b73c6] hover:tw-bg-white">Suscribe</button>
+        </div>
+    </section>
+  )
+}
+
+export default NewsLetter

apps/web/frontend/src/components/NewLandingPage/components/testimonials.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const testimonials = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default testimonials