We-Voice

Feel free to contact with us

</div>
                    </div>
                </div>
            </div>
        </div>

<footer>
            <footer id="footer-section">
                <div class="container-fluid">
                    <div class="top-part">
                      <div class="left">
                        <div class="footer-logo">
                                <img src="https://staging.wevoice.co.uk/assets/images/footer-logo.png" alt="footer-logo" />
                        </div>
                         <strong>Welcome to We Voice </strong>
                         <p>Your trusted provider of cutting-edge connectivity, cloud voice solutions, and mobile services, designed to keep your world seamlessly connected and empowered in the digital era.</p>
                        
                      </div>

<p class="right"><a href="08004320200">0331 630 2485</a><span>Monday-Friday: 9am to 6.30pm</span><span>Saturday: 9am to 2pm</span></p>
                    </div>
                    <div class="row">
                        <div class="col-lg-5 col-md-12 col-xs-12">

<div class="nwsltr_Sec">
                              <h5>Subscribe For Latest Newsletter</h5>
                               <form class="newsletter-form" data-toggle="validator" method="POST" novalidate="true">
                                <input type="email" class="form-control" placeholder="YourEmail" name="EMAIL" required="" autocomplete="off">
                                <button class="subscribe-btn disabled" type="submit">Join</button>
                                <div id="validator-newsletter" class="form-result"></div>
                              </form>
                            </div>
                           
                        </div>
                        <div class="col-lg-7 col-md-12 col-xs-12">
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-xs-12">
                                   <div class="ftr_menu">
                                    <h3>Our Service</h3>
                                    <ul>
                                        <li><a href="#">Cloud</a></li>
                                        <li><a href="#">Connectivity</a></li>
                                        <li><a href="#">Sim Only</a></li>
                                        <li><a href="#">Mobile HandSet</a></li>
                                    </ul>
                                  </div>
                                </div>
                                <div class="col-lg-3 col-md-4 col-xs-12">
                                  <div class="ftr_menu">
                                    <h3>Quick Links</h3>
                                    <ul>
                                                                                        <li><a class="" style="color:white; font-size:bold" href="https://staging.wevoice.co.uk/homepage">Home</a></li>
                                                                                                                                    <li><a class="" style="color:white; font-size:bold" href="https://staging.wevoice.co.uk/about_us">About Us</a></li>
                                                                                                                                    <li><a class="" style="color:white; font-size:bold" href="https://staging.wevoice.co.uk/products">Products</a></li>
                                                                                                                                    <li><a class="" style="color:white; font-size:bold" href="https://staging.wevoice.co.uk/blog">Blog</a></li>
                                                                                                                                    <li><a class="" style="color:white; font-size:bold" href="https://staging.wevoice.co.uk/contact_us">Contact Us</a></li>
                                                                                                                        </ul>
                                   </div>
                                </div>
                                <div class="col-lg-5 col-md-4 col-xs-12">
                                   <div class="ftr_menu">
                                  
                                    <h3>Contact</h3>
                                    <ul class="infoList">
                                        <li><a href="tel:08002081082"><i class="fa fa-phone" aria-hidden="true"></i> 0331 630 2485</a></li>
                                        <li><a href="mailto:hello@wevoice.co.uk"><i class="fa fa-envelope" aria-hidden="true"></i> hello@wevoice.co.uk</a></li>
                                        <li><i class="fa fa-map-marker" aria-hidden="true"></i><p>Office 2410, 182-184 High St, N, <span>London E6 2JA,United Kingdom</span></p> </li>
                                    </ul>
                                    <div class="social-block">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btm_part">
                       <div class="copy_rightTxt">
                          <p>We Voice Copyright © 2025.All Rights Reserved.</p>
                       </div>
                    </div>
                </div>
            </footer>
        </footer>

<script src="https://staging.wevoice.co.uk/assets/custom-links/jquery-3.6.0.min.js"></script>
        <script src="https://staging.wevoice.co.uk/assets/js/bootstrap.min.js"></script>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>

<script src="https://staging.wevoice.co.uk/assets/custom-links/owl-carousel1.min.js"></script>

<script type="text/javascript">
            $(function() {
                // Owl Carousel
                var owl = $(".owl-carousel1");
                owl.owlCarousel({
                    items: 5,
                    margin: 10,
                    loop: true,
                    nav: true
                });
            });
            $(function() {
                // Owl Carousel
                var owl = $(".testimonials");
                owl.owlCarousel({
                    items: 1,
                    margin: 10,
                    loop: true,
                    nav: false
                });
            });
            $(function() {
                // Owl Carousel
                var owl = $(".owl-carousel");
                owl.owlCarousel({
                    items: 5,
                    margin: 10,
                    loop: true,
                    nav: false
                });
            });
        </script>

$(".partner").owlCarousel({
                loop: true,
                margin: 10,
                nav: false,
                dots: false,
                autoplay:true,
                speed:300,
                autoplayTimeout: 2000,
                responsive: {
                    0: {
                        items: 2,
                        nav: false
                    },
                    600: {
                        items: 4,
                        nav: false
                    },
                    1000: {
                        items: 5,
                        loop: true,
                    }
                }
            });
            $(".testimonials").owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                dots: true,
                autoplay: false,
                autoplayTimeout: 3000,
                responsive: {
                    0: {
                        items: 1,
                        nav: true
                    },
                    600: {
                        items: 1,
                        nav: true
                    },
                    1000: {
                        items: 1,
                        nav: true
                    }
                }
            });
            $(".price-plan").owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                dots: true,
                autoplay: false,
                autoplayTimeout: 3000,
                responsive: {
                    0: {
                        items: 1,
                        nav: true
                    },
                    600: {
                        items: 3,
                        nav: true
                    },
                    1000: {
                        items: 5,
                        nav: true
                    }
                }
            });
        </script>

<!-- <script type="text/javascript">
            const indexes = document.querySelectorAll(".indexes li");
            const tabs = document.querySelectorAll(".tab");
            const contents = document.querySelectorAll(".tab-content");

function reset() {
                for (let i = 0; i < tabs.length; i++) {
                    indexes[i].style.borderColor = "transparent";
                    tabs[i].style.zIndex = 0;
                    tabs[i].classList.remove("active");
                    contents[i].classList.remove("active");
                }
            }

function showTab(i) {
                tabs[i].style.opacity = 1;
                tabs[i].style.zIndex = 5;
                tabs[i].classList.add("active");
                contents[i].classList.add("active");
            }

function activate(e) {
                if (!e.target.matches(".indexes li")) return;
                reset();
                showTab(e.target.dataset.index);
            }

const init = () => showTab(0);

window.addEventListener("load", init, false);
            window.addEventListener("click", activate, false);
        </script>
        <script type="text/javascript">
            $(".tab-btn .indexes li").bind('click', function() {
                $(".tab-btn .indexes li").removeClass("active")
                $(this).addClass("active")
            })
        </script> -->
        <script>
            $(document).ready(function() {
                // When Enquire Now button is clicked
                $("#enquireBtn").click(function() {
                    // Show the enquiry form
                    $("#enquireForm").toggle();
                });

$(document).ready(function() {
                    $(".addToCartBtn").click(function(event) {
                        event.preventDefault(); // Prevent default form submission

let formId = $(this).data("form-id"); // Get the form ID from data attribute
                        let form = $("#" + formId); // Select the correct form
                        let formData = form.serialize(); // Serialize the form data

console.log("Submitting form:", formId);
                        console.log("Form Data:", formData);

$.ajax({
                            url: "https://staging.wevoice.co.uk/addToCart",
                            type: "POST",
                            data: formData,
                            dataType: "json",
                            success: function(response) {
                                console.log("Response:", response);

if (response.success) {
                                    alert("Product added to cart: " + response.product_name);
                                    location.reload();
                                } else {
                                    alert("Failed to add product to cart.");
                                }
                            },
                            error: function(xhr, status, error) {
                                alert("An error occurred: " + error);
                            }
                        });
                    });
                });

$('#paymentForm').submit(function(event) {
                    event.preventDefault();
                    var formData = $('#paymentForm').serialize(); // Serialize the form data
                    console.log(formData);

var url = "https://staging.wevoice.co.uk/payment-details";
                    console.log('URL:', url);

$.ajax({
                        url: url,
                        type: 'POST',
                        data: formData,
                        success: function(response) {
                            console.log('aaa', response.data);

if (response.success) {
                                window.location.href = "https://staging.wevoice.co.uk/thankyou";

} else {

alert("Failed to add shipping Details " + response[0].error);
                            }
                        },
                        error: function(xhr, status, error) {
                            alert("An error occurred: " + error);
                        }
                    });
                });

$('#cartForm').submit(function(event) {
                    event.preventDefault();
                    var formData = $('#cartForm').serialize(); // Serialize the form data
                    console.log(formData);

var url = "https://staging.wevoice.co.uk/addToCart";
                    console.log('URL:', url);

$.ajax({
                        url: url,
                        type: 'POST',
                        data: formData,
                        success: function(response) {
                            console.log('qqqqqqqqq', response);

if (response.success) {
                                alert("Product added to cart successfully: " + response.product_name);
                                location.reload();
                            } else {

alert("Failed to add product to cart" + response[0].product_name);
                            }
                        },
                        error: function(xhr, status, error) {
                            alert("An error occurred: " + error);
                        }
                    });
                });
            });
        </script>
        <!-- <script>
            $(document).ready(function() {
                let images = [
                    "",
                    "",
                    "",
                    "",

];

let index = 0;

function changeImage() {
                    index = (index + 1) % images.length;
                    $("#banner-image").fadeOut(500, function() {
                        $(this).attr("src", images[index]).fadeIn(500);
                    });
                }

setInterval(changeImage, 5000); // Change image every 3 seconds
            });
        </script> -->
        <script src="https://js.stripe.com/v3/"></script>

<script type="text/javascript">
            (function($) {
                $.fn.countTo = function(options) {
                    options = options || {};

return $(this).each(function() {
                        // set options for current element
                        var settings = $.extend({},
                            $.fn.countTo.defaults, {
                                from: $(this).data("from"),
                                to: $(this).data("to"),
                                speed: $(this).data("speed"),
                                refreshInterval: $(this).data("refresh-interval"),
                                decimals: $(this).data("decimals")
                            },
                            options
                        );

// how many times to update the value, and how much to increment the value on each update
                        var loops = Math.ceil(settings.speed / settings.refreshInterval),
                            increment = (settings.to - settings.from) / loops;

// references & variables that will change with each update
                        var self = this,
                            $self = $(this),
                            loopCount = 0,
                            value = settings.from,
                            data = $self.data("countTo") || {};

$self.data("countTo", data);

// if an existing interval can be found, clear it first
                        if (data.interval) {
                            clearInterval(data.interval);
                        }
                        data.interval = setInterval(updateTimer, settings.refreshInterval);

// initialize the element with the starting value
                        render(value);

function updateTimer() {
                            value += increment;
                            loopCount++;

render(value);

if (typeof settings.onUpdate == "function") {
                                settings.onUpdate.call(self, value);
                            }

if (loopCount >= loops) {
                                // remove the interval
                                $self.removeData("countTo");
                                clearInterval(data.interval);
                                value = settings.to;

if (typeof settings.onComplete == "function") {
                                    settings.onComplete.call(self, value);
                                }
                            }
                        }

function render(value) {
                            var formattedValue = settings.formatter.call(self, value, settings);
                            $self.html(formattedValue);
                        }
                    });
                };

$.fn.countTo.defaults = {
                    from: 0, // the number the element should start at
                    to: 0, // the number the element should end at
                    speed: 1000, // how long it should take to count between the target numbers
                    refreshInterval: 100, // how often the element should be updated
                    decimals: 0, // the number of decimal places to show
                    formatter: formatter, // handler for formatting the value before rendering
                    onUpdate: null, // callback method for every time the element is updated
                    onComplete: null // callback method for when the element finishes updating
                };

function formatter(value, settings) {
                    return value.toFixed(settings.decimals);
                }
            })(jQuery);

jQuery(function($) {
                // custom formatting example
                $(".count-number").data("countToOptions", {
                    formatter: function(value, options) {
                        return value
                            .toFixed(options.decimals)
                            .replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");
                    }
                });

// start all the timers
                $(".timer").each(count);

</div>

<script>
    window.onscroll = function(){stickyHead()};
    const myElem = document.getElementById('headSec');
    const topOffset = myElem.offsetTop;
    
    function stickyHead(){
        if(window.pageYOffset > topOffset){
            myElem.classList.add('sticky');
        }else{
            myElem.classList.remove('sticky');
        }
    }
    
 </script>

<script>
  $('.service_slider').slick({
    dots: false,
    infinite: true,
    arrows: false,
    speed: 400,
    slidesToShow: 4,
    slidesToScroll: 1,
    // vertical: true,
    asNavFor: '.main_slider',
    focusOnSelect: true,
    // verticalSwiping: true,
    // centerMode: true,
    // centerPadding: '0px',

responsive: [{
            breakpoint:767,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
            }
   
                // vertical: false,
            
        }
        // You can unslick at a given breakpoint now by adding:
        // settings: "unslick"
        // instead of a settings object
    ]
});
</script>
  
  
<script>
    $('.main_slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    arrows: false,
    fade: true,
    autoplay: true,
    autoplaySpeed: 2500,
    pauseOnHover: true,
    speed: 100,
    asNavFor: '.service_slider'
})
</script>

<script>
    // Add an event listener to run the function when the DOM is fully loaded
      document.addEventListener("DOMContentLoaded", function() {
        // Hide the content initially
        hideContent();
      });

function hideContent() {
        var moreContents = document.getElementsByClassName("more-content");

for (var i = 0; i < moreContents.length; i++) {
            moreContents[i].style.display = "none";
        }
     }

function myFunction(buttonNumber) {
        var moreContent = document.getElementsByClassName("more-content")[buttonNumber - 1];
        var btnText = document.getElementsByClassName("myBtn")[buttonNumber - 1];

if (moreContent.style.display === "none") {
            moreContent.style.display = "inline";
            btnText.innerHTML = "Read less";
        } else {
            moreContent.style.display = "none";
            btnText.innerHTML = "Read more";
        }
    }

$(document).ready(function() {
        $("#broadband_check").on("click", function() {
            var postcode = $("#broadband_postcode").val();
            console.log(postcode);

if (postcode) {
                $.ajax({
                    url: "https://staging.wevoice.co.uk/Home/broadband_checker",
                    method: "POST",
                    data: {
                        postcode: postcode
                    },
                    success: function(response) {
                        console.log(response);
                        if (response.success) {

if (response.success && response.addresses && response.addresses.length > 0) {
                                let options = '<option value="">-- Select Address --</option>';

response.addresses.forEach(function(addr) {
                                    let full = `${addr.buildingNumber} ${addr.street}, ${addr.town}, ${addr.postCode}`;
                                    options += `<option data-buildingNo="${addr.buildingNumber}" data-postcode="${addr.postCode}" value="${full}">${full}</option>`;
                                });
                                const dropdown = `
                                 <label for="selected_address" class="form-label mt-3">Select Address</label>
                                 <div class="slct_address_wrap">
                                 <select id="selected_address" name="selected_address" class="form-control">
                                     ${options}
                                 </select>

<button type="button" id="check_availability_btn" class="btn btn-primary w-100 d-flex justify-content-center align-items-center gap-2 mt-3 check_availability_btn">
                                     <span class="btn-text">Check Availability</span>
                                     <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                                 </button>
                                 </div>
                                 `;

$("#broadband_address").html(dropdown);
                            } else {
                                $("#broadband_address").html('<div class="alert alert-warning no_addrss">No addresses found.</div>');
                            }
                        } else {
                            alert(response.error)
                        }
                        $("#broadband_result").html(response); // show the response in a div
                    },
                    error: function() {
                        $("#broadband_address").html('<div class="alert alert-danger">Error contacting server.</div>');
                    }
                });
            }
        });
        $(document).on('click', '#check_availability_btn', function() {
            let selected = $('#selected_address').find('option:selected');
            var building_number = selected.data("buildingno");
            var postcode = selected.data("postcode");

var $btn = $(this);
            $btn.find('.btn-text').addClass('d-none');
            $btn.find('.spinner-border').removeClass('d-none')
            console.log(building_number);
            console.log(postcode);
            if (building_number && postcode) {
                $.ajax({
                    url: "https://staging.wevoice.co.uk/Home/address_search",
                    method: "POST",
                    data: {
                        buildingNo: building_number,
                        postcode: postcode
                    },
                    success: function(response) {
                        // Restore button after availability is checked

if (response.success) {
                            console.log('aaa', response);
                            var SD = response.addresses[0].cssDatabaseCode;
                            var postcode = response.addresses[0].postcode;
                            var addressRef = response.addresses[0].addressReference;

// Example: Trigger next API call using this data
                            $.ajax({
                                url: "https://staging.wevoice.co.uk/Home/check_availability",
                                method: "POST",
                                data: {
                                    cssDatabaseCode: SD,
                                    postcode: postcode,
                                    addressReference: addressRef
                                },
                                success: function(nextResponse) {
                                    console.log("Next API response:", nextResponse);
                                    $btn.find('.btn-text').removeClass('d-none');
                                    $btn.find('.spinner-border').addClass('d-none');
                                    console.log('length:', nextResponse.matched_products.length);

if (nextResponse.success && (nextResponse.matched_products.length > 0)) {
                                        $('.broadband-sec').removeClass('d-none');

let productsHtml = '';

nextResponse.matched_products.forEach(function(product, index) {
                                            const hiddenClass = index >= 3 ? 'd-none more-products' : '';
                                            productsHtml += `
                                          
                                            <div class="col-md-4 col-12 ${hiddenClass}">
                                            <div class="product-card shadow-lg border-0 rounded-3 mb-4 h-100 d-flex flex-column mx-auto">
                                            <div class="product-header text-white text-center py-3 rounded-top" style="background: linear-gradient(135deg, #1e3c72, #2a5298);">
                                            <h5 class="mb-0 font-weight-bold">${product.Product_name}</h5>
                                            </div>
        
      
                                            <div class="product-body bg-light text-dark text-center p-4 mb-2 flex-grow-1 d-flex flex-column justify-content-between">
                                            <div class="mb-3">
                                            <p class="mb-2">
                                            <strong>Monthly Charges:</strong> <span class="text-success">£${product.Total_monthly_charge}</span>
                                            </p>
                                            <p class="mb-2">
                                            <strong>Min Term:</strong> ${product.MinTerm_months} months
                                            </p>
                                           
                                            </div>
            
                                            <button type="button" class="btn btn-primary btn-block mt-auto btn-enquire" data-product="${product.Product_name}">
                                            Monthly Rental Charge : £${product.Monthly_rental_charge}
                                            </button>
                                            </div>
                                            </div>
                                            </div>
                     
                                            `;
                                        });

// Wrap in a row and optional "show more" button
                                        productsHtml = `

<div class="row" id="productList"> ${productsHtml}</div>
                                            ${nextResponse.matched_products.length > 3 ? `
                                            <div class="text-center mt-4 show_btn_wrap">
                                             <button id="showMoreBtn" class="btn btn-primary">View More</button>
                                             <button id="showLessBtn" class="btn btn-danger d-none mt-2">Show Less</button>
                                            </div>` : ''}
                                           `;
                                        $('#broadband1').after(productsHtml);
                                    } else {
                                        $('#broadband1').html("<p class='text-center mt-3' style='color:red'>No  products found.</p>");
                                    }
                                }

});

}

$("#broadband_result").html(`<pre>${JSON.stringify(response, null, 2)}</pre>`);

},
                    error: function() {
                        $("#broadband_result").html('<div class="alert alert-danger">Failed to check availability.</div>');
                        $btn.find('.btn-text').removeClass('d-none');
                        $btn.find('.spinner-border').addClass('d-none');
                    }
                });
            } else {
                alert("Postcode and building no. not found");
                $btn.find('.btn-text').removeClass('d-none');
                $btn.find('.spinner-border').addClass('d-none');
            }

});
        $(document).on('click', '.btn-enquire', function() {
            const productName = $(this).data('product');
            const postcode = $('#broadband_postcode').val();

$('#plan').val(productName);
            $('#submitPostcode').val(postcode);
            $('#plans').text(productName);
            $('#submitPostCode').text(postcode);

// Show the modal
            const enquiryModal = new bootstrap.Modal(document.getElementById('enquiryModal'));
            enquiryModal.show();
        });

});
    $(document).on('click', '#showMoreBtn', function() {
        $('.more-products').removeClass('d-none');
        $('#showMoreBtn').addClass('d-none');
        $('#showLessBtn').removeClass('d-none');
    });

$(document).on('click', '#showLessBtn', function() {
        $('.more-products').addClass('d-none');
        $('#showLessBtn').addClass('d-none');
        $('#showMoreBtn').removeClass('d-none');
    });
</script>

</body>

</html>

Awesome App For Your Modern Lifestyle

Contact Us

Feel free to contact with us