<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>fastyl.net</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap" rel="stylesheet">
    <style>
	   ::-webkit-scrollbar {
            display: none;
        }

        #mobileMenu {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            transform: translateY(-20px);
            opacity: 0;
        }

        #mobileMenu.fade {
            transform: translateY(0);
            opacity: 1;
        }
		
        .bg-cards {
            background-color: #0c0c0c;
            border: 1px solid #1d1d1d72;
            font-family: "Quicksand", sans-serif;
        }

        .bg-cards-1 {
            background-color: #000;
            border: 1px solid #1d1d1d72;
            font-family: "Quicksand", sans-serif;
        }

        body {
            background-color: #000;
            font-family: "Quicksand", sans-serif;
            background-image: linear-gradient(0deg, rgba(34, 34, 34, 0.4) 1px, transparent 0),
                linear-gradient(90deg, rgba(34, 34, 34, 0.4) 1px, transparent 0);
            background-size: 90px 90px;
            position: relative;
			user-select: none;
        }

        body:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
            background: radial-gradient(circle at top left, rgba(0, 0, 0, 0.66), transparent 70%) 0 0,
                radial-gradient(circle at top right, rgba(0, 0, 0, 0.6), transparent 70%) 100% 0,
                radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.6), transparent 70%) 0 100%,
                radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.6), transparent 70%) 100% 100%;
            background-size: 50% 50%;
            background-repeat: no-repeat;
        }
	@media (max-width: 768px) {
        body:before {
            background-size: 0% 0%;
        }
    }
    </style>
</head>

<body id="home" class="bg-black text-white">
<nav id="navbar" class="bg-background/60 backdrop-blur-sm shadow-sm fixed top-0 left-0 right-0 z-50 dark:bg-gray-1000/60">
    <div class="container max-w-6xl mx-auto py-4 px-4 md:px-6 flex items-center justify-between">
        <div class="flex items-center space-x-4">
            <img src="logo.png" alt="Logo" class="h-8">
            <span class="text-white text-xl font-semibold">Fastyl.net</span>
        </div>
        <div class="hidden md:flex space-x-6 text-gray-300">
			<a onclick="scrollToSection('home');" class="nav-link flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-carambola">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                    <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
                </svg>
                Home
            </a>
			<a onclick="scrollToSection('pricing');" class="nav-link flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-carambola">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M9.5 3h5a1.5 1.5 0 0 1 1.5 1.5a3.5 3.5 0 0 1 -3.5 3.5h-1a3.5 3.5 0 0 1 -3.5 -3.5a1.5 1.5 0 0 1 1.5 -1.5z" />
                    <path d="M4 17v-1a8 8 0 1 1 16 0v1a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" />
					</svg>
                Pricing
            </a>
            <a onclick="scrollToSection('reviews');" class="nav-link flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-carambola">
                     <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" />
                    <path d="M10 10l.01 0" />
                    <path d="M14 10l.01 0" />
                    <path d="M10 14a3.5 3.5 0 0 0 4 0" />
					</svg>
                Reviews
            </a>
			<a onclick="scrollToSection('contact');" class="nav-link flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-carambola">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M17.286 21.09q -1.69 .001 -5.288 -2.615q -3.596 2.617 -5.288 2.616q -2.726 0 -.495 -6.8q -9.389 -6.775 2.135 -6.775h.076q 1.785 -5.516 3.574 -5.516q 1.785 0 3.574 5.516h.076q 11.525 0 2.133 6.774q 2.23 6.802 -.497 6.8" />
                </svg>
                Contact
            </a>
        </div>
        <button id="menuButton" class="md:hidden text-white">
            <i class="fa-solid fa-bars"></i>
        </button>
    </div>
    <div id="mobileMenu" class="hidden text-white md:hidden flex-col space-y-2 px-6 py-4">
        <a href="#home" class="flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
            </svg>
            Home
        </a>

        <a href="#support" class="flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-moneybag">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M9.5 3h5a1.5 1.5 0 0 1 1.5 1.5a3.5 3.5 0 0 1 -3.5 3.5h-1a3.5 3.5 0 0 1 -3.5 -3.5a1.5 1.5 0 0 1 1.5 -1.5z" />
                <path d="M4 17v-1a8 8 0 1 1 16 0v1a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" />
            </svg>
            Pricing
        </a>

        <a href="#news" class="flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ghost">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" />
                <path d="M10 10l.01 0" />
                <path d="M14 10l.01 0" />
                <path d="M10 14a3.5 3.5 0 0 0 4 0" />
            </svg>
            Contact
        </a>

        <a href="#reviews" class="flex gap-4 items-center text-neutral-100 hover:text-zinc-300 active:scale-90 cursor-pointer transition-all duration-300">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-carambola">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M17.286 21.09q -1.69 .001 -5.288 -2.615q -3.596 2.617 -5.288 2.616q -2.726 0 -.495 -6.8q -9.389 -6.775 2.135 -6.775h.076q 1.785 -5.516 3.574 -5.516q 1.785 0 3.574 5.516h.076q 11.525 0 2.133 6.774q 2.23 6.802 -.497 6.8" />
            </svg>
            Reviews
        </a>
    </div>
</nav>

    <header class="text-center mt-7 py-16 flex flex-col items-center justify-center">
        <div class="bg-black w-auto py-1 px-5 mb-3 border-b rounded-full border-t border-gray-800 border-r flex items-center">
            <i class="fa-solid fa-sm text-gray-400 fa-heart text-xl mr-2"></i>
            <span class="text-md text-gray-400 font-md">Start attacking now!</span>
        </div>
        <h1 class="text-6xl font-bold mb-4">Feel the charms of DDoS.<br> Meet Fastyl.net</h1>
        <p class="text-lg text-gray-400 mb-8">
            fastyl.net is a top DDoS platform with methods like "Rapid Reset",<br>
            effective against both Layer 7 and Layer 4 targets.
        </p>
        <div class="bg-cards-1 border-t border-l p-2 w-[400px] rounded-full flex items-center justify-between">
            <span class="text-gray-400 text-md font-medium flex items-center">
                <i class="fa-solid fa-lg mr-2 ml-3 fa-circle-info"></i> Are you ready to start?
            </span>
            <button class="bg-blue-800 text-white blue-shadow px-10 py-2 rounded-full" onclick="window.location.href='https://dsc.gg/fastyl';">Join!</button>
        </div>
    </header>
</section>

<section id="features" class="bg-black py-12">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-white mb-8">Our Features</h2>
        <div class="flex flex-wrap justify-center gap-6">
            <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4 w-64">
                <div class="p-3 rounded-full">
                   <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-timeline">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M4 16l6 -7l5 5l5 -6" />
                        <path d="M15 14m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                        <path d="M10 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                        <path d="M4 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                        <path d="M20 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                   </svg>
                </div>
                <h3 class="text-xl font-semibold">Powerful Booter</h3>
                <p class="text-center text-sm">Our bot is optimized for ease of use and performance. Our power is more than +100 Gbit/s</p>
            </div>
			
            <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4 w-64">
                <div class="p-3 rounded-full">
                   <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-speedtest">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M5.636 19.364a9 9 0 1 1 12.728 0" />
                        <path d="M16 9l-4 4" />
                   </svg>
                </div>
                <h3 class="text-xl font-semibold">Fast Payment</h3>
                <p class="text-center text-sm">Our team is almost always online and payments are made only through cryptocurrency</p>
            </div>

            <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4 w-64">
                <div class="p-3 rounded-full">
                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-shield">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" />
                    </svg>
                </div>
                <h3 class="text-xl font-semibold">Data Protection</h3>
                <p class="text-center text-sm">Your information is safe with us. We will never publish your information or history of using the bot.</p>
            </div>
        </div>
    </div>
</section>



<section id="pricing" class="bg-black py-12">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">
        <h2 class="text-3xl font-bold text-center text-white mb-8">Our Pricing Plans</h2>
        <div class="flex justify-center">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
					<div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Basic</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        5.49
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 1</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 60s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 30s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 14</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>

                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
					<div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Normal</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        9.99
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 2</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 100s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 20s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 30</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>

                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
					<div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Advanced</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        16.99
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 3</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 120s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 15s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 30</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lightgreen" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 12l2 2l4 -4" />
                                    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>

                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
                    <div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Pro</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        19.99
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 4</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 150s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 10s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 30</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lightgreen" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 12l2 2l4 -4" />
                                    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>

                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
                    <div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Elite</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        27.99
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 5</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 180s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 5s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 30</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lightgreen" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 12l2 2l4 -4" />
                                    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                                    <path d="M5.7 5.7l12.6 12.6" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>

                <div class="bg-cards text-white p-6 rounded-lg shadow-lg flex flex-col items-center space-y-4">
                    <div class="flex items-center space-x-4">
                         <h3 class="text-xl font-semibold text-center">Fastyl</h3>
                    </div>
                    <p class="text-lg font-bold mb-4 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 1 1 0 6h-4a3 3 0 0 1 -2.7 -2" />
                            <path d="M12 3v3m0 12v3" />
                        </svg>
                        34.99
                    </p>
                    <div class="flex flex-col md:flex-row justify-between w-full mb-4 md:gap-8 space-y-4 md:space-y-0">
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left whitespace-nowrap">Concurrents: 5</p>
                            <p class="text-left whitespace-nowrap">Boot Time: 200s</p>
                            <p class="text-left whitespace-nowrap">Cooldown: 5s</p>
                        </div>
                        <div class="flex flex-col space-y-2 w-full md:w-1/2">
                            <p class="text-left">Days: 30</p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>VIP:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lightgreen" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 12l2 2l4 -4" />
                                    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" />
                                </svg>
                            </p>
                            <p class="flex items-center space-x-2 text-left">
                                <span>Premium:</span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lightgreen" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 12l2 2l4 -4" />
                                    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" />
                                </svg>
                            </p>
                        </div>
                    </div>
                    <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[225px]"
                      onclick="window.location.href='https://dsc.gg/fastyl';">
                        Select Plan
                    </button>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="reviews" class="bg-black py-12">
    <div class="max-w-7xl mx-auto px-6 lg:px-8 m-[4px]">
        <h2 class="text-3xl font-bold text-center text-white mb-8">What Our Users Say</h2>
        <div class="flex flex-wrap justify-center gap-6">
		
		<div class="bg-cards text-white p-5 rounded-lg shadow-lg flex flex-col items-center space-y-6 w-[275px]">
                <div class="flex items-center space-x-4 mb-0">
                    <div class="w-12 h-12 rounded-full overflow-hidden">
                        <img src="img/Localsun.jpg" alt="Localsun" class="object-cover w-full h-full">
                    </div>
                    <div>
                        <h3 class="text-xl font-semibold">Localsun</h3>
                        <p class="text-sm text-gray-400">Buyer</p>
                    </div>
                </div>
                <p class="text-center text-sm mb-2">Good power, normal bypasses, I like everything, very low prices, I'm happy with the purchase!</p>
                <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[200px]"
                  onclick="window.location.href='https://dsc.gg/fastyl';">
                    View full review
                </button>

            </div>
		
            <div class="bg-cards text-white p-5 rounded-lg shadow-lg flex flex-col items-center space-y-6 w-[275px]">
                <div class="flex items-center space-x-4 mb-0">
                    <div class="w-12 h-12 rounded-full overflow-hidden">
                        <img src="img/m1xmou7e.jpg" alt="m1xmou7e" class="object-cover w-full h-full">
                    </div>
                    <div>
                        <h3 class="text-xl font-semibold">m1xmou7e</h3>
                        <p class="text-sm text-gray-400">Premium buyer</p>
                    </div>
                </div>
                <p class="text-center text-sm mb-2">Huge power, super bypasses, low prices, this is the best service I have encountered in the entire market!</p>
                <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[200px]"
                  onclick="window.location.href='https://dsc.gg/fastyl';">
                    View full review
                </button>
            </div>
			
			<div class="bg-cards text-white p-5 rounded-lg shadow-lg flex flex-col items-center space-y-6 w-[275px]">
                <div class="flex items-center space-x-4 mb-0">
                    <div class="w-12 h-12 rounded-full overflow-hidden">
                        <img src="img/millyofficial.jpg" alt="User Avatar" class="object-cover w-full h-full">
                    </div>
                    <div>
                        <h3 class="text-xl font-semibold">MillyOfficial</h3>
                        <p class="text-sm text-gray-400">Buyer</p>
                    </div>
                </div>
                <p class="text-center text-sm mb-2">I have never seen such a huge power for such a small price I was shocked when I checked the power</p>
                <button class="inline-flex items-center justify-center whitespace-nowrap rounded-[6px] text-sm font-semibold shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black hover:bg-gray-100 h-[37px] w-[200px]"
                  onclick="window.location.href='https://dsc.gg/fastyl';">
                    View full review
                </button>
            </div>
        </div>
    </div>
</section>

<section id="contact" class="bg-black py-12">
    <div class="max-w-7xl mx-auto px-6 lg:px-8 text-white">
        <div class="flex flex-wrap justify-between">
            <div class="w-full md:w-1/3 mb-6 md:mb-0">
				<h3 class="text-2xl font-semibold mb-4 flex items-center">
				<img src="logo.png" alt="Logo" class="mr-2 w-12 h-12"> Fastyl.net
				</h3>
                <p>If you are tired of spending money on IP and a stressor website that is not effective and does not provide load, our team is ready to help you! Our Bot is one of the most effective DDOS on the market.</p>
                <div class="flex mt-4 space-x-4">
                    <a onclick="window.location.href='https://dsc.gg/fastyl';" class="text-[#ccc] hover:text-white transition-colors duration-300 cursor-pointer"><i class="fab fa-discord"></i></a>
                </div>
            </div>
			<div class="w-full md:w-1/4 mb-6 md:mb-0">
                <h3 class="text-xl font-semibold mb-4">Contact Us</h3>
                <ul>
                    <li><p>Telegram <a onclick="window.location.href='https://t.me/dstatowner';" class="text-[#ccc] hover:text-white transition-colors duration-300 cursor-pointer"> @dstatowner</a></p></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<script>
document.getElementById('menuButton').addEventListener('click', function() {
    const mobileMenu = document.getElementById('mobileMenu');
    mobileMenu.classList.toggle('hidden');
    mobileMenu.classList.toggle('fade');
});
</script>
<script>
    function scrollToSection(id) {
        const targetSection = document.getElementById(id);
        if (targetSection) {
            targetSection.scrollIntoView({
                behavior: 'smooth'
            });
            history.pushState(null, null, window.location.pathname);
        }
    }
</script>
</body>
</html>
