Allow form submission and spell & grammar check

Author: hackrush01

about.html

@@ -27,8 +27,9 @@
                 <div class="about-text">
                     <h3 class="text-2xl font-semibold mb-4 text-text-dark">Our Commitment to Excellence</h3>
                     <p class="mb-4 text-lg">GAAP Spices & Super Food LLP aspires to be a leading name in the global
-                        spice & super food market, dedicated to bringing the finest and most authentic Indian flavors to
-                        international tables. With decades of experience in corporate world, we pride ourselves building
+                        spice & superfood market, dedicated to bringing the finest and most authentic Indian flavors to
+                        international tables. With decades of experience in the corporate world, we pride ourselves on
+                        building
                         deep-rooted relationships with local farms & several government bodies dedicated to promoting
                         local farmers.</p>
                     <p class="mb-4 text-lg">Our mission is to ensure that every pinch of spice & food product we export
@@ -48,11 +49,11 @@ <h3 class="text-2xl font-semibold mb-4 text-text-dark">Our Commitment to Excelle
 
             <div class="mt-24 text-center bg-bg-light p-12 rounded-2xl">
                 <h3 class="text-2xl font-semibold mb-4">Our History</h3>
-                <p class="max-w-3xl mx-auto text-lg">Levaraging on the years of corporate eperience of its founders,
+                <p class="max-w-3xl mx-auto text-lg">Leveraging the years of corporate experience of its founders,
                     GAAP Spices & Super Food LLP, was founded on the principle of purity, with the noble intent to
                     bridge the gap between local farmers and the global culinary market maintaining highest quality
-                    standrads. Aiming to be the most reliable exporters, serving clients across the globe with a
-                    portfolio of premium Indian spices & super food products.</p>
+                    standards. Aiming to be the most reliable exporters, serving clients across the globe with a
+                    portfolio of premium Indian spices & superfood products.</p>
             </div>
         </section>
     </main>

certifications.html

@@ -31,7 +31,7 @@
                         <img src="assets/images/spices-board-india.jpg" alt="Spices Board India Logo"
                             class="h-20 w-auto object-contain mix-blend-multiply">
                     </div>
-                    <h3 class="text-xl font-semibold mb-2">Spices board Registered</h3>
+                    <h3 class="text-xl font-semibold mb-2">Spices Board Registered</h3>
                     <p>To help realize India's mission to multiply its spices exports multifold by 2030.</p>
                 </div>
                 <div
@@ -55,7 +55,7 @@ <h3 class="text-xl font-semibold mb-2">Organic Compliance</h3>
 
             <div class="mt-20 p-10 border-2 border-dashed border-accent-gold rounded-2xl">
                 <h3 class="text-2xl font-semibold text-center mb-6">Testing & Lab Protocols</h3>
-                <p class="text-lg mb-6 text-center">Committed to maintaining highest quality standrads of all its
+                <p class="text-lg mb-6 text-center">Committed to maintaining highest quality standards of all its
                     products through
                     testing by NABL Accredited Laboratories.</p>
             </div>

contact.html

@@ -27,7 +27,7 @@
             <div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-16">
                 <div class="contact-info">
                     <h3 class="text-2xl font-semibold mb-4 text-text-dark">Get in Touch</h3>
-                    <p class="mb-8 text-lg">Interested in importing premium Indian spices & Super Food? Fill out the
+                    <p class="mb-8 text-lg">Interested in importing premium Indian spices & superfoods? Fill out the
                         form or use our contact details below. Our export team will respond within 24 business hours.
                     </p>
 
@@ -51,19 +51,19 @@ <h3 class="text-2xl font-semibold mb-4 text-text-dark">Get in Touch</h3>
                 <form id="enquiryForm" class="space-y-4">
                     <div class="form-group">
                         <label for="name" class="block mb-2 font-medium">Full Name</label>
-                        <input type="text" id="name"
+                        <input type="text" id="name" name="name"
                             class="w-full p-3 border border-gray-300 rounded focus:outline-none focus:border-accent-gold transition-colors"
-                            required placeholder="John Doe">
+                            required placeholder="Will Smith">
                     </div>
                     <div class="form-group">
                         <label for="email" class="block mb-2 font-medium">Business Email</label>
-                        <input type="email" id="email"
+                        <input type="email" id="email" name="email"
                             class="w-full p-3 border border-gray-300 rounded focus:outline-none focus:border-accent-gold transition-colors"
-                            required placeholder="john@company.com">
+                            required placeholder="willsmith@gmail.com">
                     </div>
                     <div class="form-group">
                         <label for="message" class="block mb-2 font-medium">Your enquiry</label>
-                        <textarea id="message"
+                        <textarea id="message" name="message"
                             class="w-full p-3 border border-gray-300 rounded focus:outline-none focus:border-accent-gold transition-colors"
                             rows="5" required placeholder="Tell us about your requirements..."></textarea>
                     </div>

index.html

@@ -39,7 +39,7 @@ <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">Traders & Exporter
                     Our Vision</h2>
             </div>
             <p class="max-w-3xl mx-auto text-xl text-text-dark leading-relaxed">
-                To be the world's most trusted partner in the Spice & Super Food trade, Bridging the Gap between local
+                To be the world's most trusted partner in the Spice & Superfood trade, Bridging the Gap between local
                 farming traditions and the global culinary market through uncompromising quality and sustainable
                 practices.
             </p>

products.html

@@ -65,7 +65,7 @@ <h3 class="text-xl font-semibold mb-3 text-primary-green">Moringa Powder</h3>
                     </div>
                     <div class="p-6">
                         <h3 class="text-xl font-semibold mb-3 text-primary-green">Others</h3>
-                        <p class="text-sm text-gray-600 mb-4">Red Chilli , Black pepper, Black cardamom, Green cardamom
+                        <p class="text-sm text-gray-600 mb-4">Red Chilli, Black pepper, Black cardamom, Green cardamom
                             etc.</p>
                         <a href="contact.html"
                             class="text-accent-gold font-semibold inline-block hover:text-active-gold transition-colors">Enquire

script.js

@@ -117,24 +117,63 @@ document.addEventListener('click', (e) => {
 });
 
 // Simple Form Submission Handling
+// Form Submission Handling
+const FORMEASY_URL = "https://script.google.com/macros/s/AKfycbzYVsGnC2GBToA51_39F9Aiu409KRAZQhsaLQgR9dISVteOd2MQJ1_kqQP6OiGjsYaW/exec"; // TODO: Replace with your actual Formeasy/Google Script URL
+
 const enquiryForm = document.getElementById('enquiryForm');
 if (enquiryForm) {
-    enquiryForm.addEventListener('submit', (e) => {
+    enquiryForm.addEventListener('submit', async (e) => {
         e.preventDefault();
 
-        // Show success message (demo)
         const btn = enquiryForm.querySelector('button');
         const originalText = btn.textContent;
 
-        btn.textContent = 'Enquiry Sent Successfully! ✓';
-        btn.style.background = '#28a745';
+        // Show loading state
+        btn.textContent = 'Sending...';
+        btn.disabled = true;
+
+        try {
+            const formData = new FormData(enquiryForm);
+            const data = Object.fromEntries(formData);
+
+            const response = await fetch(FORMEASY_URL, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'text/plain;charset=utf-8',
+                },
+                body: JSON.stringify(data)
+            });
+
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+
+
+            // Success
+            btn.textContent = 'Enquiry Sent Successfully! ✓';
+            btn.style.background = '#28a745';
+
+            enquiryForm.reset();
 
-        enquiryForm.reset();
+            setTimeout(() => {
+                btn.textContent = originalText;
+                btn.style.background = '';
+                btn.disabled = false;
+            }, 3000);
 
-        setTimeout(() => {
-            btn.textContent = originalText;
-            btn.style.background = '';
-        }, 3000);
+        } catch (error) {
+            console.error('Error submitting form:', error);
+
+            // Error feedback
+            btn.textContent = 'Error Sending. Try Again.';
+            btn.style.background = '#dc3545';
+
+            setTimeout(() => {
+                btn.textContent = originalText;
+                btn.style.background = '';
+                btn.disabled = false;
+            }, 3000);
+        }
     });
 }