@@ -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