<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ecowell Style Water Softener Landing Page</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <div class="top-bar">
        <div class="container top-bar-content">
            <div class="top-info">
                <span><i class="fas fa-envelope"></i> info@eco.com</span>
                <span><i class="fas fa-map-marker-alt"></i> Delhi, Noida & Gurugram</span>
            </div>
        </div>
    </div>

 <header class="main-header">
    <div class="container nav-container">
        <a href="#" class="logo">
            <img src="upload/logo.png" alt="Eco Logo">
        </a>
        
        <div class="nav-right">
            <nav class="nav-menu" id="navMenu">
                <a href="#home" class="nav-link">Home</a>
                <a href="#service" class="nav-link">Services</a>
                <a href="#process" class="nav-link">Process</a>
                <a href="#contact" class="nav-link">Contact</a>
                
                <a href="#form-section" class="mobile-cta-btn">Book Free Test</a>
            </nav>

            <a href="#form-section" class="header-btn desktop-cta-btn">Book Free Test</a>

            <div class="hamburger" onclick="toggleMenu()">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </div>
</header>
<section class="hero-section">
        <div class="container hero-container">
            <div class="hero-text">
                <h1>See the Difference <br><span class="highlight-text">Soft Water Makes</span></h1>
                <p class="sub-heading">Get Softer Water in 24-48 Hours.</p>
                <p class="description">Transform your water quality at home; protect your skin, hair & appliances with India's #1 Water Softener.</p>
                
                <a href="#form-section" class="cta-button">Book FREE Home Water Test</a>

                <div class="trust-markers">
                    <span><i class="fas fa-check-circle"></i> 10+ Years Expertise</span>
                    <span><i class="fas fa-check-circle"></i> Trusted by 25,000+ Families</span>
                    <span><i class="fas fa-check-circle"></i> Certified Technicians</span>
                    <span><i class="fas fa-check-circle"></i> EMI Available</span>
                </div>
            </div>

            <div class="hero-image"> <div class="hero-form-card">
                    <div class="form-header">
                        <h3>Get Your Tank Checked For Free!</h3>
                    </div>
                    <div class="form-body">
                        <form>
                            <div class="input-group">
                                <label>Name</label>
                                <input type="text" placeholder="Enter your name" required>
                            </div>
                            
                            <div class="input-group">
                                <label>Phone Number</label>
                                <input type="tel" placeholder="+91 XXXXX XXXXX" required>
                            </div>

                            <div class="input-group">
                                <label>City</label>
                                <select>
                                    <option>Select City</option>
                                    <option>Delhi</option>
                                    <option>Noida</option>
                                    <option>Gurugram</option>
                                    <option>Other</option>
                                </select>
                            </div>

                            <button type="submit" class="orange-submit-btn">Get Free Quote</button>
                        </form>
                        
                        <div class="form-footer">
                            <p class="location-text"><i class="fas fa-map-marker-alt"></i> Available in Delhi, Noida, Gurugram</p>
                            <p class="trust-text">Trusted by 25,000+ Indian Homes</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="comparison-section">
        <div class="container">
            <h2 class="section-title">See the Difference: Dirty vs. Soft Water</h2>
            <div class="comparison-container-box">
                <div class="comparison-grid">
                    <div class="comparison-column dirty-side">
                        <h3 class="column-title">Dirty Water Effects</h3>
                        <div class="comparison-item">
                            <img src="upload/hard-water.jpg" alt="Dirty Faucet with Limescale" class="item-image">
                            <div class="item-content">
                                <div class="icon-title">
                                    <i class="fas fa-shower icon-dirty"></i>
                                    <h4>Hardness & Scale Build-up</h4>
                                </div>
                                <p>Causes limescale on taps and tiles.</p>
                            </div>
                        </div>
                        <div class="comparison-item">
                            <img src="upload/Hard-Water_1024x1024.webp" class="item-image">
                            <div class="item-content">
                                <div class="icon-title">
                                    <i class="fas fa-hand-holding-water icon-dirty"></i>
                                    <h4>Dry Skin & Hair Fall</h4>
                                </div>
                                <p>Leaves residue, clogging pores & hair.</p>
                            </div>
                        </div>
                    </div>

                    <div class="separator-line"></div>

                    <div class="comparison-column clean-side">
                        <h3 class="column-title">Soft Water Benefits</h3>
                        <div class="comparison-item">
                            <img src="upload/clean_wa.jpg" class="item-image">
                            <div class="item-content">
                                <div class="icon-title">
                                    <i class="fas fa-bath icon-clean"></i>
                                    <h4>Spotless Bathroom</h4>
                                </div>
                                <p>Prevents limescale marks on fixtures.</p>
                            </div>
                        </div>
                        <div class="comparison-item">
                            <img src="upload/shower.jpg" alt="Bright Clean Water" class="item-image">
                            <div class="item-content">
                                <div class="icon-title">
                                    <i class="fas fa-tshirt icon-clean"></i>
                                    <h4>Brighter, Softer</h4>
                                </div>
                                <p>Improves lather, fabrics stay soft.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="process-timeline-section">
        <div class="container">
            <h2 class="section-title">From Inspection to Softer Water — What to Expect</h2>
            
            <div class="timeline-box">
                <div class="timeline-steps">
                    <div class="step-item">
                        <div class="step-icon">
                            <i class="far fa-calendar-check"></i>
                        </div>
                        <div class="step-text">
                            <h4>Schedule Free</h4>
                            <p>Inspection Today</p>
                        </div>
                    </div>

                    <div class="step-arrow">
                        <i class="fas fa-chevron-right"></i>
                    </div>

                    <div class="step-item">
                        <div class="step-icon">
                            <i class="fas fa-clipboard-list"></i>
                        </div>
                        <div class="step-text">
                            <h4>SAME DAY</h4>
                            <p>Inspection & Consultation</p>
                        </div>
                    </div>

                    <div class="step-arrow">
                        <i class="fas fa-chevron-right"></i>
                    </div>

                    <div class="step-item">
                        <div class="step-icon">
                            <i class="fas fa-tools"></i>
                        </div>
                        <div class="step-text">
                            <h4>IN 24-48 Hrs</h4>
                            <p>Installation Complete</p>
                        </div>
                    </div>
                </div>

                <div class="timeline-image">
                    <img src="upload/timeline-pr.png" alt="Happy Family">
                </div>
            </div>
        </div>
    </section>

    <section class="why-choose-section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Why Ecowell?</h2>
                <p class="section-subtitle">India's most trusted water softening experts</p>
            </div>

            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon-wrapper blue-circle">
                        <i class="fas fa-truck-fast"></i>
                    </div>
                    <div class="benefit-content">
                        <h3>Free Home Installation</h3>
                        <p>No hidden charges. Installed by certified technicians.</p>
                    </div>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon-wrapper blue-circle">
                        <i class="fas fa-flask"></i>
                    </div>
                    <div class="benefit-content">
                        <h3>Free Home Demo in 24 Hours</h3>
                        <p>See water hardness results before you decide.</p>
                    </div>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon-wrapper outline-circle">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <div class="benefit-content">
                        <h3>1-Year Warranty</h3>
                        <p>Peace of mind with reliable after-sales support.</p>
                    </div>
                </div>

                <div class="benefit-card">
                    <div class="benefit-icon-wrapper gold-badge">
                        <i class="fas fa-certificate"></i>
                    </div>
                    <div class="benefit-content">
                        <h3>Certified Quality</h3>
                        <p>Peace of mind with reliable after-sales support.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
<section class="smart-selection-section">
    <div class="container relative-container">
        <div class="smart-header">
            <h2 class="section-title">Find the Perfect Water Softener</h2>
            <p>Don't worry, we'll help you choose the best one for your home — free of cost.</p>
        </div>

        <div class="slider-wrapper">
            
            <button class="slider-btn prev-btn" onclick="slideLeft()">
                <i class="fas fa-chevron-left"></i>
            </button>

            <div class="smart-grid" id="product-slider">
                
                <div class="smart-card">
                    <div class="card-upper">
                        <h3>Bathroom Softener</h3>
                        <span class="badge-blue">1-2 Bathrooms</span>
                    </div>

                    <div class="product-visual">
                        <img src="upload/water-softwaner-banner.png" alt="Bathroom Water Softener">
                    </div>

                    <div class="card-details">
                        <ul class="smart-features">
                            <li><i class="fas fa-check-circle"></i> Compact Unit</li>
                            <li><i class="fas fa-check-circle"></i> Affordable Price</li>
                        </ul>
                        <a href="#form-section" class="smart-btn">Get Free Estimate</a>
                    </div>
                    <div class="water-wave-bg"></div>
                </div>

                <div class="smart-card">
                    <div class="card-upper">
                        <h3>Whole House Softener</h3>
                        <span class="badge-blue">Full House Solution</span>
                    </div>

                    <div class="product-visual">
                        <img src="upload/Water-Filter-NU-Aqua-Whole-House-Water-Softener-Front_800x.webp" alt="Whole House Water Softener">
                    </div>

                    <div class="card-details">
                        <ul class="smart-features">
                            <li><i class="fas fa-check-circle"></i> Treats Water for All Taps</li>
                            <li><i class="fas fa-check-circle"></i> Showers & Geysers</li>
                        </ul>
                        <a href="#form-section" class="smart-btn">Get Expert Recommendation</a>
                    </div>
                    <div class="water-wave-bg"></div>
                </div>

            </div>

            <button class="slider-btn next-btn" onclick="slideRight()">
                <i class="fas fa-chevron-right"></i>
            </button>

        </div>
    </div>
</section>
  <section class="hard-water-section">
        <div class="container relative-container">
            <h2 class="section-title">Hard Water Is Damaging Your Home & Health</h2>
            
            <div class="slider-wrapper">

                <button class="slider-btn prev-btn" onclick="slideProblemsLeft()">
                    <i class="fas fa-chevron-left"></i>
                </button>

                <div class="problems-grid" id="hard-water-slider">
                    
                    <div class="problem-card">
                        <div class="problem-img">
                            <img src="https://img.freepik.com/free-photo/young-woman-scratching-her-head_1150-14300.jpg?w=740" alt="Dry Itchy Skin">
                        </div>
                        <h3>Dry, Itchy Skin & Hair</h3>
                        <p>Excess minerals strip natural oils, causing dryness and irritation.</p>
                    </div>

                    <div class="problem-card">
                        <div class="problem-img">
                            <img src="https://img.freepik.com/free-photo/close-up-faucet-with-limescale_23-2149345479.jpg?w=740" alt="Chalky Stains">
                        </div>
                        <h3>White, Chalky Stains</h3>
                        <p>Stubborn limescale deposits on taps, tiles, and glass shower doors.</p>
                    </div>

                    <div class="problem-card">
                        <div class="problem-img">
                            <img src="https://img.freepik.com/free-photo/washing-machine-laundry_144627-26884.jpg?w=740" alt="Ruined Appliances">
                        </div>
                        <h3>Ruined Appliances</h3>
                        <p>Scale buildup damages heaters, washing machines, and geysers.</p>
                    </div>

                    <div class="problem-card">
                        <div class="problem-img">
                            <img src="https://img.freepik.com/free-photo/stack-clean-towels_144627-10565.jpg?w=740" alt="Stiff Laundry">
                        </div>
                        <h3>Faded, Stiff Laundry</h3>
                        <p>Clothes lose color faster and feel rough like sandpaper.</p>
                    </div>
                </div>

                <button class="slider-btn next-btn" onclick="slideProblemsRight()">
                    <i class="fas fa-chevron-right"></i>
                </button>

            </div>
            <div class="hard-water-action">
                <div class="wave-decoration left-wave">
                    <span class="small-text">Magnesium | Calcium</span>
                </div>
                
                <a href="#form-section" class="cta-button-blue">Check My Water for Free</a>
                
                <div class="wave-decoration right-wave">
                    <span class="small-text">Protect your home today</span>
                </div>
            </div>
        </div>
    </section>
    
  <section class="trusted-section">
        <div class="container relative-container">
            <div class="section-header-left">
                <h2 class="section-title">Trusted by 25,000+ Indian Homes</h2>
                <div class="header-line"></div>
            </div>

            <div class="slider-wrapper">

                <button class="slider-btn prev-btn" onclick="slideVideosLeft()">
                    <i class="fas fa-chevron-left"></i>
                </button>

                <div class="testimonials-grid" id="video-slider">
                    
                    <div class="video-card-simple">
                        <div class="video-wrapper">
                            <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY" title="Review 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <div class="simple-info">
                            <h5>Sangeeta, Bangalore</h5>
                        </div>
                    </div>

                    <div class="video-card-simple">
                        <div class="video-wrapper">
                            <iframe src="https://www.youtube.com/embed/LXb3EKWsInQ" title="Review 2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <div class="simple-info">
                            <h5>Priya, Mumbai</h5>
                        </div>
                    </div>

                    <div class="video-card-simple">
                        <div class="video-wrapper">
                            <iframe src="https://www.youtube.com/embed/ScMzIvxBSi4" title="Review 3" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <div class="simple-info">
                            <h5>Rahul, Delhi</h5>
                        </div>
                    </div>

                    <div class="video-card-simple">
                        <div class="video-wrapper">
                            <iframe src="https://www.youtube.com/embed/EngW7tLk6R8" title="Review 4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <div class="simple-info">
                            <h5>Sharma Family, Pune</h5>
                        </div>
                    </div>

                </div>

                <button class="slider-btn next-btn" onclick="slideVideosRight()">
                    <i class="fas fa-chevron-right"></i>
                </button>

            </div>
            </div>
    </section>
    <section class="faq-section">
        <div class="container">
            <h2 class="section-title">Frequently Asked Questions</h2>

            <div class="faq-container">
                <details class="faq-item" open>
                    <summary>
                        <span class="q-text">1. What is the warranty period?</span>
                        <i class="fas fa-chevron-down arrow"></i>
                    </summary>
                    <div class="faq-answer">
                        <p>We provide a comprehensive 1-year warranty on all parts and service.</p>
                    </div>
                </details>

                <details class="faq-item">
                    <summary>
                        <span class="q-text">2. What is included in the free service?</span>
                        <i class="fas fa-chevron-down arrow"></i>
                    </summary>
                    <div class="faq-answer">
                        <p>It covers routine checkups, salt refilling, and filter cleaning twice a year.</p>
                    </div>
                </details>

                <details class="faq-item">
                    <summary>
                        <span class="q-text">3. How long does installation take?</span>
                        <i class="fas fa-chevron-down arrow"></i>
                    </summary>
                    <div class="faq-answer">
                        <p>Installation typically takes 2-4 hours depending on your plumbing setup.</p>
                    </div>
                </details>

                <details class="faq-item">
                    <summary>
                        <span class="q-text">4. Do you offer EMI options?</span>
                        <i class="fas fa-chevron-down arrow"></i>
                    </summary>
                    <div class="faq-answer">
                        <p>Yes, we offer easy EMI options with major credit cards and Bajaj Finserv.</p>
                    </div>
                </details>

                <details class="faq-item">
                    <summary>
                        <span class="q-text">5. How often does the softener regenerate?</span>
                        <i class="fas fa-chevron-down arrow"></i>
                    </summary>
                    <div class="faq-answer">
                        <p>It regenerates automatically based on your water usage, usually every 3-7 days.</p>
                    </div>
                </details>
            </div>

            <div class="support-features-grid">
                <div class="support-feature">
                    <div class="s-icon blue-shield">
                        <i class="fas fa-shield-alt"></i>
                        <i class="fas fa-check check-badge"></i>
                    </div>
                    <h4>Free<br>Installation</h4>
                </div>
                
                <div class="support-feature">
                    <div class="s-icon green-shield">
                        <i class="fas fa-shield-alt"></i>
                        <span class="year-text">1</span>
                    </div>
                    <h4>1 Year<br>Warranty</h4>
                </div>

                <div class="support-feature">
                    <div class="s-icon blue-tools">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h4>2 Free<br>Servicing Seasons</h4>
                </div>

                <div class="support-feature">
                    <div class="s-icon emi-box">
                        <span>EMI</span>
                    </div>
                    <h4>Easy EMI<br>Options</h4>
                </div>
            </div>

            <a href="tel:+919876543210" class="contact-bar">
                <div class="contact-content">
                    <i class="fas fa-phone-alt phone-shake"></i>
                    <span class="phone-number">+91-9876543210</span>
                    <span class="divider-line">|</span>
                    <span class="reviews-count">1,382 Reviews</span>
                </div>
            </a>

        </div>
    </section>
   <section class="reviews-section">
        <div class="container relative-container">
            <div class="section-header">
                <h2 class="section-title">What Our Customers Say</h2>
                <p class="section-subtitle">Real stories from happy families across India.</p>
            </div>

            <div class="slider-wrapper">

                <button class="slider-btn prev-btn" onclick="slideReviewsLeft()">
                    <i class="fas fa-chevron-left"></i>
                </button>

                <div class="reviews-grid" id="reviews-slider">
                    
                    <div class="review-card">
                        <div class="review-img">
                            <img src="https://img.freepik.com/free-photo/young-indian-man-smiling-confidence_1187-5775.jpg?w=740" alt="Rajesh Kumar">
                        </div>
                        <div class="review-content">
                            <h3 class="reviewer-name">Rajesh Kumar</h3>
                            <div class="stars">
                                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                            </div>
                            <p class="review-text">"Best investment for our home! We saw a difference in our water quality and pressure instantly. Fantastic service from Ecowell."</p>
                        </div>
                    </div>

                    <div class="review-card">
                        <div class="review-img">
                            <img src="https://img.freepik.com/free-photo/portrait-young-indian-woman-combing-her-hair_1157-41070.jpg?w=740" alt="Sangeeta Iyer">
                        </div>
                        <div class="review-content">
                            <h3 class="reviewer-name">Sangeeta Iyer</h3>
                            <div class="stars">
                                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                            </div>
                            <p class="review-text">"No more limescale stains and our hair feels so much softer. The team was professional and installation was quick."</p>
                        </div>
                    </div>

                    <div class="review-card">
                        <div class="review-img">
                            <img src="https://img.freepik.com/free-photo/portrait-happy-young-man-wearing-shirt_23-2148347854.jpg?w=740" alt="Anil Rao">
                        </div>
                        <div class="review-content">
                            <h3 class="reviewer-name">Anil Rao</h3>
                            <div class="stars">
                                <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                            </div>
                            <p class="review-text">"Our geysers and washing machine are running like new again. Highly recommend Ecowell to anyone with hard water problems."</p>
                        </div>
                    </div>

                </div>

                <button class="slider-btn next-btn" onclick="slideReviewsRight()">
                    <i class="fas fa-chevron-right"></i>
                </button>

            </div>
            </div>
    </section>
    <section class="features-section">
        <div class="container">
            <h2 class="section-title">See the Difference Soft Water Makes</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="icon-box blue-bg">
                        <i class="fas fa-hand-sparkles"></i>
                    </div>
                    <h3>Softer Skin & Hair</h3>
                    <p>Experience the gentle touch on your skin.</p>
                </div>
                <div class="feature-card">
                    <div class="icon-box blue-bg">
                        <i class="fas fa-cut"></i>
                    </div>
                    <h3>Reduced Hair Fall</h3>
                    <p>Protect your hair from harsh salts.</p>
                </div>
                <div class="feature-card">
                    <div class="icon-box blue-bg">
                        <i class="fas fa-bath"></i>
                    </div>
                    <h3>Spotless Bathroom</h3>
                    <p>No more white scale marks on tiles.</p>
                </div>
                <div class="feature-card">
                    <div class="icon-box blue-bg">
                        <i class="fas fa-tshirt"></i>
                    </div>
                    <h3>Brighter, Softer</h3>
                    <p>Clothes stay new for longer.</p>
                </div>
            </div>
        </div>
    </section>

    <footer class="site-footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-col">
                    <h2 class="footer-logo">ECO<span class="highlight-blue">WELL</span></h2>
                    <p>India's leading water softener brand, dedicated to providing soft, healthy water for families across the nation.</p>
                    <div class="social-icons">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                    </div>
                </div>

                <div class="footer-col">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Our Products</a></li>
                        <li><a href="#">How it Works</a></li>
                        <li><a href="#">Reviews</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Contact Us</h4>
                    <ul class="contact-list">
                        <li><i class="fas fa-phone-alt"></i> +91-70221 17611</li>
                        <li><i class="fas fa-envelope"></i> support@ecowell.in</li>
                        <li><i class="fas fa-map-marker-alt"></i> Sector 62, Noida, India</li>
                    </ul>
                </div>
            </div>

            <div class="footer-bottom">
                <p>&copy; 2026 Ecowell Water Solutions. All Rights Reserved.</p>
                <p>Privacy Policy | Terms of Service</p>
            </div>
        </div>
    </footer>
<script>
    function slideRight() {
        const slider = document.getElementById('product-slider');
        // Slide by screen width
        slider.scrollBy({
            left: slider.clientWidth, 
            behavior: 'smooth'
        });
    }

    function slideLeft() {
        const slider = document.getElementById('product-slider');
        slider.scrollBy({
            left: -slider.clientWidth, 
            behavior: 'smooth'
        });
    }
    // --- NEW Slider Script (Hard Water Problems) ---
    function slideProblemsRight() {
        const slider = document.getElementById('hard-water-slider');
        slider.scrollBy({ left: slider.clientWidth, behavior: 'smooth' });
    }

    function slideProblemsLeft() {
        const slider = document.getElementById('hard-water-slider');
        slider.scrollBy({ left: -slider.clientWidth, behavior: 'smooth' });
    }
    function slideVideosRight() {
        const slider = document.getElementById('video-slider');
        slider.scrollBy({ left: slider.clientWidth, behavior: 'smooth' });
    }

    function slideVideosLeft() {
        const slider = document.getElementById('video-slider');
        slider.scrollBy({ left: -slider.clientWidth, behavior: 'smooth' });
    }
    function slideReviewsRight() {
        const slider = document.getElementById('reviews-slider');
        slider.scrollBy({ left: slider.clientWidth, behavior: 'smooth' });
    }

    function slideReviewsLeft() {
        const slider = document.getElementById('reviews-slider');
        slider.scrollBy({ left: -slider.clientWidth, behavior: 'smooth' });
    }
    function toggleMenu() {
        const navMenu = document.getElementById('navMenu');
        navMenu.classList.toggle('active');
    }
    
    // Optional: Close menu when clicking a link
    document.querySelectorAll('.nav-link').forEach(link => {
        link.addEventListener('click', () => {
            document.getElementById('navMenu').classList.remove('active');
        });
    });
</script>
</body>
</html>