fix: dark mode subscribe section

Signed-off-by: Shriya-Chauhan <[email protected]>

Author: Shriya-Chauhan

pages/blog/index.tsx

@@ -2,10 +2,12 @@ import { useRouter } from 'next/router';
 import React, { useContext, useEffect, useState } from 'react';
 
 import Empty from '@/components/illustrations/Empty';
+import Container from '@/components/layout/Container';
 import GenericLayout from '@/components/layout/GenericLayout';
 import Loader from '@/components/Loader';
 import BlogPostItem from '@/components/navigation/BlogPostItem';
 import Filter from '@/components/navigation/Filter';
+import NewsletterSubscribe from '@/components/NewsletterSubscribe';
 import PaginationComponent from '@/components/Pagination';
 import Heading from '@/components/typography/Heading';
 import Paragraph from '@/components/typography/Paragraph';
@@ -260,6 +262,13 @@ export default function BlogIndexPage() {
           </div>
         </div>
       </div>
+
+      {/* Newsletter Section */}
+      <div className='mt-8 bg-dark rounded-3xl py-12'>
+        <Container wide>
+          <NewsletterSubscribe dark />
+        </Container>
+      </div>
     </GenericLayout>
   );
 }

pages/community/ambassadors/index.tsx

@@ -17,6 +17,7 @@ import IconStar from '../../../components/icons/Star';
 import IconTerminal from '../../../components/icons/Terminal';
 import IconUsersGroup from '../../../components/icons/UsersGroup';
 import IconVideo from '../../../components/icons/Video';
+import Container from '../../../components/layout/Container';
 import GenericLayout from '../../../components/layout/GenericLayout';
 import NewsletterSubscribe from '../../../components/NewsletterSubscribe';
 import PaginationComponent from '../../../components/Pagination';
@@ -443,7 +444,13 @@ export default function Index() {
           </div>
         </section>
       </div>
-      <NewsletterSubscribe className='mt-20 text-center' />
+
+      {/* Newsletter Section */}
+      <div className='mt-8 bg-dark rounded-3xl py-12'>
+        <Container wide>
+          <NewsletterSubscribe dark />
+        </Container>
+      </div>
     </GenericLayout>
   );
 }

pages/community/tsc.tsx

@@ -297,18 +297,21 @@ export default function TSC() {
       </div>
 
       {/* Want to Join TSC CTA */}
-      <div className='bg-gradient-to-br from-primary-50 to-secondary-50 dark:from-gray-900 dark:to-gray-800 py-16'>
-        <div className='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 text-center'>
-          <h2 className='text-3xl sm:text-4xl font-bold text-gray-900 dark:text-white mb-4'>Want to join TSC?</h2>
-          <p className='text-lg text-gray-600 dark:text-gray-400 mb-8'>
-            Join our community and help shape the future of AsyncAPI
-          </p>
-          <Button
-            text='Get Started'
-            href='https://github.com/asyncapi/community/blob/master/CONTRIBUTING.md'
-            target='_blank'
-            className='text-center hover:bg-primary-600 focus:outline-none'
-          />
+      <div className='bg-white dark:bg-dark-background py-12'>
+        <div className='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8'>
+          <div
+            className='rounded-3xl p-8 sm:p-12 shadow-xl text-center'
+            style={{ background: 'linear-gradient(90deg, #8B5CF6 0%, #7C3AED 50%, #22D3EE 100%)' }}
+          >
+            <h2 className='text-3xl sm:text-4xl font-bold text-white mb-4'>Want to join TSC?</h2>
+            <p className='text-lg text-white/90 mb-8'>Join our community and help shape the future of AsyncAPI</p>
+            <Button
+              text='Get Started'
+              href='https://github.com/asyncapi/community/blob/master/CONTRIBUTING.md'
+              target='_blank'
+              className='text-center bg-white text-primary-600 hover:bg-gray-100 focus:outline-none'
+            />
+          </div>
         </div>
       </div>
     </GenericLayout>