Fix issue #29: I have made the email functionality work in the contact form.

contact.php

@@ -0,0 +1,47 @@
+<?php
+// If you have changed the path, then update the path here too
+require 'C:\xampp\htdocs\Alimento\phpmailer\Exception.php';
+require 'C:\xampp\htdocs\Alimento\phpmailer\PHPMailer.php';
+require 'C:\xampp\htdocs\Alimento\phpmailer\SMTP.php';
+//dont change the below use conditions
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
+if ($_SERVER["REQUEST_METHOD"] == "POST") {
+
+    $name = trim($_POST["name"]);
+    $email = trim($_POST["email"]);
+    $message = trim($_POST["message"]);
+
+
+    $mail = new PHPMailer(true);
+
+    try {
+        // SMTP Server settings
+        $mail->isSMTP();
+        $mail->Host = 'smtp.gmail.com';  
+        $mail->SMTPAuth = true;
+        $mail->Username = '[email protected]';  // Your email address
+        $mail->Password = 'pdiiozxxjwetwvtw';  // Your email app password
+        $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;  
+        $mail->Port = 587;
+
+        // Recipients
+        $mail->setFrom($email, $name);  // From the form sender's email and name
+        $mail->addAddress('[email protected]');  // Your email to receive the message
+
+        // Email content
+        $mail->isHTML(true);
+        $mail->Subject = 'New Message from Alimento Contact Form';
+        $mail->Body = nl2br("Name: $name\nEmail: $email\nMessage:\n$message");
+        $mail->AltBody = "Name: $name\nEmail: $email\nMessage:\n$message";  // Plain message edit this for custom message
+
+        // Send email
+        $mail->send();
+        header('Location: index.html?success=true');
+        exit();
+        //echo 'Message has been sent';
+    } catch (Exception $e) {
+        echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";
+    }
+}

index.html

@@ -336,20 +336,21 @@ <h5 class="heading-secondary heading-secondary--uppercase heading-tertiary--whit
             </div>
             <div class="contact__right">
                 <h5 class="heading-secondary heading-secondary--uppercase heading-secondary--semi-bold u-margin-bottom-medium">Send us a message</h5>
-
-                <form class="form">
+                
+                <form class="form" action="contact.php" method="POST">
                     <div class="grid u-grid-gap-small">
-                        <input type="text" id="name" placeholder="John Doe" class="form__input grid__half">
-                        <input type="email" id="email" placeholder="[email protected]" class="form__input grid__half">
+                        <input type="text" id="name" name="name" placeholder="John Doe" class="form__input grid__half" required>
+                        <input type="email" id="email" name="email" placeholder="[email protected]" class="form__input grid__half" required>
                     </div>
                     <div class="grid">
-                        <textarea id="message" placeholder="Write message here..." class="form__textarea grid__full"></textarea>
+                        <textarea id="message" name="message" placeholder="Write message here..." class="form__textarea grid__full" required></textarea>
                     </div>
                     <button class="primary-button form__button u-margin-top-small" type="submit">
                         <p class="paragraph paragraph--white">SEND</p>
                     </button>
                 </form>
             </div>
+
         </div>
     </div>
 </section>