diff --git a/apps/web/frontend/public/assets/email.png b/apps/web/frontend/public/assets/email.png
new file mode 100644
index 0000000..626f64e
Binary files /dev/null and b/apps/web/frontend/public/assets/email.png differ
diff --git a/apps/web/frontend/src/components/NewLandingPage/Pages/Home.js b/apps/web/frontend/src/components/NewLandingPage/Pages/Home.js
index 4d15454..c71ef18 100644
--- a/apps/web/frontend/src/components/NewLandingPage/Pages/Home.js
+++ b/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>
   )
diff --git a/apps/web/frontend/src/components/NewLandingPage/components/NewsLetter.js b/apps/web/frontend/src/components/NewLandingPage/components/NewsLetter.js
new file mode 100644
index 0000000..a860b22
--- /dev/null
+++ b/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
diff --git a/apps/web/frontend/src/components/NewLandingPage/components/testimonials.js b/apps/web/frontend/src/components/NewLandingPage/components/testimonials.js
new file mode 100644
index 0000000..14b1514
--- /dev/null
+++ b/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