<?php $__env->startSection('title', 'Twist home'); ?>


<?php $__env->startSection('content'); ?>
    <main class="home-main">

        
        <img class="img-fluid blur-bg" src="<?php echo e(asset(path: 'themes/images/blur-bg.webp')); ?>" alt="">

        
        <section class="hero-banner">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <div class="bnner-text-area">
                            <h1 class="main-title m-0">Secure, Fast, and Private VPN for Everyone</h1>
                            <div class="bnner-btm-area">
                                <a class="banner-cta" href="#">Get TwistVPN</a>
                                <ul class="device-list">
                                    <li class="device-list-item">
                                        <a class="device-link" href="#">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/window-icon.svg')); ?>" alt="">
                                            <span class="dev-name">Window</span>
                                        </a>
                                    </li>
                                    <li class="device-list-item">
                                        <a class="device-link" href="#">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/mac-icon.svg')); ?>" alt="">
                                            <span class="dev-name">macOS</span>
                                        </a>
                                    </li>
                                    <li class="device-list-item">
                                        <a class="device-link" href="#">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/android-icon.svg')); ?>" alt="">
                                            <span class="dev-name">Android</span>
                                        </a>
                                    </li>
                                    <li class="device-list-item">
                                        <a class="device-link" href="#">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/ios-icon.svg')); ?>" alt="">
                                            <span class="dev-name">IOS</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <div class="hero-img-area">
                            <img class="img-fluid bnner-img" src="<?php echo e(asset(path: 'themes/images/hero-bnner-img2.avif')); ?>" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section class="advance-protection-section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="protection-box">
                            <h2 class="section-title text-start mb-5">Advanced Protection & Control</h2>
                            <div class="row">
                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="protect-card left h-lg-1">
                                        <img src="<?php echo e(asset('themes/images/protection-img-1.avif')); ?>" alt="Kill Switch">
                                        <div class="protect-card-content">
                                            <h3 class="protect-title">Kill Switch</h3>
                                        </div>
                                    </div>
                                    <div class="protect-card left h-sm-1">
                                         <img src="<?php echo e(asset('themes/images/protection-img-2.avif')); ?>" alt="DNS Leak Protection">
                                        <div class="protect-card-content">
                                            <h3 class="protect-title">DNS Leak Protection</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="protect-card center h-sm-1">
                                        <img src="<?php echo e(asset('themes/images/protection-img-3.avif')); ?>" alt="Split Tunneling">
                                        <div class="protect-card-content top">
                                            <h3 class="protect-title">Split Tunneling</h3>
                                        </div>
                                    </div>
                                    <div class="protect-card center h-sm-1">
                                        <img src="<?php echo e(asset('themes/images/protection-img-4.avif')); ?>" alt="Unlimited Bandwidth">
                                        <div class="protect-card-content">
                                            <h3 class="protect-title">Unlimited Bandwidth</h3>
                                        </div>
                                    </div>
                                     <div class="protect-card center h-sm-1">
                                        <img src="<?php echo e(asset('themes/images/protection-img-5.avif')); ?>" alt="Malware Protection">
                                        <div class="protect-card-content">
                                            <h3 class="protect-title">Malware Protection</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12">
                                    <div class="protect-card right h-sm-1">
                                        <div class="d-flex align-items-center justify-content-center h-100">
                                            <img src="<?php echo e(asset('themes/images/protection-img-6.avif')); ?>" alt="AdBlocker">
                                             <div class="protect-card-content">
                                                <h3 class="protect-title">AdBlocker</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="protect-card right h-lg-1">
                                        <img src="<?php echo e(asset('themes/images/protection-img-7.avif')); ?>" alt="10 Simultaneous Logins">
                                        <div class="protect-card-content center">
                                            <h3 class="protect-title">10 Simultaneous Logins</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section class="premium-features-section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="premium-feature-box">
                            <h2 class="section-title text-white">Premium Features</h2>
                            <div class="row">
                                <div class="col-12 col-lg-8">
                                    <div class="prem-feature">
                                        <h3 class="feature-title">AES-256 Encryption for Maximum Security</h3>
                                        <p class="feature-para">Utilizing military-grade AES-256 encryption, we protect your data from cyber threats, unauthorized access, and surveillance. This globally trusted standard ensures secure data storage and transmission, making decryption or interception virtually impossible. Your information remains confidential, intact, and protected at all times.</p>
                                    </div>
                                    <div class="prem-feature">
                                        <h3 class="feature-title">No-Logs Policy</h3>
                                        <p class="feature-para">We strictly adhere to a no-logs policy, ensuring that none of your online activities, connections, or personal data are ever recorded, stored, or shared. This guarantees complete privacy and anonymity, preventing any third parties from tracking, monitoring, or identifying your online behavior under any circumstances.</p>
                                    </div>
                                    <div class="prem-feature">
                                        <h3 class="feature-title">Multi-Device Support</h3>
                                        <p class="feature-para">Protect all your devices with a single subscription, compatible across Windows, macOS, iOS, Android, and other major platforms. Enjoy seamless security on your laptop, smartphone, tablet, and desktop simultaneously, with no compromise on performance or privacy. One account keeps all your devices safe, making it easy to manage protection for your entire digital life.</p>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-4">
                                    <div class="premium-feature-img-area">
                                        <img class="img-fluid feature-img" src="<?php echo e(asset(path: 'themes/images/premium-feature-img.avif')); ?>" alt="">
                                        <a class="primary-btn" href="#">Get TwistVPN</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section class="why-choose-section"> 
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="why-choose-main">
                            <h2 class="section-title">Why Choose TwistVPN?</h2>
                            <div class="row">
                                <div class="col-12 col-lg-6">
                                    <div class="why-choose-box">
                                        <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/play-icon.svg')); ?>" alt="">
                                        <h3 class="md-title">Ultra-Fast Speeds for Streaming & Browsing</h3>
                                        <p class="sm-para m-0">Experience buffer-free streaming and seamless browsing with our optimized global servers.</p>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="why-choose-box">
                                        <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/world-icon.svg')); ?>" alt="">
                                        <h3 class="md-title">Global Servers in 100+ Locations</h3>
                                        <p class="sm-para m-0">Access content from anywhere in the world with our vast network of servers.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <?php $__env->startComponent('page.components.pricing-section'); ?>
        <?php echo $__env->renderComponent(); ?>

        
        <section class="vpn-services-section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="service-box">
                            <h2 class="section-title">VPN for all your devices</h2>
                            <p class="lg-para">Use TwistVPN on up to 10 devices at the same time. We offer secure VPN apps for <br>all major platforms and proxy browser extensions.</p>
                            <div class="row">
                                <div class="col-12 col-lg-6">
                                    <div class="vpn-ser-img-area">
                                        <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/vpn-service-img.avif')); ?>" alt="">
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <ul class="vpn-service-list">
                                        <li class="ser-list-item active">
                                            <button type="button" class="service-tab-btn">VPN for Windows</button>
                                            <div class="ser-list-body">
                                                <p class="ser-description"><a href="#">Download a VPN for Windows</a> and be safer as you work, play, and stream on your PC. Get the fastest VPN service out there, enjoy unlimited VPN data, and experience a stable connection wherever you are.</p>
                                            </div>
                                        </li>
                                        <li class="ser-list-item">
                                            <button type="button" class="service-tab-btn">VPN for Mac</button>
                                            <div class="ser-list-body">
                                                <p class="ser-description"><a href="#">Download a VPN for Windows</a> and be safer as you work, play, and stream on your PC. Get the fastest VPN service out there, enjoy unlimited VPN data, and experience a stable connection wherever you are.</p>
                                            </div>
                                        </li>
                                        <li class="ser-list-item">
                                            <button type="button" class="service-tab-btn">VPN for Android</button>
                                            <div class="ser-list-body">
                                                <p class="ser-description"><a href="#">Download a VPN for Windows</a> and be safer as you work, play, and stream on your PC. Get the fastest VPN service out there, enjoy unlimited VPN data, and experience a stable connection wherever you are.</p>
                                            </div>
                                        </li>
                                        <li class="ser-list-item">
                                            <button type="button" class="service-tab-btn">VPN for iOS</button>
                                            <div class="ser-list-body">
                                                <p class="ser-description"><a href="#">Download a VPN for Windows</a> and be safer as you work, play, and stream on your PC. Get the fastest VPN service out there, enjoy unlimited VPN data, and experience a stable connection wherever you are.</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section class="testimonial-section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="testimonial-main-box">
                            <h2 class="section-title text-white">What Our Users Say</h2>
                            <div class="col-12">
                                <ul class="testimonial-slider"> 
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"TwistVPN changed how I browse online. Fast, secure, and incredibly easy to use. Highly recommended!"</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-1.png')); ?>" alt="">
                                                <span class="testim-user-name">- Sarah J.</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"Finally, a VPN that just works! Streaming is smooth, and my privacy feels truly protected. Great service."</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-2.png')); ?>" alt="">
                                                <span class="testim-user-name">- David L.</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"Excellent value for money. The multi-device support is a lifesaver for my family. TwistVPN is a must-have."</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-3.png')); ?>" alt="">
                                                <span class="testim-user-name">- Emily R.</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"TwistVPN changed how I browse online. Fast, secure, and incredibly easy to use. Highly recommended!"</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-1.png')); ?>" alt="">
                                                <span class="testim-user-name">- Sarah J.</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"Finally, a VPN that just works! Streaming is smooth, and my privacy feels truly protected. Great service."</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-2.png')); ?>" alt="">
                                                <span class="testim-user-name">- David L.</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="testimonial-slider-layer">
                                        <div class="testimonial-box">
                                            <img class="img-fluid" src="<?php echo e(asset(path: 'themes/images/quote-img.svg')); ?>" alt="">
                                            <p class="testimonial-para">"Excellent value for money. The multi-device support is a lifesaver for my family. TwistVPN is a must-have."</p>
                                            <div class="d-flex justify-content-start align-items-center">
                                                <img class="testi-avator img-fluid mb-0" src="<?php echo e(asset(path: 'themes/images/test-user-3.png')); ?>" alt="">
                                                <span class="testim-user-name">- Emily R.</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        

        

    </main>
<?php $__env->stopSection(); ?>


<?php $__env->startPush('script'); ?>

    <script>

        // Vpn service tabs

        $(".ser-list-body").hide();
        $(".ser-list-item.active").find(".ser-list-body").show();

        $(".service-tab-btn").click(function () {
        var $currentFaqBox = $(this).closest(".ser-list-item");

        if (!$currentFaqBox.hasClass("active")) {
            $(".ser-list-body").slideUp();
            $(".ser-list-item").removeClass("active");
            $currentFaqBox.addClass("active");
            $currentFaqBox.find(".ser-list-body").slideDown();
        } else {
            $currentFaqBox.removeClass("active");
            $currentFaqBox.find(".ser-list-body").slideUp();
        }
        });

        // testimonial slider

        $('.testimonial-slider').slick({
            dots: true,
            infinite: true,
            speed: 500,
            arrows: false,
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: true,
                        dots: true
                    }
                }
            ]
        });
    </script>

<?php $__env->stopPush(); ?>
<?php echo $__env->make('layout.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\twistvpn\resources\views/page/home.blade.php ENDPATH**/ ?>