diff --git a/index.html b/index.html
index 769407b..1411e88 100644
--- a/index.html
+++ b/index.html
@@ -341,6 +341,11 @@ <h2>🎨 Custom Button Colors</h2>
         <p>Customize button colors to match your brand palette</p>
         <div class="demo-grid">
           <div class="demo-item">
+  <h3>✨ Sneha Custom</h3>
+  <p>Custom demo added by Sneha</p>
+  <div id="demo-sneha"></div>
+</div>
+          <div class="demo-item">
             <h3>Red Theme</h3>
             <p>#f44336 - Material Red</p>
             <div id="demo-red"></div>
@@ -577,7 +582,22 @@ <h2>🅰️ Angular Integration</h2>
 </div>
 
 
+<!-- Sneha Custom Demo -->
+<div class="demo-section">
+  <h2>🧪 Sneha Custom Demo</h2>
+  <p>This is Sneha's custom integration demo.</p>
+
+  <div class="demo-grid">
+    <div class="demo-item">
+      <h3>My Share Button</h3>
+      <p>Custom example added by Sneha</p>
+
+      <!-- Sneha's custom share button container -->
+      <div id="share-button"></div>
 
+    </div>
+  </div>
+</div>
     <!-- CTA Section -->
     <div class="cta-section">
       <h2 style="color: #fff; margin-bottom: 20px;">Ready to Get Started?</h2>
@@ -758,6 +778,25 @@ <h2 style="color: #fff; margin-bottom: 20px;">Ready to Get Started?</h2>
           buttonHoverColor: "#db2777",
           buttonText: "Share",
         });
+        const snehaBaseConfig = {
+          url: demoUrl,
+          title: "Sneha's Project 🔥",
+          buttonStyle: "primary",
+          buttonText: "Share My Project",
+        };
+
+        new SocialShareButton({
+          ...snehaBaseConfig,
+          container: "#share-button",
+          description: "Testing my custom integration 🚀",
+        });
+
+        // Sneha Custom Demo
+        new SocialShareButton({
+          ...snehaBaseConfig,
+          container: "#demo-sneha",
+          description: "Custom demo added by Sneha 🚀",
+        });
 
         // Copy to Clipboard Functionality
         const copyButtons = document.querySelectorAll(".copy-btn");