Merge pull request #24 from sajal2692/develop

Add Newsletter

Author: sajal2692

src/layouts/PostDetails.astro

@@ -83,8 +83,20 @@ const layoutProps = {
       {tags.map(tag => <Tag tag={slugifyStr(tag)} />)}
     </ul>
 
+    <section id="newsletter" class="mt-8 mb-8 p-0">
+      <p>Sign up for my newsletter to get updates on my latest projects and insights on AI & ML. 👇</p>
+      <div class="mt-4"> 
+        <script
+          async
+          data-uid="2d16cff56e"
+          src="https://sajalsharma.kit.com/2d16cff56e/index.js"
+          is:inline
+        ></script>
+      </div>
+    </section>
+
     <div
-      class="flex flex-col-reverse items-center justify-between gap-6 sm:flex-row-reverse sm:items-end sm:gap-4"
+      class="flex flex-col-reverse items-center justify-between gap-6 sm:flex-row-reverse sm:items-end sm:gap-4 mb-8"
     >
       <button
         id="back-to-top"
@@ -99,7 +111,9 @@ const layoutProps = {
       </button>
 
       <ShareLinks />
+
     </div>
+    
   </main>
   <Footer />
 </Layout>

src/pages/index.astro

@@ -48,6 +48,15 @@ const socialCount = SOCIALS.filter(social => social.active).length;
       <p>I’m passionate about building AI systems that amplify human potential—bridging the gap between human and artificial intelligence.</p>
 
       <p>Explore my journey and insights on AI & ML through my <a href="/posts">blog</a>, or read more about my <a href="/about">professional experience</a>. 🚀</p>
+      <section id="newsletter">
+        <p> Sign up for my newsletter to get updates on my latest projects and insights on AI & ML. 👇</p>
+        <script
+          async
+          data-uid="2d16cff56e"
+          src="https://sajalsharma.kit.com/2d16cff56e/index.js"
+          is:inline
+        ></script>
+      </section>
 
       {
         // only display if at least one social link is enabled
@@ -164,4 +173,10 @@ const socialCount = SOCIALS.filter(social => social.active).length;
   .all-posts-btn-wrapper {
     @apply my-8 text-center;
   }
+
+  /* add some top padding for newsletter */
+  #newsletter {
+    @apply pt-6 pl-0;
+  }
+
 </style>