Spaces:
Running
Running
Create a software product page with hero demo video, features comparison table, integration logos, API documentation link, use cases with examples, security certifications, customer stories, and free trial signup.
80eb6a6
verified
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| window.scrollTo({ | |
| top: targetElement.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Form submission handling | |
| const trialForm = document.querySelector('#trial form'); | |
| if (trialForm) { | |
| trialForm.addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // Get form values | |
| const name = document.getElementById('name').value; | |
| const email = document.getElementById('email').value; | |
| const company = document.getElementById('company').value; | |
| // Simple validation | |
| if (!name || !email || !company) { | |
| alert('Please fill in all fields'); | |
| return; | |
| } | |
| // In a real app, you would send this data to your server | |
| console.log('Form submitted:', { name, email, company }); | |
| // Show success message | |
| alert('Thank you! Your free trial is starting now.'); | |
| // Reset form | |
| trialForm.reset(); | |
| }); | |
| } | |
| // Video play functionality | |
| const playButton = document.querySelector('.relative button'); | |
| if (playButton) { | |
| playButton.addEventListener('click', function() { | |
| // In a real implementation, this would open a modal with the video | |
| alert('Video player would open here in a full implementation'); | |
| }); | |
| } | |
| // Initialize Feather icons | |
| document.addEventListener('DOMContentLoaded', function() { | |
| if (typeof feather !== 'undefined') { | |
| feather.replace(); | |
| } | |
| }); |