diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index c0c98ea..5f26ef2 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,7 +15,8 @@ import ContactSection from './HomePage/sections/Contact';
 
 import HowItWorksSection from './HomePage/sections/HowItWorks';
 import CaseStudiesCardsSection from './HomePage/sections/CaseStudiesCards';
-import PricingSection from './HomePage/sections/Pricing';export default function HomePage(): React.JSX.Element {
+import PricingSection from './HomePage/sections/Pricing';
+import NewsletterSection from './HomePage/sections/Newsletter';export default function HomePage(): React.JSX.Element {
   return (
     <>
       <HomeSection />
@@ -27,6 +28,7 @@ import PricingSection from './HomePage/sections/Pricing';export default function
       <SocialProofSection />
       <PricingSection />
       <FaqSection />
+      <NewsletterSection />
       <ContactSection />
           <CaseStudiesCardsSection />
     </>
diff --git a/src/pages/HomePage/sections/Newsletter.tsx b/src/pages/HomePage/sections/Newsletter.tsx
new file mode 100644
index 0000000..adbd893
--- /dev/null
+++ b/src/pages/HomePage/sections/Newsletter.tsx
@@ -0,0 +1,18 @@
+// Created by add_section_from_catalog (ContactCenter).
+
+import React from 'react';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function NewsletterSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="newsletter" id="newsletter">
+      <ContactCenter
+        inputPlaceholder="Enter your email address"
+        title="Stay in the Loop"
+        description="Join our newsletter to get the latest news, updates, and special offers delivered directly to your inbox."
+        tag="Newsletter"
+        buttonText="Subscribe"
+      />
+    </div>
+  );
+}