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
// 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();
}
});