Skip to content

Commit ff870a4

Browse files
committed
Added google form response
1 parent 5ad7b4e commit ff870a4

File tree

1 file changed

+66
-35
lines changed

1 file changed

+66
-35
lines changed

index.html

Lines changed: 66 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -628,7 +628,7 @@ <h4>Unity 3D</h4>
628628
</div>
629629
</section>
630630

631-
<section id="contact" class="contact-section">
631+
<!-- <section id="contact" class="contact-section">
632632
<div class="container">
633633
<div class="contact-container">
634634
<div class="section-header">
@@ -683,6 +683,64 @@ <h2>Get in Touch</h2>
683683
</form>
684684
</div>
685685
</div>
686+
</section> -->
687+
688+
<section id="contact" class="contact-section">
689+
<div class="container">
690+
<div class="contact-container">
691+
<div class="section-header">
692+
<h2>Get in Touch</h2>
693+
<p>Ready to transform your development workflow? Let's discuss how SimForge can help.</p>
694+
</div>
695+
696+
<form class="contact-form" name="contact-form" action="https://docs.google.com/forms/d/e/1FAIpQLSdZAPIYlq3eFtZv-gJxqtXvBKuxELkSJHnyCFuhj4G7uXNFww/formResponse" method="POST" target="hidden_iframe" onsubmit="handleSubmit(event)">
697+
<div class="form-row">
698+
<div class="form-group">
699+
<label for="firstName">First Name</label>
700+
<input type="text" id="firstName" name="entry.107019508" required>
701+
</div>
702+
<div class="form-group">
703+
<label for="lastName">Last Name</label>
704+
<input type="text" id="lastName" name="entry.201168832" required>
705+
</div>
706+
</div>
707+
708+
<div class="form-row">
709+
<div class="form-group">
710+
<label for="email">Email</label>
711+
<input type="email" id="email" name="entry.1156617537" required>
712+
</div>
713+
<div class="form-group">
714+
<label for="company">Company</label>
715+
<input type="text" id="company" name="entry.1917003079" required>
716+
</div>
717+
</div>
718+
719+
<div class="form-group">
720+
<label for="industry">Industry Focus</label>
721+
<select id="industry" name="entry.69875245_sentinel" required>
722+
<option value="">Select an industry</option>
723+
<option value="automotive">Automotive</option>
724+
<option value="warehouse">Warehouse Robotics</option>
725+
<option value="delivery">Last-Mile Delivery</option>
726+
<option value="aerospace">Aerospace</option>
727+
<option value="logistics">Logistics</option>
728+
<option value="manufacturing">Manufacturing & Assembly</option>
729+
<option value="other">Other</option>
730+
</select>
731+
</div>
732+
733+
<div class="form-group">
734+
<label for="message">Message</label>
735+
<textarea id="message" name="entry.562458079" placeholder="Tell us about your project and simulation needs..." required></textarea>
736+
</div>
737+
738+
<button type="submit" class="submit-button">Send Message</button>
739+
740+
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"></iframe>
741+
</form>
742+
</div>
743+
</div>
686744
</section>
687745

688746
<footer id="contact">
@@ -723,46 +781,19 @@ <h4>Contact</h4>
723781

724782
// Form submission handler
725783
function handleSubmit(event) {
726-
event.preventDefault();
727-
728-
// Get form data
729-
const formData = new FormData(event.target);
730-
const data = Object.fromEntries(formData);
731-
732-
// Replace this URL with your Google Apps Script web app URL
733-
const scriptURL = 'https://script.google.com/macros/s/AKfycbwwOKUqbIxGjuRK-W_AEw39437oFlpY-185PzmHR6gcn5u_i9LJ6rBGY6qwh3utigow/exec';
734-
735-
// Disable submit button and show loading state
736-
const submitButton = event.target.querySelector('.submit-button');
784+
const submitButton = document.querySelector('.submit-button');
737785
const originalText = submitButton.textContent;
738786
submitButton.disabled = true;
739787
submitButton.textContent = 'Sending...';
740788

741-
// Send data to Google Sheet
742-
fetch(scriptURL, {
743-
method: 'POST',
744-
body: JSON.stringify(data),
745-
headers: {
746-
'Content-Type': 'application/json'
747-
}
748-
})
749-
.then(response => response.json())
750-
.then(result => {
751-
if (result.status === 'success') {
752-
alert('Thank you for your message! We will get back to you soon.');
753-
event.target.reset();
754-
} else {
755-
alert('There was an error submitting your form. Please try again or email us directly at info@simforge.io');
756-
}
757-
})
758-
.catch(error => {
759-
console.error('Error:', error);
760-
alert('There was an error submitting your form. Please try again or email us directly at info@simforge.io');
761-
})
762-
.finally(() => {
789+
setTimeout(() => {
790+
alert('Thank you for your message! We will get back to you soon.');
791+
document.querySelector('.contact-form').reset();
763792
submitButton.disabled = false;
764793
submitButton.textContent = originalText;
765-
});
794+
}, 1000);
795+
796+
return true;
766797
}
767798

768799
function toggleDetails(id) {

0 commit comments

Comments
 (0)