Opening Soon
qww
Opening Soon!
We're working hard to bring you something amazing. Stay tuned!
head
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth' });
}
});
});
// Product search functionality
const products = [
{ name: "Paracetamol", category: "Pain Relief", description: "Relieves mild to moderate pain and fever" },
{ name: "Ibuprofen", category: "Pain Relief", description: "Anti-inflammatory pain reliever" },
{ name: "Amoxicillin", category: "Antibiotic", description: "Treats bacterial infections" },
{ name: "Cetirizine", category: "Antihistamine", description: "Relieves allergy symptoms" }
];
function searchProducts() {
const searchInput = document.getElementById('searchInput');
const searchResults = document.getElementById('searchResults');
const query = searchInput.value.toLowerCase();
if (!searchResults) return;
searchResults.innerHTML = '';
if (query.length === 0) {
searchResults.innerHTML = '
Please enter a search term.
'; return; } const filteredProducts = products.filter(product => product.name.toLowerCase().includes(query) || product.category.toLowerCase().includes(query) || product.description.toLowerCase().includes(query) ); if (filteredProducts.length === 0) { searchResults.innerHTML = 'No products found.
'; return; } filteredProducts.forEach(product => { const productDiv = document.createElement('div'); productDiv.className = 'product-item'; productDiv.innerHTML = `${product.name}
Category: ${product.category}
${product.description}
`; searchResults.appendChild(productDiv); }); } // Contact form validation function validateContactForm() { const form = document.getElementById('contactForm'); if (!form) return; form.addEventListener('submit', function(e) { e.preventDefault(); const name = document.getElementById('name').value.trim(); const email = document.getElementById('email').value.trim(); const message = document.getElementById('message').value.trim(); const formMessage = document.getElementById('formMessage'); // Basic validation if (name.length < 2) { formMessage.innerHTML = 'Please enter a valid name.'; return; } const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailPattern.test(email)) { formMessage.innerHTML = 'Please enter a valid email address.'; return; } if (message.length < 10) { formMessage.innerHTML = 'Please enter a message with at least 10 characters.'; return; } formMessage.innerHTML = 'Thank you for your message! We will get back to you soon.'; form.reset(); }); } // Initialize event listeners when DOM is loaded document.addEventListener('DOMContentLoaded', () => { const searchInput = document.getElementById('searchInput'); if (searchInput) { searchInput.addEventListener('input', searchProducts); } validateContactForm(); });