My new feature

src/config/config.json

@@ -27,7 +27,7 @@
 
   "params": {
     "contact_form_action": "#",
-    "copyright": "Designed And Developed by [Krishna](https://ekrishnachaitanya2004.netlify.app/)"
+    "copyright": "© 2025 Developer Blogs. All rights open-sourced.<br>Built with ❤️ by the KHC community"
   },
 
   "navigation_button": {

src/content/authors/english/JohnDoe.md

@@ -0,0 +1,23 @@
+---
+title: John Doe
+email: [email protected]
+image: "/images/authors/john-doe.jpg"
+description: A technology enthusiast and software architect with years of experience in modern application development.
+social:
+  - name: facebook
+    icon: FaFacebook
+    link: https://www.facebook.com
+
+  - name: twitter
+    icon: FaTwitter
+    link: https://www.twitter.com
+
+  - name: instagram
+    icon: FaInstagram
+    link: https://www.instagram.com
+
+---
+
+John Doe is a seasoned software architect and technology enthusiast with a passion for building modern, scalable applications. With extensive experience in various technology stacks and architectural patterns, John helps organizations leverage cutting-edge technologies to create robust and efficient solutions.
+
+His expertise spans across cloud computing, microservices architecture, and modern development practices. Through his writing, John aims to share practical insights and best practices in software development and system design. 

src/pages/[...lang]/contact.astro

@@ -16,7 +16,6 @@ export function getStaticPaths() {
 const { lang } = Astro.params;
 const contact = await getListPage("contact", lang as keyof ContentEntryMap);
 
-const { contact_form_action }: { contact_form_action: string } = config.params;
 const { title, description, meta_title, image } = contact[0].data;
 
 const {
@@ -39,18 +38,24 @@ const {
     <div class="container">
       <div class="row">
         <div class="mx-auto md:col-10 lg:col-6">
-          <form action={contact_form_action} method="POST">
+          <form 
+            action="https://docs.google.com/forms/d/e/1FAIpQLSdKLON3GrQN1OrGxmj0S3HCKeiVg-MjmeqDHLufys7CzkDm1g/formResponse" 
+            method="POST" 
+            target="_blank"
+            onsubmit="return window.submitGoogleForm(this);"
+          >
             <div class="mb-6">
               <label for="name" class="form-label">
                 {full_name}
                 <span class="text-red-500">*</span>
               </label>
               <input
                 id="name"
-                name="name"
+                name="entry.713430944"
                 class="form-input"
                 placeholder="Krishna Chaitanya Ethamukkala"
                 type="text"
+                required
               />
             </div>
             <div class="mb-6">
@@ -60,10 +65,11 @@ const {
               </label>
               <input
                 id="email"
-                name="email"
+                name="entry.1244225098"
                 class="form-input"
                 placeholder="[email protected]"
                 type="email"
+                required
               />
             </div>
             <div class="mb-6">
@@ -73,13 +79,38 @@ const {
               </label>
               <textarea
                 id="message"
-                name="message"
+                name="entry.618640668"
                 class="form-input"
                 placeholder={contact_message_placeholder}
-                rows="8"></textarea>
+                rows="8"
+                required
+              ></textarea>
+            </div>
+            <div id="form-status" class="mb-6 hidden">
+              <p class="text-success">Thank you for your message! We'll get back to you soon.</p>
             </div>
             <button type="submit" class="btn btn-primary">{submit}</button>
           </form>
+
+          <script is:inline>
+            window.submitGoogleForm = function(form) {
+              const formData = new FormData(form);
+              fetch(form.action, {
+                method: 'POST',
+                body: formData,
+                mode: 'no-cors'
+              })
+              .then(() => {
+                form.reset();
+                document.getElementById('form-status').classList.remove('hidden');
+                setTimeout(() => {
+                  document.getElementById('form-status').classList.add('hidden');
+                }, 5000);
+              })
+              .catch(error => console.error('Error:', error));
+              return false;
+            };
+          </script>
         </div>
       </div>
     </div>