cloudforge-pro / script.js
aigpt4robo's picture
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
Raw
History Blame Contribute Delete
1.9 kB
// 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();
}
});